写真ウェブサイトのDiviレイアウト

公開: 2019-11-25

Diviは、あらゆるタイプの写真Webサイトを構築するための理想的なテーマです。それは、サイトの焦点（ニッカー）に関係なく、写真ウェブサイトが必要とするすべてのツールと機能を備えています。 Diviのモジュールを使用すると、写真、スキル、およびサービスを表示するサイトを構築できます。

幸いなことに、写真のWebサイトを最初から作成する必要はありません。エレガントなテーマやサードパーティの開発者から入手できる写真のレイアウトがいくつかあり、有利なスタートを切るのに役立ちます。この記事では、次のDiviデザインに役立つ、写真Webサイトの11のDiviレイアウトを見ていきます。レイアウトは順不同です。

写真ウェブサイトのDiviレイアウト

1.DiviFOCUS

DiviFOCUSは、あらゆるタイプの写真ビジネスがサービスを提供できるように設計されています。 10のアニメーションセクションが含まれ、SliderRevolutionプラグインと画像が無料で含まれています。ヒーローセクションには、マウスに続く前景の要素が表示されます。さまざまな高さの宣伝文句のセクションに、サービスが表示されます。 CTAは、アニメーション化された背景要素の上に配置されます。画像のセクションは、大きなテキストモジュールによってオーバーラップされています。写真カテゴリは、ホバーに表示される画像とタイトルで作成されます。また、宣伝文句、ブログ、地図、携帯電話に組み込まれたお問い合わせフォームを含むいくつかのAboutセクションも含まれています。粘着性のあるサイドバーボタンとたくさんのホバー効果があります。

価格：59ドル| 詳しくは

2.写真家

フォトグラファーは、写真家がサービスを紹介できるように設計されています。これは完全なレイアウトパックのホームページです（購入できるページは他に7つあります。それぞれ別売りです）。スライダーのセットは、ヒーローセクションに4つの画像を表示します。この下のスリムなセクションにはロゴが表示されます。これに続いて、画像の3列のセクションがあります。中央の画像は、テキストが回転するタグラインを示しています。また、ソーシャルフォローボタン、写真家とサービスに関するセクション、さまざまなスタイルの紹介文のいくつかのセクション、および情報を含むフッターも含まれています。

価格：$ 10 | 詳しくは

3. PhotoShary

PhotoSharyは、写真を販売するオンラインストアを作成するために設計されました。これは、いくつかのセクションとスタイル付きモジュールを備えた1ページのデザインです。ヒーローセクションには、タイトル、説明、人気のある検索へのリンク、検索ボックスがオーバーレイされた背景画像が表示されます。いくつかのセクションでは、最新の人気のある写真を交互のレイアウトで表示し、ボタンを使用して、並べ替えられたカテゴリの詳細を表示します。ホバー効果のある全幅ボタンは、すべての写真にリンクしています。写真家に関するセクションでは、カスタム人物モジュールに写真家を表示します。また、スタイル付きの価格表、登録CTA、および多くのホバー効果も含まれています。

価格：$ 6.99 | 詳しくは

4.フォトマーケットプレイス

Photo Marketplaceは、ElegantThemesのレイアウトパックです。このレイアウトは、複数の寄稿者からの写真を販売するオンラインストアを作成するために設計されました。カテゴリページ、価格設定ページ、個々の販売者向けのページを含む7ページがあります。それは明るい背景、たくさんのスタイルのモジュール、そして最小限のデザインを持っています。画像が含まれており、プロジェクトで無料で使用できます。

価格：無料| 詳しくは

5.写真

Fotoは、写真家が写真サービスを紹介できるように設計されています。オーバーレイにタイトルとボタンが付いたフルスクリーンのヒーローセクションがあります。写真家に関するセクションには、ホバー効果のある宣伝文句が含まれています。フィルタリングされたギャラリーは、間にスペースのないグリッドで画像を表示します。お客様の声は背景の上に配置され、ホバー効果が含まれます。また、スタイル付きの価格表、連絡先セクション、およびフルスクリーンマップも含まれています。緑のハイライトは、暗い背景と明るい背景でうまく機能します。

価格：$ 19 | 詳しくは

6.写真家

フォトグラファーは、写真家が自分の写真やサービスを表示できるように設計されています。ヒーローセクションには、中央のスタイル付きモジュールにタイトルとタグラインが表示された画像が表示されます。サービスに関するセクションには、詳細を表示するためのリンク、タイトル、ホバーの説明を示す画像が含まれています。フルスクリーン画像は、隅にタグラインを示しています。ギャラリーには4列の大きな画像が表示されます。タイトルと説明はホバーで表示されます。チームメンバーのセクションはサービスと一致しますが、ホバー効果はありません。他のセクションには、証言、埋め込みビデオ、およびスタイル付きの価格表が含まれます。

価格：無料| 詳しくは

7.写真のホームページ

写真のホームページは、エレガントなテーマの1ページのレイアウトで、写真ビジネス向けのシンプルなサービスページを作成します。いくつかのファイルがあるので、必要な個々のセクションだけをアップロードすることも、完全なホームページのすべてのセクションをアップロードすることもできます。ヒーローセクションには、視差のあるフルスクリーンの背景画像が表示され、タイトル、タグライン、ボタンがオーバーレイに表示されます。カテゴリは、各画像の上に4つの列とタイトルの画像で表示されます。これに続いて、3列または1列で表示できる証言があります。また、スタイル付きの価格表、お問い合わせフォーム、全幅マップも含まれています。

価格：無料| 詳しくは

8.エレガントな写真のレイアウト

エレガントな写真レイアウトは、写真家がポートフォリオとサービスを表示するために設計された5ページのレイアウトパックです。ホームページには、ポートフォリオ、統計のスタイル付きカウンター、大きな見積もりの情報、写真家の人物モジュールを表示するためのCTAを備えた全幅スライダーが表示されます。他のページも同様のデザインに従います。 [サービス]ページには、サービスが宣伝文で表示され、CTAを使用した情報と全幅の写真がいくつか含まれています。価格設定ページには、スタイル設定された価格設定テーブルがあり、情報を宣伝文やいくつかのスタイルの紹介文で表示します。

価格：無料| 詳しくは

9.結婚式の写真家

Wedding Photographerは、結婚式の写真サービスを表示するために設計された8ページのレイアウトです。レイアウトには、柔らかな色と重なり合うセクションがたくさんあります。ホームページには、高さの異なる4列のグリッドに白黒写真が表示されます。写真にカーソルを合わせると、写真が色に変わります。ギャラリーには、さらに多くの写真が表示され、その後にタイトルが傾いた宣伝文句が続きます。スタイル付きのソーシャルメディアボタンがフッターに表示されます。 [パッケージ]ページには、CTAと重複する価格表が表示されます。また、画像と情報のあるセクションも含まれています。写真と重なるタイトルで複数のレイアウトで写真を表示するギャラリーのページがいくつかあります。別のギャラリーページにはスライダーが含まれ、別のギャラリーページにはグリッドが表示されます。

価格：無料| 詳しくは

10.をクリックします

Clickは、写真家がポートフォリオを表示するための6ページのレイアウトパックです。ホームページには、オーバーレイにタイトルとCTAが含まれるフルスクリーンの背景画像が表示されます。白黒写真は2列のグリッドに表示され、色に変えるホバー効果が含まれています。連絡先CTAは、視差の背景の上に配置されます。サービスは、黒と灰色のチェックボードの背景を持つ2列のグリッドに配置されます。ポートフォリオセクションには、カテゴリ付きの画像が表示されます。ホバーするとビューリンクが表示されます。また、スタイル付きの紹介文と連絡先セクションも含まれています。カテゴリのページには、ホバー効果のあるグリッド内のギャラリーがあります。 [概要]ページには、スタイルバーカウンターが含まれています。これは黒と大胆な赤が好きです。

価格：無料| 詳しくは

11.シャッターバグ

Shutterbugは、あらゆるタイプの写真ビジネス向けに設計された1ページのレイアウトです。それは写真撮影のスキルに強い焦点（ニッカー）を持っています。ヒーローセクションには、ロゴ、タイトル、タグライン、ポートフォリオを表示するためのボタンが表示されます。宣伝文句はサービスやスキルを示し、大きな背景画像である次のセクションに進みます。ロゴは、作品が紹介されているさまざまな場所を示しています。スタイル付きの宣伝文は、画像とタイトルでサービスを表示します。大きなフォトギャラリーには、写真の間にスペースを入れずに複数列のレイアウトで写真が表示されます。レイアウトは、背景画像の上に配置される特大のCTA、連絡先フォーム、およびフッター要素で終了します。

価格：無料| 詳しくは

終わりの考え

これが、写真Webサイトの11のDiviレイアウトです。レイアウトは適切に設計されており、写真を表示したり、写真スキルを強調したり、サービスを説明したり、価格を表示したり、写真撮影を設定するためにクライアントから連絡を受けたりするために必要なすべてが含まれています。あなたの写真のウェブサイトが何を必要としているかに関係なく、あなたはあなたが始めるのを助けるためにこのリストで何かを見つけることは確実です。

我々はあなたから聞きたい。 写真のウェブサイト用にこれらのDiviレイアウトのいずれかを試しましたか？ コメントでそれらについてどう思うか教えてください。

Inspiring /shutterstock.comによる注目の画像