ディビシェフの子テーマの概要

Divi Chefの子テーマは、レストランのWebサイトを念頭に置いて設計されました。 それはレストランが必要とするたくさんのページが付属していて、あなたのフードメニューと今後のイベントを表示するための2つのカスタム投稿タイプが含まれています。 この記事では、Divi Chefの子テーマを見て、ニーズに合っているかどうかを判断するのに役立つものを確認します。

DiviChefのインストール

インストールは通常のテーマと同じように機能します。 Diviをアクティブにした状態で、DiviChefの子テーマをアップロードしてアクティブにします。

Divi Chefの子テーマがアクティブ化されると、[デモのインポート]という新しいメニュー項目が表示されます。 これを選択すると、インポートするものを選択できる簡単なインポート画面が表示されます。 デフォルトではすべてが選択されています。 [デモコンテンツのインポート]をクリックして、インポートが完了するのを待ちます。

インポートが完了すると、Webサイトはデモのようになります。 すでに設置されているホームページとメニューが含まれます。 いくつかの画像はダミー画像であり、画像の場所のサイズを示しています。

ページと機能を見てみましょう。

DiviChefの子のテーマページと機能

機能には、リメイクされたレストランページ、メニューとイベントの複数の投稿タイプ、フィルター可能なフードメニュー、複数のヘッダー、複数のフッター、複数のブログと投稿のレイアウト、連絡先、予約ページが含まれます。 各ページには、ページタイトル付きのヘッダーが含まれています。 ほとんどのページとレイアウトはDiviライブラリに追加されます。

ディビシェフチャイルドテーマホームページ

ヒーローセクションでは、全画面の背景画像が視差で表示されます。 そのオーバーレイは、小さな画像の上にエレガントなフォントでメッセージを表示します。

次のセクションには、レストランのストーリーが表示され、[概要]ページへのリンクが含まれています。

その日の取引のフルスクリーンCTAは、予約を行うためのボタンが付いた視差の背景画像を表示します。

フードメニューには、名前、説明、価格が記載された画像が表示されます。 メニューにはフィルターも含まれているので、訪問者は食事に基づいて食べ物を見ることができます。

ブログセクションにグリッドが表示されます。

顧客は、スタイル付きのフルスクリーンフォームを使用してテーブルを予約できます。 フォームには、全画面の背景画像と、名前、電子メール、日付、座席数、電話番号、および時刻のフィールドが含まれています。

全幅の紹介文スライダーは、テキストの横に円形の画像を表示します。

ギャラリーには画像がグリッドで表示されます。 右上の画像にカーソルを合わせて、オーバーレイを表示しています。

今後のイベントは、注目の画像の上にオーバーレイで、スタイルが設定された日付、タイトル、時刻が記載されたカードとして表示されます。

数値カウンターは、視差の背景画像の上にアイコンで統計を表示します。

連絡先情報には、片側に大きな画像、反対側に情報が含まれています。 電話番号はクリック可能です。

ディビシェフアバウトページ

Divi Chefの子テーマの[バージョン情報]ページには、ホームページの要素の一部が含まれ、2列のテキストを含むセクション、番号付きの宣伝文を含む3列のセクション、および2つのボタンを含むCTAが追加されます。

メニューページ

メニューページには、カテゴリ別にフードメニューが表示されます。 各カテゴリには、エレガントなフォントのタイトルが含まれています。

フィルタリング可能なメニューページ

[フィルター可能なメニュー]ページにはフードメニューが表示されますが、タイトルの下に各カテゴリが表示され、すべてのカテゴリが表示されるのではなく、フィルターを使用すると、必要な特定のカテゴリを表示できます。

イベントページ

[イベント]ページには、ホームページと同じようにイベントが表示されますが、さらにいくつか追加されます。

ディビシェフのブログページ

Divi Chefの子テーマには、3つの異なるブログページがあります。 1つ目は、右側のサイドバーを使用して2列にブログ投稿を表示します。 オーバーレイに全幅の画像とタイトルが付いたヘッダーが含まれます。

2番目のブログデザインでは、投稿が全幅で右側のサイドバーに表示されます。

3番目のブログデザインは、投稿を交互のレイアウトで表示します。

コンタクト

連絡先ページでは、詳細についてテキストの横にスタイル付きフォームが表示されます。 この下の行には、連絡先情報とそれに続く全幅の地図が表示されます。

予約

予約ページには、連絡先情報と予約フォームが含まれています。

ヘッダー

選択できるヘッダーは5つあります。 最初のヘッダーを除くすべてがDiviBuilderで作成され、Diviライブラリで利用できます。 デフォルトのヘッダーには、メニュー項目が大きなフォントで表示され、アクティブなリンクの太字の黄色が含まれています。 背景は半透明で、スクロールすると黄色に変わります。 サブメニューは、大きなテキストで白い背景を表示します。

2番目のヘッダーは、メニューリンクを中央に配置し、ソーシャルフォローアイコンを左側に配置し、連絡先CTAを右側に配置します。 サブメニューは黄色い線を追加します。

3番目のヘッダーは、中央のメニューの上にロゴを配置します。 ソーシャルフォローアイコンと検索ボックスがリンクとともに配置されます。

ヘッダー4には2つの行があります。 一番上の行には、左側にロゴ、右側にクリック可能な連絡先情報が含まれています。 2行目には、左側にメニュー項目と検索アイコン、右側にソーシャルフォローアイコンが含まれています。 これは、ヘッダーの中で最も複雑です。

5番目のヘッダーには、左側にロゴ、中央にリンク、右側にCTAが表示されます。

フッター

選択できるフッターは4つあります。 それらはDiviBuilderで作成され、Diviライブラリで利用できます。 最初のフッターは、テーマビルダーでグローバルフッターとして割り当てられ、いくつかのテキストモジュールとソーシャルメディアフォローモジュールが含まれています。

下部のテキストモジュールには、子テーマに関する情報が含まれています。 上部の明るい境界線は、フッターの残りの部分からそれを分離します。 これは公開されたフッターであるため、上のセクションがカーテンのように上に移動しても、所定の位置に留まります。

2番目のフッターは大きく、電子メール購読フォームを追加します。

3番目のフッターの背景は白で、詳細情報が追加されています。

フッター4はよりシンプルで、白い背景が含まれています。 ナビゲーションは左側に積み上げられ、ソーシャルフォローリンクは右側に積み重ねられています。 簡単な説明が中央に配置されています。

フッター5は最も単純で、白い背景が含まれ、メニューリンクを中央のスタックに配置し、ソーシャルメディアのフォローアイコンを水平に配置します。

ディビシェフの投稿タイプ

Divi Chefの子テーマには、レストランメニューとイベントの2つの投稿タイプが組み込まれています。

レストランメニュー

レストランメニューには、コンテンツ、価格、材料、カテゴリ、注文、注目の画像を追加できるエディタが含まれています。

この投稿タイプは、DiviBuilderに2つのモジュールを追加します。1つはフィルター処理済み、もう1つはフィルター処理なしです。 どちらのモジュールでも、表示するアイテムの数を選択でき、標準のDiviスタイリングオプションを含めることができます。

メニュー項目は、レストランメニューの投稿タイプのリストに表示され、投稿の標準アクションを実行できます。

イベント

イベントには、コンテンツ、主催者の名前、日付、時刻、費用、電話番号、電子メール、注文、注目の画像を追加できるエディターが含まれています。

イベントの投稿は明確で読みやすいです。

イベント投稿タイプは、Divi ChefEventsと呼ばれるモジュールをDiviBuilderに追加します。 表示するイベントの数を選択し、標準のDiviオプションを使用してスタイルを設定します。

イベントは、他の投稿と同様に投稿タイプで一覧表示されます。

ディビシェフナビゲーションメニュー

3つのナビゲーションメニューがWordPressに追加され、プライマリメニューが自動的に適用されます。 その他は、フッターと一緒に、またはプライマリメニューの代わりに使用できます。

ディビシェフのテーマビルダーのレイアウト

テーマビルダーのレイアウトには、カスタムフッター、アーカイブページ、検索結果、投稿レイアウト、および404ページが含まれます。

投稿レイアウト

Divi Chefの子テーマには、4つの異なるポストレイアウトデザインが含まれています。 このレイアウトでは、タイトルが全幅のヘッダーに表示され、背景画像、コンテンツ、サイドバーにスタイル付き検索、最近の投稿、カテゴリが表示されます。 また、投稿ナビゲーションも追加されます。 他のレイアウトも同様のデザインに従い、小さいフィーチャー画像、サイドバー、フルスクリーンのフィーチャー画像が含まれるか、サイドバーが含まれません。

これはPostLayout 2で、小さい注目の画像を表示し、サイドバーは表示しません。

404ページ

404ページには、片面に画像、もう片面にメッセージと検索ボックスが含まれています。 ソーシャルフォローアイコンが中央にあります。

DiviChefの子テーマを購入する場所

Divi Chefの子テーマは、Diviマーケットプレイスで入手できます。 料金は39ドルで、無制限のWebサイトの使用と、1年間のサポートと更新が含まれています。

終わりの考え

これが、DiviExtendedのDiviChefの子テーマです。 それはレストランのウェブサイトのために設計されており、デザインはジャンルに完全に適合しています。 ページとカスタム投稿タイプは、レストランのWebサイトに表示されると予想されるものです。 私は特にフードメニューが好きです。

オンラインでの集荷の注文や支払いなどのオンラインショッピング機能は含まれていないため、すべてのタイプのレストランに最適とは限りません。 ただし、予約機能により、レストランでの食事に最適です。

我々はあなたから聞きたい。 Divi Chefの子テーマを試しましたか？ コメントであなたの経験について教えてください。

maryna rodyukova /shutterstock.com経由の注目の画像