ディビペットケアチャイルドテーマの概要

Divi Pet Careは、獣医のオフィス、クリニック、スパ、グルーミングなど、あらゆるタイプのペットのWebサイトを念頭に置いて設計された、Diviの子のテーマです。あなたのウェブサイトを作成するためのページ。 この記事では、Divi Pet Careを詳しく見て、ニーズに合ったDiviの子テーマであるかどうかを判断できるようにします。

ペットケアDiviチャイルドテーマのインストール

インストールは簡単です。 まず、Diviをアクティブにして、Divi Pet Careの子テーマをアップロードし、WordPressテーマと同じようにアクティブにします。

ワンクリックのデモインポートは、ドキュメントに示されているとおりに機能しました。 ページとメニューは自動的に割り当てられるため、画像とコンテンツを追加するだけで済みます。 ページを詳しく見てみましょう。

ペットケアチャイルドテーマページ

ペットケアディビの子テーマには、2つのホームページ、会社概要、いくつかのアクティビティページ、いくつかのブログページ、今すぐ予約、お問い合わせ、FAQ、プロセス、価格設定、いくつかのプライバシーポリシーページ、いくつかのサービスページ、チームページ、およびタイムラインページ。 テーマビルダーを使用すると、404ページなどのページがさらに作成されます。 ページには、グラフィック、スタイル付きメニュー、ボタンなどが含まれます。

ページは、真っ赤なハイライト、斑点のある背景パターン、足跡の背景要素、足跡のアイコン、骨ボタンのデザイン、粘着性の要素など、ページ間で共通のデザイン要素を使用しています。 いくつかのページを見てみましょう。

ホームV1

HomeV1はデフォルトのホームページです。 予定と電話のCTAはクリック可能です。 メニューと予約のCTAは粘着性があります。 主人公のセクションには全幅の画像が表示されます。 ヘッダーはテーマビルダーで作成されます。 多くのページには、このページの要素と、カスタムヘッダーなどの固有の要素が含まれています。

次のセクションには、画像と波状の背景パターンを含む予約CTAが含まれています。

サービスはスタイル付きの宣伝文で表示されます。 それらには、中央の宣伝文句で見ることができるボックスシャドウを示すホバー効果が含まれています。

次のセクションでは、スライダーで紹介文を示します。 この上にCTAが表示され、画像、メッセージ、リンクが表示されます。

連絡先情報は、スタイル付きボックス内に配置されます。 このセクションには、予約CTAと斑点のある背景パターンも含まれています。

グローバルフッターはページの下部に表示されます。 これはテーマビルダーで作成されます。

ホームV2

2番目のホームページには、ヒーローセクションの異なる背景パターンが表示されます。 これもグローバルヘッダーを使用し、他のページで使用されるいくつかの要素があります。

いくつかのセクションには、交互のレイアウトのCTAが含まれています。

サービスは、大きな画像の代わりに足跡が付いた宣伝文句で示されます。

このレイアウトには、見積もりを取得するためのCTAを含むスタイル付きの価格表が含まれています。

営業時間は、足跡のアイコンを表示する箇条書きで示されています。 電話番号はクリック可能で、ホバーアニメーションがあります。

お問い合わせフォームは、見積もりを取得するためにフッターの上に配置されます。

私たちに関しては

About Usページのヒーローセクションには、予約CTAと小さな画像が含まれています。 情報は箇条書きと宣伝文で提供されます。 このページには、最初のホームページからのCTAと営業時間、医師を紹介する獣医セクション、画像のセクション、およびグローバルフッターも含まれています。

チーム

チームページは、会社概要ページと同様のデザインで、医師に関する情報を交互のレイアウトで追加します。 宣伝文句は、その専門分野とその入手可能性を強調しています。

よくある質問

FAQページには、ホームページの多くの要素が含まれており、質問がアコーディオンに配置されたセクションが追加されています。 それらは交互のレイアウトで動物の種類ごとに配置されています。

私たちのプロセス

[プロセス]ページには、ホームページのセクションの多くに加えて、サークルカウンターと埋め込みマップを含む2つのセクションが追加されています。 マップセクションには、連絡先情報も含まれています。

今予約する

[今すぐ予約]ページには、標準のヒーローセクションと宣伝文付きの連絡先情報とともに、スタイル付きの連絡先フォームが含まれています。

タイムライン

タイムラインページには、ペットとの日常の活動を示す宣伝文モジュールで作成されたタイムラインが表示されます。 このページには、標準のヘッダー、お問い合わせフォーム、およびフッターも含まれています。

価格設定

価格設定ページには、片面に画像、もう片面に説明が交互に表示された製品とサービスが表示されます。 このページには、2番目のホームページのスタイル付き価格表も含まれています。

サービス

サービスには2つの異なるページがあります。 さまざまなタイプの宣伝文句の中でサービスを表示します。 これは2番目のサービスページで、画像、タイトル、簡単な説明を含む宣伝文を使用します。 また、ヘッダー、情報用の複数のタイプの宣伝文、サービスへのリンクなども含まれています。

シングルサービス

1つのサービスには2つの異なるページもあります。 これは2番目のサービスページで、サービスを製品として、大きな画像、他のサービスへのリンクをサイドバー、営業時間、サークルカウンター、情報の宣伝文、お問い合わせフォーム、およびフッターとして表示します。

ブログ

ブログページには、標準のブログ、リストビュー、カテゴリページ、および投稿ページが含まれます。 一部には、標準のブログウィジェットを備えたサイドバーが含まれています。 これはサイドバーのない標準的なブログです。

活動

2つのアクティビティが含まれています。 この例に見られる最初のリストは、アクティビティをプロジェクトとして表示するフィルタリング可能なリストです。 2つ目は、特定のアクティビティに関する情報を提供するカテゴリページです。

テーマビルダー

テーマビルダーには、グローバルヘッダー、投稿、404ページ、検索結果、プロジェクトカテゴリページ、すべてのプロジェクト、カテゴリページ、グローバルフッターを含む7つのテンプレートがあります。

これが404ページです。 シンプルですが効果的です。 フルスクリーンの背景画像を追加する場所があり、前景にロゴ、メッセージ、ホームボタンが含まれています。 このページにはヘッダーやフッターはありませんが、残りのページにはあります。

ペットケアメニュー

プライマリメニューはすでに作成され、割り当てられています。 行う必要がある唯一の変更は、使用したくないページまたはメニューに表示したくないページ（404ページなど）を削除することです。 私はこのアプローチが好きです。 大きなメニューの場合は、メニューに必要なものを追加するよりも、メニューに不要なものを削除する方が簡単だと思います。

予約フォーム

ページの左側にある予約アイコンをクリックすると、予約予約スライドインフォームが表示されます。 これにより、Webサイトが右にスライドします。 フォームには、連絡先フィールド、連絡先情報、およびソーシャルフォローボタンが含まれています。 ドロップダウンボックスを使用すると、訪問者は関心のあるサービスの種類を選択できます。左隅にある閉じるボタンを押すと、フォームが閉じて、Webサイトが元の場所に戻ります。

予約フォームは、画像、テキスト、フォーム、ボタン用のいくつかのモジュールと、コードモジュール内のCSSとjQueryを使用して、テーマビルダーのグローバルヘッダーに組み込まれています。 スタイリングは、Divi設定とCSSの組み合わせを使用します。

ペットケアグラフィックス

グラフィックは、簡単にアクセスできるメディアライブラリに追加されます。 それらは、既成のページの宣伝文や他のモジュール内で使用されます。 ダミー画像はサイズを示しているので、どのサイズの画像に置き換えるかが簡単にわかります。

プリローダー

子テーマには、走っている犬のプリローダーが含まれています。 私はこれを見て楽しんでいます。 これは、ほとんどのプリローダーよりも子テーマのジャンルによく適合します。

プリローダーのコードが子テーマcustom.jsファイルに追加されます。 カスタマイズするには、コード編集のスキルが必要です。

ディビペットケアを購入する場所

Divi Pet Careの子テーマは、DiviMarketplaceで入手できます。 料金は49.99ドルで、無制限のWebサイトの使用と、1年間のサポートと更新が含まれています。

終わりの考え

これが、Divi PetCareの子テーマについての私たちの見解です。 エレガントでクリーンなデザインです。 インストールは簡単で、ペットケアビジネスのためのほぼすべてのタイプのウェブサイトを構築するためのページがたくさんあります。

予定の設定に重点を置いたすっきりとしたレイアウトです。 色は要素をよく強調し、斑点のある背景は、デザインを引き継ぐことなく目立つのに十分な視覚的センスを与えます。 クリック可能な要素には、色を変更したり、要素を回転したり、ボックスの影を追加したりする小さなホバーアニメーションがあります。 ペットに焦点を当てたウェブサイトのDivi子テーマに興味がある場合は、Divi PetCareを一見の価値があります。

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

ラッキークローバー/shutterstock.com経由の注目の画像