ヒーローイメージとは、ウェブサイトのトップページに配置するメインのビジュアルのことです。大抵の場合、大きなサイズのインパクトのある画像で、サイトの印象を左右する重要な要素です。

単なる見た目の良し悪しだけでは無く、競合サイトとの差別化にも役立ちます。「前に見たサイト、本当にこれだったかな？」と思ったことはありませんか？ビジネスのリサーチを含め、ユーザーはいちいち候補をブックマークなんかしなくなりました。ブラウザのタブに多く並んだサイトのひとつが気になったとしても、次に訪問した時に思い出してくれるとは限りません。そして、ビジネスサイトの「お問い合わせ」までには通常複数回の訪問が必要です。「あ、この前気になってたこのサイトか！」と思い出してもらえるような、ユニークなヒーローイメージは必ず利益に貢献するはずです。

今回はenvato market Blogから、ウェブデザインにおけるヒーローイメージのトレンドについての記事を紹介します。

ウェブデザインのヒーロイメージのトレンドを紹介

その1 大きなヘッダー画像

ヒーローイメージのトレンドを一言で言うと「大きくて魅力的なヘッダー」となるでしょう。
ほとんどの場合使用される画像はコンテンツに関係する写真です。

写真ほど雄弁に語るものは無いでしょう。効果的に選択された写真は、一瞬でサイトの内容を訪問者に理解させます。
フルスクリーンで表示される、Andrew Elsassのサイトがその良い例となるでしょう。

彼のホームページでは、ヒーローイメージに彼自身の写真を使っています。フルスクリーンで表示される画像は色も慎重にブレンドされ、彼の事がより身近に感じられる工夫をしています。サイトを移動していると、about me pageのように、小さめの画像も効果的に配置されている事に気が付きます。

ヒーローイメージとフルスクリーンヘッダーは切っても切れない仲です。

少し違うアプローチを見てみましょう。
Cleverbird Creativeのヒーローイメージもディスプレイ全体に表示されるタイプですが、スクロールは可能です。そして、ひとつひとつのセクションに夫々の大きな背景が使われています。このアプローチもまた、効果的な画像で訪問者の興味を引き立てる事を狙うコンセプトが使われています。

その2 シングルページデザイン

巨大なフルスクリーンタイプのヒーローイメージは、シングルページサイトではより多く見かけます。ほとんどの場合、ランディングページやパララックスウェブサイトでは、それほど多くの情報は用意されていません。だからこそ、よく考えられ、配置された画像はコンテンツに輝きを与えます。

Gladzの素晴らしいポイントは、トップページの固定ヘッダーナビゲーションを含めたフルスクリーン画像の他、それぞれのセクションに適したヒーローイメージが配置されているところです。画像毎の関連性はほとんど無いのですが、そのコンテンツを表すイメージが配置されています。シングルページのお手本のようなサイトです。

その3 フルスクリーンバックグラウンド

フルスクリーンバックグラウンドは明らかにヒーローイメージの派生と言えます。類似点も関連性も多いですが、完全に同じ物ではありません。

Christian Wooは自社の家具を紹介するホームページです。それぞれのコンテンツには、彼らの製品画像が使われています。ページ毎のコンテンツや情報は少ないのですが、洗練された画像がサイトを活気のある物にしています。

違う例を紹介しましょう。
August digital marketing agencyでは、フルスクリーンではありませんが、それ以上に大きなエリアを占めるイメージを使っています。興味深いことに、彼らは写真では無くオリジナルのイラストを配置しています。これはクリエイターやデザイナーの腕の見せどころです。ほとんどのホームページ訪問者は、その会社がどんな事をしているか理解していないでしょう。彼らに一瞬で、どんな事ができるかをデモンストレートする事ができるトップページです。

一瞬で価値を理解させると言えば、Sweet Basilのホームページも印象的です。ローテーションするフルスクリーン背景のひとつひとつがレストランの雰囲気を伝えます。所々に配置された小さなヒーローイメージも良いアクセントになっています。

その4 「お勧め記事」の抜粋表示

ブログやオンラインマガジンの数が減る気配は一向にありません。
WordPressは現在の所、最もパワフルなブログプラットフォームとして多くのユーザーに使われています。このWordPressの特徴のひとつ、アイキャッチをヒーローイメージに利用したデザインテーマも増えています。このタイプのサイトでは、特に興味を引きたい記事ではより大きなサイズのアイキャッチが使われる事も良くあります。

DIYMagではメインの記事には大きな画像、そのほかの記事には小さめのアイキャッチを表示しています。記事のひとつひとつのヒーローイメージは大サイズに統一されていて、読者を記事に引き込む工夫がされています。

GOOD Magazineも面白い例です。アイキャッチが並びますが、最も重要な記事は最大サイズの画像とヘッドラインが表示されます。初めての訪問者でも、何を読めば良いか迷う事は無いでしょう。

その5 スライドショー

ヒーローにはもっと活躍してもらいたい、（バットマンやロビンに対してだけでは無く）そう考えるデザイナーもいるでしょう。
スライド背景はそんなデザイナーにとって、バットマンのユーティリティーベルトのような便利な道具となります。
人物写真、ビルの街、クールなオフィス、そしてデザインワークが効果的に訪問者を捉えます。

クールな例としてブランディングエージェンシーMatter of Formのサイトを紹介しましょう。
このフルスクリーン画像はナビゲーションと連動していて、訪問者に魅力的な印象を与え、会社のメッセージを伝えます。

JanSportも面白いサイトです。フルスクリーンではありませんが、効果的なヒーロイメージと言ってよいでしょう。
写真は彼らの製品を印象的に宣伝しています。下部に並ぶ商品ボックスはヒーロイメージと連動し、訪問者が簡単にナビゲートできます。
いままで紹介してきたヒーローイメージより地味に見えるかもしれませんが、とても効果的な例だと思います。

最後に、設計事務所、Melyssa Robertのポートフォリオサイト紹介します。これらのスライド画像は、それぞれ専用のプロジェクトページにリンクされ、そこではよりグラフィカルなページが表示されます。他のヒーローイメージと同様、ユーザーをコンテンツにフォーカスさせる効果的な使い方と言えるでしょう。

最後に

これらのトレンドを理解して、あなたのサイトのヒーローイメージを素晴らしい物に変身させましょう。あなたのヒーローが活躍出来る事を祈って！

元記事
Exploring the Hero Image Trend in Web Design by Jake Rocheleau

投稿 ヒーローイメージ、5つの最新トレンドとクールな使用例を紹介 は studioDoghands に最初に表示されました。

当サイトで使用中のWordPressプラグイン26個を紹介します。
基本的に使わないプラグインはすぐに削除しているので、割りと厳選されたリストになっていると思います。
あなたのサイトの運営に、是非参考にしてください。

使用中のプラグイン

Akismet

[wp-pic slug=”Akismet” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” clear=”after”]
コメントスパムを排除。
現在コメントは使用していないが、コンタクトフォーム7のメールスパム対策に使用。効果は絶大。
このプラグインと、Gmail側での地道なフィルター登録で、普段スパムメールを見ることは無くなった。

All In One SEO Pack

[wp-pic slug=”All In One SEO Pack” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” clear=”after”]
SEO対策。主にタイトルとディスクリプションの編集用途。
現在、恣意的なSEO対策の効果は無くなりつつある為、逆に言えばこのくらいが編集できれば充分。

Batch Cat

[wp-pic slug=”Batch Cat” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” clear=”after”]

あるカテゴリーに属する記事を、別のカテゴリーに一括して移動するためのプラグイン。
WordPressの機能だけでも、一気にカテゴリーを追加する事はできるが、元のカテゴリーから外す事は困難な為使用。
WordPressテーマの記事を移動するために使ったが、普段は使わないプラグイン。

Contact Form 7

[wp-pic slug=”Contact Form 7″ layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” clear=”after”]
お問い合わせフォームの定番中の定番。
デフォルトでは送信確認用の画面が無いが、プラグインで対応可能。

Custom Post Type UI

[wp-pic slug=”Custom Post Type UI” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” clear=”after”]
カスタム投稿タイプやカスタムタクソノミーの追加/編集に。
同系統の[Types]の方がネーミングがかっこ良い気がしたが、国内での情報量の違いから上記を選択。

Duplicate Post

[wp-pic slug=”Duplicate Post” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” clear=”after”]
投稿記事の複製を簡単にするプラグイン。ある程度のテンプレートを作っておくために使用。テンプレートであれば、定型文を追加するタイプのものもあるが、カテゴリーやタグをある程度選択しておいたり、タイトルのひな形も作って置けるので使用。

Easy Smooth Scroll Links

[wp-pic slug=”Easy Smooth Scroll Links” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” clear=”after”]
同ページ内のリンクで、スルスルとスクロールするためのプラグイン。殆どのテーマでは元々持っている機能。

EWWW Image Optimizer

[wp-pic slug=”EWWW Image Optimizer” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” clear=”after”]
アップした画像のファイルサイズを劣化少なめで最適化。
同系統のプラグイン[WP Smush.it]から入れ替え。

Google Analytics Dashboard for WP

[wp-pic slug=”Google Analytics Dashboard for WP” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” clear=”after”]
アナリティクスのデータを管理画面のダッシュボードに表示してくれる。

Google XML Sitemaps

[wp-pic slug=”google-sitemap-generator” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” clear=”after”]
Googleサイトマップの生成。
投稿の更新の度に、グーグルにサイトマップを送信してくれる。

Intuitive Custom Post Order

[wp-pic slug=”Intuitive Custom Post Order” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” clear=”after”]
固定ページやカスタム投稿タイプの記事の順番をドラッグで変更出来る。

Jetpack by WordPress.com

[wp-pic slug=”jetpack” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” clear=”after”]
WordPress.comへの登録が必要になるが、ダッシュボードでの簡易アクセス表示含め、多くの機能が使用可能になるプラグイン。
無料でCDNサービスPhotonも利用出来るが、当サイトではスライドに不具合が出たため使っていない。

Newpost Catch

[wp-pic slug=”Newpost Catch” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” clear=”after”]
最近の記事をウィジェットに表示。

Post Snippets

[wp-pic slug=”Post Snippets” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” ajax=”yes” clear=”after”]
文字列をショートコードにして使用可能に。
PHPにも記述出来る。
かなり多くの場所に使ってしまっているので、このプラグインを切るとよく分からないサイトに。

Regenerate Thumbnails

[wp-pic slug=”Regenerate Thumbnails” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” ajax=”yes” clear=”after”]
標準のサムネイルのサイズを変更した時に使用。普段入れておく必要は無し。

Revolution Slider

スライドアニメーションの作成に。有料プラグインだが、最近の有料テーマには同梱されている事が多い。

Search Regex

[wp-pic slug=”Search Regex” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” ajax=”yes” clear=”after”]
投稿記事中の文字列を一括置換。
使用頻度は少ないので、削除したりインストールしたりの繰り返し。
データベース全体を強力に検索置換するわけでは無いので、ドメイン引っ越しの時のアドレス置換にはあまり使えない。
引っ越しの際のアドレス置換はSEARCH AND REPLACEがベスト。

Taxonomy List Widget

[wp-pic slug=”tag-list-widget” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” ajax=”yes” clear=”after”]
ウィジェットにカスタムタクソノミーのリストを表示。現在はWordPressテーマ紹介の分類表示に使用。

TimThumb Vulnerability Scanner

[wp-pic slug=”TimThumb Vulnerability Scanner” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” ajax=”yes” clear=”after”]
プラグインやテーマでたまに使用されるTimThumbという画像リサイズ機能があるが、古いバージョンには脆弱性がある。
この脆弱性をスキャンするためのプラグイン。

Where did they go from here

[wp-pic slug=”Where did they go from here” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” ajax=”yes” clear=”after”]
「この記事を見た方は、こちらの記事も読んでいます」を表示するプラグイン。

WordPress Popular Posts

[wp-pic slug=”WordPress Popular Posts” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” ajax=”yes” clear=”after”]
「人気の記事」表示プラグイン。

WP External Links

[wp-pic slug=”WP External Links” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” ajax=”yes” clear=”after”]
外部リンクにアイコンを追加するプラグイン。

WP Multibyte Patch

[wp-pic slug=”WP Multibyte Patch” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” ajax=”yes” clear=”after”]
WordPress日本語バージョンに元々入っているプラグイン。
文字関連の不具合を色々と直してくれるらしい。
テーマによってはそれでも対策が必要。

WP Social Bookmarking Light

[wp-pic slug=”WP Social Bookmarking Light” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” ajax=”yes” clear=”after”]
ソーシャル関連ボタン設置のプラグイン。記事下に設置。

WP Total Hacks

[wp-pic slug=”WP Total Hacks” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” ajax=”yes” clear=”after”]
デフォルトでは変更出来ない管理画面の様々な項目を設定可能。良く知られていたウィンドウズのフリーソフト[窓の手]のような印象。

Yet Another Related Posts Plugin

[wp-pic slug=”yet-another-related-posts-plugin” layout=”large” scheme=”scheme3″ align=”left” margin=”0 0 0 20px” containerid=”download-sexion” ajax=”yes” clear=”after”]
関連記事の表示。これについては、同系のプラグイン5,6種類で悩み、削除、インストールを繰り返している。
ちなみに下記のプラグインを試し、上記に落ち着いているが、細かい問題はまだ解決していない。
悩みポイントは
・サムネイルの取得方法
・カスタムタクソノミーでの関連記事取得
がメイン。
最終的にはloop-single.phpへの記述になると思うが、これも何度も挫折中。

試したプラグイン。
Similar Posts
Related Posts(Zemanta)
WordPress Related Posts(Zemanta)
Related Posts By Taxonomy
Contextual Related Posts Taxonomy Tools
Related Posts via Taxonomies
WP Simple Related Posts
Shareaholic
Yuzo ̵ ̵ ̵ Related Posts

使用を停止したプラグイン

Advanced Responsive Video Embedder（紹介記事はこちら）→YouTube等の動画をレスポンシブ対応で埋め込み。WordPress4.0で対応した事、あまり動画を埋め込まない事、から削除
Simple Map(紹介記事はこちら)→Google Mapを簡単に配置出来るプラグイン。とても便利なプラグインですが、当サイトではあまりマップを埋め込まない事、最近はテーマでサポートしていることから削除
Nice Trailingslashit→URLの末尾に/（スラッシュ）を付け加えるプラグイン。以前はSEO的に意味はあったが、最近はどちらでも良い（諸説ある）ので
Download Manager→アップデートで表示がおかしくなった事（対策あり）、当サイトで資料のアップロードはあまり行わないことから削除
Password Protected、Maintenance Mode→サイトの修正時に一時パスワードロック。自社サイトの場合、あまり厳密にしなくても良いか、との思いと、以前パスワードの解除をし忘れ、閲覧できるのはワードプレスにログイン済の自分のみ、という事に気が付かなかった痛い経験から、とにかく使わない時は削除
AddQuicktag→記事編集のツールバーに独自のタグを設定可能。定番中の定番プラグインとして知られるが、短いコード→PCやMACの辞書に登録、長いコード（テンプレート当）→MACの便利ソフトDASHのスニペットに登録しておく、等で、使わなくなったので削除
TablePress→テーブルの作成、ショートコードでの設置が便利なプラグイン。当サイトでは特に使わないので削除。
W3 Total Cache→WordPressのパフォーマンスを上げる。このプラグインに関しては、この数年間インストールして調整に熱中したり、不具合が出て削除したりのループ。調整ひとつでかなり表示速度が改善されたり、前より遅くなったりと、感情の揺れを楽しめる。二度と手を出さない、と誓ったことも10数回。

まとめ

「SEO系でテクニックを色々と駆使する系」、はあまり意味がなくなりつつある（コードの良し悪しで順位が上がったり下がったりが昔より減った。まじめにコンテンツを更新するしか無い）ので、All In One SEO Packくらいで良いかな、という印象です。
「また、プラグインやショートコードありきでページがきちんと表示される系」（YouTubeのレスポンシブや、ショートコードで画像を表示する、等）は、WordPressアップデートでデフォルト対応になっていたり、プラグインの使用を止めたときに昔の投稿が崩れるので、これからは少し慎重に使用を考ようと思います。
逆に、管理画面での使用感をアップさせるプラグインは色々と使っていきたいです。

投稿 studioDoghandsのサイトで使用中のプラグイン26個を紹介 は studioDoghands に最初に表示されました。

そのクオリティの高さから有料テーマの利用を検討していても、事前に試すことが出来ないことがネックになっている場合があると思います。
また、初心者にとってはテーマ自体の宣伝文や説明、特徴の項目が多すぎて、なかなか判断が付かないことも多いでしょう。
私も自社用、クライアントワーク用にテーマフォレストなどの販売サイトを利用していますが、購入後に自分が意図していたサイトが出来ず、そのまま使わなくなったケースもあります。そんな事を避けるために、海外WordPressテーマを購入する際に私が気をつけていることを紹介します。

購入前のチェックポイント

チェックポイントその１　販売数

まずは販売数を確認します。

販売数が多いから良いテーマだ、ということでは無く、アップデートが重要なWordPressテーマにおいて、ユーザーの声が大きいほど制作チームが途中でアップデートを止めづらくなる事が理由です。

販売数において、新作の場合は当然不利になりますが、目安として1年以内に800~1000個以上の販売数があれば検討しても良いと考えます。
例外として、過去に多くの販売を行なっている制作チームの新作は候補に入れることがあります。

チェックポイントその2 最終アップデート日

次に重要視するのが、最終アップデート日です。
販売数が多いテーマの場合、単に昔からリリースしているから、ということも考えられます。
この数年の間でも、レスポンシブデザイン、1ページタイプのサイト、パララックス効果やフラットデザイン、メイソンリー（ピンタレスト風の可変グリッド）など、テーマに求められる機能や流行りもどんどん変化しています。最終アップデート日から半年以上開いているテーマは候補から外します。

チェックポイントその3 アップデートログ

最終アップデート日だけでは、更新頻度はわかりません。そこで、アップデートログをチェックします。
テーマフォレストの場合は、テーマ紹介ページの下部に表示されています。
機能追加だけでは無く、Fixed bug・・・の言葉が並んでいると良い兆候です。バグは必ず存在するので、それに対応してくれるかどうかが判断出来るからです。

この3つのポイントをクリアしている場合、一応テーマとして標準の動作はしていると考えています。

チェックポイントその4 コメント欄

ざっと眺めて雰囲気を掴むだけでも構いません。
特に最初の数十〜200個くらいは共通の質問が多いので、それにどう答えているか確認してみるのも良いでしょう。

チェックポイントその5 ページ構築システムが自前か、プラグイン（ビジュアルコンポーザー）か

有料テーマの殆どが、ページの作成を用意にする「ページビルダー」インターフェースを備えています。
例えば、「テキスト」や「画像」、「最近のブログ」などのパーツをブロックのように自由に組み合わせて構築する機能です。

このページビルダーには大きく分けて2種類あり、「作者のオリジナル」か、多くのシェアがある「ビジュアルコンポーザープラグイン」のどちらかです。
このページビルダーがオリジナルの場合、たとえビジュアルコンポーザーより優れた使い勝手だとしても、注意が必要です。それは、後々テーマを変えづらくなってしまうからです。

ページビルダーの使用はブログ等の投稿ページでは無く固定ページが大半なので、テーマを変える事になってもページ数的にはそれほど手間はかからないのですが、似たようなテーマで迷った場合は「ビジュアルコンポーザー」をサポートしている方を選んでいます。

※ブログやニュース投稿メインのテーマの場合、いちいちページビルダーは使用しないのでこの限りではありません。

特に重要視していないポイント

その1 星評価について

星の評価は参考程度に留めます。
基本的にテーマフォレストではユーザーの評価が高く、大体4以上になっていて、星5つも珍しくはありません。
また、少し変わった機能系のテーマでは最初の設定のハードルも上がり、星の評価も低くなる傾向があります。

その2 「◯◯特化型」にこだわらない

当サイトでテーマを紹介するときも「◯◯のホームページ制作に」のような書き方をしていますが、これは「テーマのデザインの系統」程度に捉えたほうが良いでしょう。
例えば病院のサイトを作る場合も「病院サイト特化型のWordPressテーマ」である必要はありません。
予約フォーム、診療科目、医師のスケジュール表示など、自分のサイトに必要な項目をピックアップして、それにマッチしたテーマを探すほうが良いと思います。

※ただし、通常のサイトと、ブログやニュース等の投稿メインのテーマは異なる部分が多いので、そこは分けて探した方が良いと思います。

投稿 私が海外有料テーマを選択するときの5つのチェックポイント は studioDoghands に最初に表示されました。

意外と少ない、「ブラウザ下部にメインナビゲーションが配置されている」レイアウトのWordPressテーマを集めました。
フルスクリーン型である事が前提で、多くはスクロールと共にナビゲーションが上部に移動します。
・完全にフルスクリーン型、スクロールと共にナビゲーションが下部から出現
・メインスライダーの高さが固定されていて、ディスプレイによってメインナビゲーションの縦位置がまちまち
は多く見かけますが、今回は省きました。

Corsa – Retina Responsive Creative OnePage Theme

このテーマの詳細はこちら（themeforest.net）

NAMO – Creative Multi-Purpose WordPress Theme

このテーマの詳細はこちら（themeforest.net）

Jkreativ – Multilayer Parallax MultiPurpose Theme

このテーマの詳細はこちら（themeforest.net）

907 – Responsive WP One Page Parallax

このテーマの詳細はこちら（themeforest.net）

Arctic – Architecture & Creatives WordPress Theme

このテーマの詳細はこちら（themeforest.net）

投稿 意外と少ない【ブラウザ下部にメインナビゲーション】テーマ5選 は studioDoghands に最初に表示されました。

プロフォトグラファーやグラフィックアーティストの公式サイト制作に。
ひとつひとつの作品を効果的に配置、表現する事を目的とした横スクロールタイプのワードプレステーマを紹介します。
主にポートフォリオ、ギャラリー、幾つかのテーマはブログアーカイブにも横方向の移動が設定出来ます。
縦長の写真が横方向に並ぶタイプは、サイズを合わせた人物ポートレートやモデルエージェンシー、ファッション関連ホームページ制作にも最適です。

Fluxus – Portfolio Theme for Photographers

このテーマの詳細はこちら（themeforest.net）
テキストと画像のバランスが非常に美しいポートフォリオテーマ。
グリッド配置のレイアウトも選択出来ます。
また、ブログアーカイブも横スクロールタイプのレイアウトが用意されています。

追記2019年現在もアップデートが続けられていて、ライトボックス、UIやナビゲーションを改善したバージョン1.6となっています。

このテーマの詳細はこちら（themeforest.net）

Camilla – Horizontal Fullscreen Photography Theme!

このテーマの詳細はこちら（themeforest.net）
フォトグラファーの作品紹介に。
縦長のアルバムサムネイルが横方向にスクロール。
フルスクリーンでの写真表示が美しいテーマ。

このテーマの詳細はこちら（themeforest.net）
当ブログでの紹介記事はこちら

Wynn-Fullscreen Ajax Portfolio / Photography Theme

このテーマの詳細はこちら（themeforest.net）
サイドナビゲーション固定型のレイアウトも選べる、スタイリッシュなテーマ。
横スクロール型のギャラリーの他、グリッドやフルスクリーンも。
画面遷移もお洒落です。

このテーマの詳細はこちら（themeforest.net）

Santino – Photography WordPress Theme

このテーマの詳細はこちら（themeforest.net）
RAIL SLIDERという横スクロールタイプのギャラリーを備えます。
他にもフルスクリーンやメーソンリーグリッドタイプなど、様々なレイアウトが利用可能。
メインメニューへの画面遷移アニメーションもセンスがあり、美しいテーマです。

このテーマの詳細はこちら（themeforest.net）
当ブログでの紹介記事はこちら

Acid – Unique Horizontal Blog and Portfolio Theme

このテーマの詳細はこちら（themeforest.net）
次のコンテンツが横に表示されているタイプ。
画面が横に移動する事が明示的に表現でき、ユーザーが迷う事が少なくなります。
ブログアーカイブもアイキャッチがグリッド上に並ぶスクロールです。

このテーマの詳細はこちら（themeforest.net）

CONTRAST – Elite Photography & Portfolio WP Theme

このテーマの詳細はこちら（themeforest.net）
横方向へのインフィニティスクロール対応。
ユニークな年表形式（タイムライン）のポートフォリオ紹介も可能です。
フルスクリーン動画の表示も可能で、映像関連のポートフォリオにも利用出来ます。

このテーマの詳細はこちら（themeforest.net）

投稿 画像重視。アーティストの為の横スクロールテンプレート6選 は studioDoghands に最初に表示されました。

結婚式の案内/報告/招待用ホームページのワードプレステーマを紹介します。
米国では新郎新婦のストーリーを詳細に綴った、凝ったサイトも見かける事の多いウェディング告知、報告サイト。
ブライダル会社や式場のサイトでは無く、「結婚する2人、そして親族や友人」の為のホームページです。

新郎新婦の紹介、式場案内、セレモニーの告知、参加フォーム、オンラインアルバム、などから構成され、いくつかのテンプレートは、米国らしく合理的な「（プレゼントに）欲しいものリスト」へのリンク、などが用意されています。

また、フォトウェディングのみの、いわゆるナシ婚層や、あまり人を呼ぶ予定の無いリブライダルの為の、限られた閲覧者に向けたご挨拶サイトに使うのも素敵だと思います。

テンプレートの選択に関しては、アップデートが途絶えているものや、ユーザー数は多くても改善コメントへの対応が遅れているもの、一般的なテンプレートとあまり変わらないもの、等は省いています。

全てのテンプレートは、スマートフォンやタブレットなどのモバイルデバイスでの閲覧も最適化されています。

1) Marriage – ベーシックな一番人気のレイアウト

利用ユーザー数最多、高品質かつベーシックなレイアウトのテーマです。 メインのビジュアル部分は写真のスライドが設置できます。 リボンやボタンなど、主要なパーツは8色用意されています。
このテーマの詳細はこちら（themeforest.net）

新郎新婦の紹介や、セレモニー会場、イベントなどへのリンクが並ぶトップページ。

結婚式の日程、会場の詳細。

RSVP出席連絡フォーム。メインセレモニーのみ、パーティーのみ、等の選択も可能です。 メインディッシュやデザートの選択肢も設定できます。 RSVPとは、式への参加の可否（参加、不参加）の返事を求める略語で、フランス語の”Répondez s’il vous plaît”の頭文字です。

ウェディングフォトギャラリー。
芸能人の方、アーティストの方の結婚式の場合と異なり、一般的にはプラグインなどで閲覧制限をかけたほうが良いコンテンツですね。

2) GeekLove – 今風の明るくフラットなデザイン

こちらも人気のテンプレート。 ブライダル系のスワール（飾り罫）やアイコン等の装飾は抑え、シンプルでフラットな、若さと未来を感じさせるデザインです。
このテーマの詳細はこちら（themeforest.net）

結婚式までのカウントダウンタイマー。

セレモニーや二次会パーティーリンク、詳細ページ。

RSVPフォーム。分かりやすいレイアウトです。

写真ギャラリー。

ゲストからのコメントフォーム。

3) The Wedding Day – 招待状のようなキュートなテーマ

招待状やテーブルに配置する各種ペーパーアイテムのような演出のテンプレートです。
紙のようなテクスチャや、飾り罫、花のイラストと馴染むデザインです。
このテーマの詳細はこちら（themeforest.net）

式へのカウントダウンタイマー、イベント告知等。

お洒落なRSVPフォーム。

アマゾンやアクセサリーストアへの、ウィッシュリスト（欲しいものリスト）へのリンク。 プレゼントに同じ物を貰う可能性も無くなり、このあたりは米国らしい合理性を感じます。

ちなみに、店に設置した端末でのウィッシュリスト共有は、1993年に米国の大手チェーンスーパー、TARGET（ターゲット）が始めました。 現在は、ハネムーンへの旅費支援や、新居の予算援助、またチャリティーへ寄付の選択肢も存在します。 日本人の一般的な性格、風習を考えると、頂く物へ注文、指定はまだまだ抵抗があると思いますが、 これからは、物を持たないライフスタイルも多く、ひとつの合理的な方法だと思います。

逆に、出席者の方々への引き出物をRSVPフォームの時点で選んで頂くのは、問題なく実行出来そうです。

写真アルバムページ。

4) Qaween – 装飾を抑えたミニマルでスタイリッシュなデザイン

ブライダル系の装飾は抑えたシンプルなレイアウト。
それだけに、使用する写真のクオリティ、レタッチには気を配りたいですね。
このテーマの詳細はこちら（themeforest.net）

新郎新婦紹介とカウントダウンタイマー。

招待状フォーム。

画像ギャラリー。

ブログページ。ホームページの目的上、長く更新していくブログでは無いと思いますが、新郎新婦の出会いから結婚までのストーリー紹介や、友人達の準備活動の記録や、結婚式の内容報告にも使えると思います。
サイトの公開終了後も一生の思い出になるので、絶対にバックアップは取っておきたいですね。

新郎新婦のツイート。

5) Honeymoon – 1ページ型のクールな新着テーマ

リリースされて間もないですが、人気が出ているテンプレートです。
シングルページ型で、スクロールに合わせてパーツや背景がアニメーションします。
このテーマの詳細はこちら（themeforest.net）

ホワイトスペース（余白）を効果的に使った、清潔感のあるシンプルなデザインです。
このサンプルの用に、屋外撮影の青空を含んだ画像も映えますね！

結婚式、イベントの詳細リンク。

RSPVフォーム。

フォトアルバム。角丸がワンポイントです。

ブログページ。

お洒落なフッターセクション

6) Eternity 横にナビゲーションを配置した1ページスタイル

こちらもHoneymoon同様1ページの長いサイトがスルスルとスクロールするタイプです。
横に設置したナビゲーションによる移動も分かりやすく、とても良く出来たレイアウトです。
このテーマの詳細はこちら（themeforest.net）

新郎新婦の紹介セクション。

BRIDESMAIDS -ブライズメイドの紹介・挨拶。
ちなみに、今回30種類近くのテンプレートを見比べましたが、現時点でブライズメイド、グルームズマンのセクションがあるテーマはEternityだけでした。
なかなか心配りのあるテンプレート作者だと思います。

GROOMSMEN – グルームズマンの紹介・挨拶。

ウィッシュリスト。

RSVPフォーム。

ブログページ。

7) Moreno – スーパーシンプルなレイアウト。でも、バリエーションは豊富

機能、レイアウトはとてもシンプル。ただ、最初から用意されたパーツ、カラーバリエーションは豊富で、比較的短期間での構築にも向いています。
トップページは中央に告知スペースを儲けたフォトスライドショー。
左側にfacebookやTwitter含めたソーシャルアイコンが並びます。
このテーマの詳細はこちら（themeforest.net）

中央の告知用スペースのシェイプは円形やハート型の他、たまご型や星、四角形などが用意されています。

二人の紹介ページ。下に新郎が続きます。

メールフォーム。

フォトギャラリー。

もし、今まであまりホームページ構築の経験の無い、新郎新婦の友人などが制作する場合は、作業期間2〜３ヶ月は確保しておきましょう。
企業のホームページなら「まずはオープンして残りは追々」なども可能ですが、結婚式の場合はそうもいかず、また使用する写真の選定、加工も大変です。
新郎新婦からも、式の準備で忙しくなる前に、写真素材やストーリー文章、式の情報等を貰っておきましょう。
（式で上映される動画編集を気軽に引き受けた事のある人には良く分かると思います）

思い出に残る、素敵なサイトが出来ると良いですね！

投稿 結婚式ホームページ。二人の為のハイセンステーマ厳選7種 は studioDoghands に最初に表示されました。

サービス紹介のランディングページとしても最適な1ページ型テンプレートの新作5選です。
全てレスポンシブデザインです。ほぼ全てのテンプレートにパララックスエフェクト設定が可能です。

Solido – Responsive One Page Multi-Purpose Theme

このテーマの詳細はこちら（themeforest.net）

動画、画像、スライダーパララックス等がトップページに設定可能。
シンプルでクリーンな印象のデザイン。カラースキームは8種類用意されています。
モックアップ用のPSDファイル付属。

Scrolle Parallax One Page WordPress Theme

このテーマの詳細はこちら（themeforest.net）

フルスクリーンスライダー、動画、画像（上下分割）の3種類のトップページスタイルが選択可能なレスポンシブ型テンプレート。
ナビゲーションはサイドに吸着するタイプが選べます。

Town – Responsive Multi-Purpose One Page Theme

このテーマの詳細はこちら（themeforest.net）

ビジネスサイトにも相性が良さそうなソリッドなデザインのテンプレートです。
Ajaxポートフォリオも利用可能。
マルチページ対応。

Cobalt – A One and Multi Page Portfolio Theme

このテーマの詳細はこちら（themeforest.net）

ミニマルでフラットなデザイン。
100種類以上のアイコンが付属しています。マルチページも対応。
スライドはレボリューションスライダー（15ドル相当）を利用しています。

dotBIZ – WordPress Responsive OnePage Parallax

このテーマの詳細はこちら（themeforest.net）

フラットなパーツデザイン。パララックスオン、オフ対応。スクロール吸着型。

投稿 シングルページ型ワードプレステンプレート最新5選 は studioDoghands に最初に表示されました。

情報コンテンツ配信型のサイトに最適なワードプレステーマ、最新4選です。

Ya’aburnee – Magazine & E-Commerce Theme

このテーマの詳細はこちら（themeforest.net）

情報サイト型テンプレートの中ではシンプルな印象です。ヘッダナビ吸着型。マウスオン時のエフェクトもセンスが良いです。

Santiago – Responsive WordPress Magazine Theme

このテーマの詳細はこちら（themeforest.net）

ソリッドな印象です。

ExtraNews – Responsive WP News/Magazine/Blog

このテーマの詳細はこちら（themeforest.net）

トップページスライダー部分に特徴があります。今回紹介の4種類の中では一番情報量を感じさせるレイアウトだと思います。

Passion- Magazine WordPress Theme

このテーマの詳細はこちら（themeforest.net）

４カラムまで設定可能ですが、適度なブロック間のスペースもあり、とても見やすい印象です。

投稿 ニュース、マガジン型ワードプレステーマ最新4選 は studioDoghands に最初に表示されました。

モバイル専用レイアウトのワードプレステーマです。ほとんどのテンプレートにPC版との共存マニュアル（大体はメディアクエリーをヘッダに挿入）が付いていて、また、iPad、iPhone、アンドロイドテスト済み表記があります。

Bean

詳細はこちら
カチッとしたスライドメニュー（左右選択可）。ソーシャルアイコンやボタン表示時には、コンテンツはブラー処理されます。

Chalis

詳細はこちら
クールなスライダーメニュー。スワイプギャラリーも。

GRUNT

詳細はこちら
オーソドックスなタイプ。投稿のコメントせり上がりアニメーションがスムーズです。

Mobilebar

詳細はこちら
グリッドタイプのボタンパーツが揃った、ハイクオリティなテーマ。メニューとコンテンツ部分が独立して上下スクロールします。

Now

詳細はこちら
フラットな色使いのテーマ。

投稿 【モバイル特化】新着ワードプレステーマ5選 は studioDoghands に最初に表示されました。

新着のワードプレス用１ページ型パララックステーマです。全てレスポンシブデザインです。

Cutting Edge

詳細はこちら
円形のサムネイルが特徴的なテーマです。マウスオン時のアニメーションが綺麗。

NEXT

詳細はこちら
メトロっぽいフラットな雰囲気のテーマです。スクロール駆動で結構ぐりぐり動きます。

Sonett

詳細はこちら
女性的な、かわいい雰囲気のテーマ。bootstrapバージョンもあります。

Nervaq

詳細はこちら
センス良く調整されたスクロール駆動、マウスオン時のアニメーションが小気味よいです。

Oriolus

詳細はこちら
カッチリとしたシンプルなシングルページテーマ。トップはフルサイズ動画の配置も可能。

MaxMuse

詳細はこちら
※ワードプレステーマではありません。
アドビのウェブオーサリングツール、Adobe Muse用のシングルページパララックステーマです。

投稿 スクロール駆動型シングルページパララックステンプレート新着5選 は studioDoghands に最初に表示されました。

ここ半年で紹介したワードプレステーマのまとめです。
レスポンシブデザインは標準になり、シングルページ、フラットデザイン、グリッドスタイルが目立ちますね。

シングルページ型の有料ワードプレステーマ10選

イベント告知・サービスの紹介、デザイナーやアーティストのポートフォリオ、ランディングページに最適な、１ページ完結型のワードプレステーマを紹介します。 詳細はこちら

ビジネス向けのカチっとしたレスポンシブな有料ワードプレステーマ10選

ワードプレス・ビジネス向けレスポンシブデザインのテーマから、人気の高い物をピックアップしました。 詳細はこちら

ウェブマガジンに使えるグリッド型の有料ワードプレステーマ11選

デザイン性の高いポートフォリオやウェブマガジンに最適なレスポンシブ、MASONRY(メーソンリー=レンガ)スタイルデザインのテーマから、人気の高い物をピックアップしました。 詳細はこちら

ニュース型サイト運用に最適な有料ワードプレステーマ10選

トップに投稿を敷き詰める、コンテンツ重視のテンプレートを集めました。 詳細はこちら

映画予告編サイトにも。フルスクリーン動画に最適なワードプレステーマ８選

映画の告知サイトや、映像作品の発表に使えそうな、フルスクリーン動画コンテンツ重視のワードプレステーマを集めました。 詳細はこちら

イスラム圏ビジネスに。アラビア語に代表される、RTL言語レイアウト対応のデザインテンプレート

RTL(Right-To-Left)と呼ばれる、アラビア語に代表される右から左方向への文字に対応している、ワードプレスのWEBデザインテンプレートを紹介致します。 詳細はこちら

小規模なライブハウス・スタジオのホームページに。イベント告知特化型ワードプレステーマ「Eventure」

AJAXイベントカレンダーや、バンドによる会場の利用希望（施設予約）メール等、ライブやイベントの告知に特化したレスポンシブワードプレステーマのご紹介です。 詳細はこちら

コーポレートサイトに使える無料のワードプレステンプレート10選

比較的新しい、無料のビジネス・コーポレートホームページ用のワードプレステーマを紹介します。 詳細はこちら

【地域の情報紹介特化型】ワードプレステーマ【Directory】

市町村ホームページや観光、町おこし紹介ウェブサイトだけではなく、リアル宝探しイベント告知にも使えそうなワードプレスデザインテンプレートの紹介です。 詳細はこちら

メトロスタイルのフラットなデザインのワードプレステンプレート8選

Metroスタイルやウィンドウズ8スタイルと呼ばれる、フラットなパーツを持つワードプレステーマの内、比較的ユーザーの多い物をまとめました。 詳細はこちら

【文章コンテンツの読みやすさ】を重視したワードプレステンプレート”Booklet”

電子書籍のような、文章の読みやすさを重視したデザインのワードプレステンプレートの紹介です。 詳細はこちら

投稿 2013年後半のワードプレステンプレート記事まとめ は studioDoghands に最初に表示されました。

Metroスタイルやウィンドウズ8スタイルと呼ばれる、フラットなパーツを持つワードプレステーマの内、比較的ユーザーの多い物をまとめました。

MetroStyle

そのまま「メトロスタイル」というネーミングのテンプレートです。もちろんレスポンシブデザインで、特にiPadでの表示が綺麗です。4000人近いユーザーがいます。

One Touch

標準、コーポレートサイト型、マガジン型のレイアウトが選択可能。スライダーレボリューションやレイヤースライダーなど、メインビジュアル用アニメーションプラグインも付属しています。

3Clicks

原色が合いそうなフラットデザインパーツが豊富。ボタンの角丸を細かく簡単に調整できます。

OneCommunity

こちらは、会員制フォーラム構築プラグインBuddyPressのテーマです。会員制サイト構築の概要はこちらをご覧ください。

Metro Mobile

モバイルデバイスに特化（一応デスクトップでも閲覧出来ます）した、アイコングリッドレイアウトのテーマ。
敷き詰められるタイルのサイズは13種類から選びます。PC用ホームページとの共存関連のヘルプもあるとの事で、ちょっと使ってみたいです。

Matrix

タイルが個別にアニメーションする、見ていて飽きないテーマです。

Rocket Board

パーツ同士の隙間の狭さは好みですが、レスポンシブ対応時に”画面いっぱいにぴっちりと”では無く、個別のタイルの大きさの変化が無いまま、画面の両側にスペースが空くのが少し残念。

Second Touch

ちょっとしたパーツにセンスを感じる、デザイン性の高いテーマです。

投稿 メトロスタイルのフラットなデザインのワードプレステンプレート8選 は studioDoghands に最初に表示されました。