Divi用のスタイリッシュなファッションレイアウトパックをダウンロードする

こんにちはDiviNation、毎週のDivi DesignInitiativeの次回の記事にご参加いただきありがとうございます。 毎週、デザインチームから新しい無料のDivi LayoutPackをお届けします。

今週、私たちのデザインチームは、スタイリッシュであると同時に柔軟に設計されたファッションレイアウトパックでファッションの世界に参入します。 パックには8つの異なるページレイアウトが含まれているため、Webサイトは箱から出してすぐに見栄えがします。 そして、サイトはファッションのニッチに限定されていません。 いくつかのカスタマイズで、ブログ、中小企業サイト、さらにはeコマースサイトなど、さまざまな種類のWebサイトを構築できます。

ランディングページのデザイン

ライブレイアウトのデモを見る

ホームページのデザイン

ライブレイアウトのデモを見る

ページデザインについて

ライブレイアウトのデモを見る

ブログページのデザイン

ライブレイアウトのデモを見る

お問い合わせページのデザイン

ライブレイアウトのデモを見る

ギャラリーページのデザイン

ライブレイアウトのデモを見る

ショップページのデザイン

ライブレイアウトのデモを見る

デザイナーページのデザイン

ライブレイアウトのデモを見る

主な機能

このレイアウトで私のお気に入りの1つは、柔軟性です。 すべてのコンテンツ領域の背景が白なので、サイトの配色を変更するのは本当に簡単です。 これにより、ブランディングのニーズに合わせてさらに柔軟になります。 私はこれがブロガー、中小企業、写真家によって使用されているのを見ることができます、あなたはそれを名付けます。

しかし、本当に輝いているのは、eコマース向けにどれだけうまく構築されているかです。 ランディングページの注目のセクションは、販売中のアイテム、カテゴリ別、人気を紹介するために整理され、間隔が空けられています。 ショップモジュールは、デザインの感触に合った方法で製品を表示するために全体で使用されます。 そして、「20％オフ」と「1つ買うと1つ無料」を宣伝するカスタマイズ可能なプロモーションバナーが大好きです。 それらが画像ではなく、編集できるという事実は、eコマースサイトにとって本当に役立つ追加です。

心に留めてください

サイト全体のショップページと製品表示では、製品を追加してWoocommerceをインストールする必要があります。 また、新しい商品を追加するときは、ページ上ですべて同じ高さになるように、すべての商品画像を同じサイズに保つように注意してください。 商品のすべての画像が同じサイズであるため、うまく整列するのに役立ちます。

ライブデモ

以下のリンクをクリックして、パックに含まれる各レイアウトのライブデモをご覧ください。

1. ファッションランディングページ（ライブデモ）
2. ファッションホームページ（ライブデモ）
3. ページについてのファッション（ライブデモ）
4. ファッションデザイナーページ（ライブデモ）
5. ファッションギャラリーページ（ライブデモ）
6. ファッションショップページ（ライブデモ）
7. ファッションブログページ（ライブデモ）
8. ファッションお問い合わせページ（ライブデモ）

レイアウトパックをダウンロードする

自分のDiviWebサイトでFashionLayout Packを使用するには、まず下のボタンを使用してダウンロードする必要があります。 ダウンロードにアクセスするには、以下のフォームを使用して、DiviDailyのメーリングリストに登録する必要があります。 新規加入者として、毎週月曜日にさらに多くのDiviの良さと無料のDiviレイアウトパックを受け取ります！ すでにリストに載っている場合は、下にメールアドレスを入力して[ダウンロード]をクリックしてください。 「再購読」したり、追加のメールを受信したりすることはありません。

レイアウトパックをダウンロードする

無料でダウンロード

Diviニュースレターに参加すると、究極のDiviランディングページレイアウトパックのコピーに加えて、他のすばらしい無料のDiviリソース、ヒント、コツがたくさんメールで送信されます。 従うと、すぐにDiviマスターになります。 すでに購読している場合は、以下にメールアドレスを入力し、[ダウンロード]をクリックしてレイアウトパックにアクセスしてください。

ダウンロード

正常にサブスクライブしました。 メールアドレスを確認してサブスクリプションを確認し、毎週無料のDiviレイアウトパックにアクセスしてください。

Diviレイアウトをインポートする方法

私たちのYoutubeチャンネルを購読する

レイアウトパックをダウンロードしたら、コンピューターのダウンロードフォルダーでdivi-fashion-layout-pack.zipファイルを見つけます。 フォルダをダブルクリックして解凍し、 divi-fashion-layout-packフォルダ内を移動します。 このフォルダ内には8つのファイルがあり、それぞれがDiviライブラリにインポートできる固有のレイアウトです。 これを行うには、WordPress管理者でDivi> Diviライブラリ>インポートとエクスポートに移動します。 必要な個々のレイアウトを選択するか、すべてを一度に重要にするすべてのレイアウトファイルを選択できます。

• Fashion_All.json
• Fashion_About.json
• Fashion_Blog.json
• Fashion_Contact.json
• Fashion_Gallery.json
• Fashion_Landing.json
• Fashion_Shop.json
• Fashion_Home.json
• Fashion_Designer.json

これらのレイアウトの1つをページにロードするには、Divi Builderをアクティブにしてから、ページ設定バーで「ライブラリからロード」アイコンを探します（プラス記号のように見えます）。 このアイコンをクリックして[ライブラリからロード]ポップアップを起動し、[ライブラリから追加]タブに移動します。 ここでは、このパックに含まれている8つのレイアウトのいずれかを選択して、ページに追加できます。

ライセンス制限なし

これらのレイアウトに含まれている写真には、ライセンスの制限はありません。 これは、ライセンス料の支払いや写真家の帰属を心配することなく、すべての商用プロジェクトでそれらを使用できることを意味します。 それらを商用Webサイトで使用したり、Diviの子テーマ内で販売したり、独自のDiviレイアウトパックに含めたり、ブログで使用したりできます。 私たちは、良い写真を見つけることがどれほど難しいか、そしてそれらの写真を管理するライセンスがどれほど混乱し、恐ろしいものになるかを知っています。 ユーザーのためにその問題を修正したいと思います。

フル解像度の画像アセットをダウンロードする

しかし、待ってください…もっとあります！

このファッションレイアウトパックをお楽しみください。 そして、確実に実行できるように、今週火曜日の午後3時（東部標準時間）にFacebookページでライブストリームを行い、このレイアウトパックを完全に機能するeコマースファッションブログに変える方法を説明します。 このウォークスルーでは、さまざまなレイアウトの要素を使用してブログのカスタム投稿レイアウトを設計する方法、ファッション製品をオンラインで販売するためのショップ（Woocommerceを使用）を追加する方法などを示します。

またね！