ディビガールチャイルドテーマの概要

Divi Girlは、Diviの子テーマです。 たくさんのWooCommerce製品テンプレートとブログレイアウトを含む数十のページが付属しています。 この記事では、Divi Girlのページとレイアウトを見て、これがニーズに合ったDiviの子テーマであるかどうかを判断するのに役立てます。

Divi GirlChildテーマのインストール

インストールは簡単で、期待どおりに進みました。 Diviをアクティブにした状態で、WordPressテーマと同じように、DiviGirlをアップロードしてアクティブにします。

有効にしたら、デモコンテンツをインポートする必要があります。 WordPressのダッシュボードメニューでインポートデモ>簡単にデモのインポートに移動します。 投稿、メディア、メニュー、ウィジェットなど、インポートするファイルを選択します。WooCommerceをインストールしてアクティブ化するオプションが表示されます。

デフォルトではすべてが選択されています。 すべてを選択したままにしておくことをお勧めします。 [デモコンテンツのインポート]をクリックして、インポートが完了するのを待ちます。 これで、Webサイトは、ページ、画像、メニューなどを含むDiviGirlデモのようになります。

ディビガールチャイルドテーマのレイアウト

57のレイアウトがDiviライブラリに追加されました。 これらには、ブログのレイアウト、ヘッダー、フッター、製品ページなどが含まれます。 これらのページとレイアウトのサンプルを見ていきます。

12ディビガールチャイルドテーマのホームページ

Divi Girlの子テーマには、12のホームページから選択できます。 それぞれに桃色とエレガントなフォントがあり、好みの聴衆を引き付けます。

デフォルトのホームページ

これはデフォルトのホームページです。 ブログページにリンクする小さなオーバーレイにCTAを含むヒーローセクションの全幅画像が含まれています。

情報は、画像、テキスト、および詳細を読むためのボタンを含む小さなCTAで提供されます。 チームメンバーには、名前とソーシャルアイコンを含むオーバーレイが含まれます。

製品には、スタイル付きの並べ替え、オーバーレイ、星の評価、ページ付けが含まれます。

証言には、全幅の背景画像と片側に丸で囲まれたサムネイルが含まれます。

ブログの投稿では、左側に注目の画像とスタイル付きの続きを読むボタンが表示されます。 サイドバーには、情報、最近の投稿、およびタグが表示されます。

ブログのホームページ

ブログのホームページには、投稿スライダーが表示され、その後に2つの列に最新の2つの投稿が表示され、残りは1つの列に表示されます。 スタイル付きのニュースレターがサイドバーに表示されます。

ライフコーチのホームページ

Life Coachは、カテゴリの画像、サービスの宣伝文、情報と引用の全幅画像、グリッド内の紹介文、全幅CTAを追加します。

サービスホームページ

サービスは、画像とCTAを複数列のレイアウトで追加し、サービスの宣伝文句、ギャラリー、およびプロセスに関する情報を片側にテキスト、反対側にアコーディオンで追加します。

スピーカーのホームページ

スピーカーはこれまでで最も異なっています。 全幅スライダー、見積もり、丸で囲んだ画像付きの情報、サービスを説明するテキスト、埋め込みビデオ、紹介文のグリッド、全幅の電子メールCTAがあります。

ヨガトレーナーのホームページ

ヨガトレーナーは、いくつかの新しいスタイリング要素を追加します。 そのヒーローセクションは、2つのCTAと角度の付いた仕切りを備えた背景画像を表示します。 画像は、利用可能なさまざまなクラスを示しています。 メリットは、片側に箇条書き、反対側に画像を表示します。 トレーナーに関するセクションには、写真、名前、タイトル、ソーシャルメディアのアイコンが表示されます。 また、全幅のCTAとお客様の声が3列に含まれています。

メイクアップアーティストのホームページ

メイクアップアーティストは、いくつかの興味深い要素を追加します。 ヒーローセクションにはメールフォームが含まれています。 情報は埋め込みビデオで表示されます。 宣伝文は、サービスに関する画像と情報を提供します。 アイコンは、特産品を横線で示しています。 価格表は利用可能なパッケージを示しています。 また、ブログセクションと紹介文も含まれています。

著者のホームページ

著者には、連絡先CTAを備えたスライダーが含まれています。 これに続いて、全幅の電子メールフォームがあります。ブックカバーには、詳細を表示するためのリンクが表示されます。 アバウトセクションには、重複する画像が表示されます。 証言は、交互の色で単一の列に積み重ねられます。 近日公開予定のCTAは、本の表紙を示し、情報を提供します。 新しいリリースでは、本の表紙に簡単な説明が表示されます。 数値カウンターは統計を提供します。

シニアケアホームページ

シニアケアは、ヒーローセクションにCTAを提供し、一方の側に無地の背景の上にテキストを、もう一方の側に画像を表示します。 この下にアイコンサイトの宣伝文句があり、全幅を取ります。 このレイアウトでは、箇条書き、ギャラリー、丸で囲んだ画像のチームメンバー、背景がしっかりしている紹介文の情報も追加されます。

育児ホームページ

チャイルドケアはシニアケアと同じデザインに従いますが、チャイルドケアのジャンルに合った画像、タイトル、アイコンが付いています。

ミュージシャンのホームページ

ミュージシャンには、CTAを含むフルスクリーンの背景画像が含まれています。 また、埋め込みビデオ、ショーへのリンク、証言、2つのビデオスライダー、および全幅の連絡先CTAを追加します。

ウェディングプランナーのホームページ

ウェディングプランナーもユニークなレイアウトで、最もエレガントだと思います。 ウェルカムメッセージ付きのフルスクリーンスライダーが含まれています。 サービスは、タイトルと説明の横に画像として表示されます。 ギャラリーには大きな写真が4列に表示されます。 最近のイベントでは、テキストが傾いた画像が表示されます。 証言には丸で囲んだ画像が含まれ、フルスクリーンの背景画像の上に配置されます。

ディビガールチャイルドテーマページについて

Aboutページにはブログ投稿の雰囲気があります。 テキスト、画像、サイドバーを含む全幅の投稿タイトルが表示されます。

フロントエンドのページを見てみましょう。

テーマビルダーページ

テーマビルダーには、ブログ、10の投稿レイアウト、ショップ、5つの製品ページレイアウト、アーカイブ、検索、および404ページを含む20のレイアウトがあります。 テーマビルダーのレイアウトにはヘッダーとフッターは含まれていませんが、Diviライブラリにあるため、ここで簡単に割り当てることができます。

ブログページ

ブログのアーカイブページと10の投稿レイアウトから選択できます。 それらはテーマビルダーで作成されます。

ブログページ

ブログページには、ページの上部に全幅の投稿タイトルがあり、その後にサイドバー付きのブログが続きます。

これがフロントエンドのブログアーカイブページです。

ステラポストレイアウト

Stellar Layoutには、注目の画像、カスタムCSS、投稿カテゴリ、タイトル、仕切り、コンテンツ、ナビゲーション、タグ、画像、著者の経歴、コメントなどが含まれています。

これにより、注目の画像が真の視差になり、コンテンツが重なる興味深いレイアウトが作成されます。

スパーポストレイアウト

スパー投稿レイアウトでは、注目の画像タイトル、背景のメタ、投稿コンテンツが1つの列に表示されます。 注目の画像にはボックスシャドウが含まれています。

ゼスト投稿テンプレート

Zestポストテンプレートは、タイトル、メタ、作成者の画像を左側に配置し、注目の画像を右側に背景色の上に配置します。 投稿の内容は1つの列にあります。

ディビガールチリテーマ商品ページ

商品ページには、1つのショップページと5つの商品ページテンプレートが含まれます。

ショップページ

ショップページには、全幅の投稿タイトルとショップモジュールが含まれています。

ショップにはサンプル商品があります。

製品テンプレート1

Post Layout 1には、製品情報、カスタムCSS、投稿コンテンツ、追加情報、ギャラリー、関連製品、およびレビュー用のWooCommerceモジュールが多数含まれています。

この製品レイアウトがフロントエンドでどのように表示されるかを次に示します。

製品テンプレート2

製品テンプレート2には、カスタムCSS、ブレッドクラム、投稿コンテンツ、ギャラリー、追加情報、説明、関連製品、およびレビューが含まれています。

フォアグラウンドの情報を含むフルスクリーンの注目画像を提供します。

製品テンプレート3

製品テンプレート3は、画面の中央にギャラリーを表示し、右側に情報を表示します。 また、投稿コンテンツ、追加情報、レビューも含まれています。 製品テンプレート4は次のようになりますが、画像が小さくなります。

製品テンプレート5

これは製品テンプレート5で、全幅の注目画像を表示し、情報を含む画像を中央に配置し、画像と重ね合わせます。

ディビガールチャイルドテーマヘッダー

利用可能なヘッダーは5つあります。 それらはDiviライブラリにあります。 デフォルトのヘッダーは、ロゴを中央に配置し、その下にメニューリンクを配置します。

ヘッダー2には、複数のメニューとソーシャルメディアモジュール、連絡先、およびコードモジュールが含まれています。 他の人は、CTA、検索、連絡先情報を追加したり、さまざまなレイアウトを提供したりします。

これはヘッダー4です。これには、電話、住所、ソーシャルボタン、複数のメニューなどを含む3行のモジュールが含まれています。

ディビガールチリテーマフッター

Divi Girlは、Diviライブラリに5つのフッターを追加します。 これはデフォルトのフッターで、明るい背景を使用し、[概要]情報、最近の投稿、連絡先情報を含む3つの列が含まれています。

これはフッター2で、デスクトップセクションとモバイルセクションが別々に含まれています。

これがDiviBuilderのフッターのレイアウトです。

これはフッター5で、オーバーレイを使用して全幅の背景画像の上にコンテンツをスタックで表示します。

ディビガールチャイルドテーマを購入する場所

Divi Girlの子テーマは、DiviMarketplaceで入手できます。 これには、無制限のWebサイトの使用と、1年間のサポートと更新が含まれます。

終わりの考え

これが、DiviGirlの子のテーマです。 この子テーマには、多くのページとテンプレートが含まれています。 12のホームページはそれを非常に用途が広いものにします。 ヘッダーとフッターは任意の組み合わせで機能し、多くのデザインオプションを提供します。 カスタムCSSは、テンプレートを際立たせます。 ブログのレイアウトの数とデザインは、女性のトピックに関するブログに最適です。 WooCommerceとの相性が良く、フェミニンなオンラインショップに最適です。

フェミニンなデザインとたくさんのテンプレートを備えたDiviの子テーマに興味がある場合は、DiviGirlを検討する価値があります。

我々はあなたから聞きたい。 ディビガールの子テーマを試しましたか？ コメントであなたがそれについてどう思うか教えてください。

メアリーロング/shutterstock.com経由の注目の画像