DiviHvacの子テーマの概要

DiviHvacは、HVAC企業を念頭に置いて設計されたDiviの子テーマです。 12のメインページ、カスタムヘッダーとフッター、カスタムスライドイン、CSS、太字などが付属しています。 この記事では、DiviHvacの子テーマを見て、それがニーズに適した子テーマであるかどうかを判断するのに役立てます。

DiviHvac子テーマのインストール

インストールは手動で行われます。 これを行うのは難しくありません。製品ページのドキュメントで手順を説明します。 Diviをアクティブにした状態で、DiviHvac子テーマをアップロードしてアクティブにします。 有効にしたら、子テーマに付属の追加ファイルを解凍して、テーマオプション、テーマビルダー、テーマカスタマイザー、およびDiviライブラリにインポートする必要があります。 また、メニューを作成し、ホームページを手動で設定する必要があります。

これらの手順はすべて簡単ですが、ワンクリックソリューションの場合よりも数分長くかかります。 手順は簡単で、ファイルには適切なラベルが付けられているため、これが役立ちます。

DiviHvacページ

DiviHvac子テーマは、ページを作成するために13のレイアウトを追加します。 手動で作成する必要があります。 画像とプレースホルダー画像が含まれます。 それらのいくつかを見ていきます。

DiviHvac子テーマのホームページ

DiviHvacホームページは複雑で、エレガントなデザインを作成するためのモジュールがたくさん含まれています。 ヒーローセクションには、CTAとしてスタイル付きの連絡フォームが含まれています。 三角形は、テキストモジュールのCSSで作成されます。

レイアウトには、全体に大胆な赤、白、青がたくさんあります。 ヒーローセクションには、全画面の背景画像、サービスを表示するためのボタンが付いた左側のメッセージ、およびサービスを要求するための右側の連絡フォームが含まれています。

サービス

サービスは、サービスページへのリンクとして詳細な説明と画像とともに表示されます。 画像には、ホバー時に画像を表示するオーバーレイが含まれています。 このセクションには、CSSで作成されたコーナーの三角形の仕切りが含まれています。

特定のサービスは、背景画像の上にカードとして表示されます。 カードは、画像、テキスト、仕切り、ボタンで作成されます。 割引を示すために、画像の隅に三角形が含まれています。

会社を雇うことの利点に関するセクションでは、中央に技術者の画像のプレースホルダーが付いた箇条書きの情報が表示されます。 これらのレイアウトでの色、タイポグラフィ、空白の使用が好きです。

証言は、背景画像上の鮮明なCTAの横に表示されます。 サイトに合わせてスタイル付きの境界線が含まれています。 お客様の声の下には、特別なプロモーションにリンクするスリムなCTAがあります。 赤と青がよく目立ちます。

プロジェクト

過去のプロジェクトに関するセクションには、プロジェクトページへのリンクを含む全画面の背景画像と、オーバーレイでプロジェクトを表示するためのボタンが付いたグリッド内の画像が表示されます。

クーポンは背景画像付きのカードとして表示されます。 これらは、赤いオーバーレイでスタイル設定された背景の上に配置されます。 これは、インセンティブを提供するための優れた方法です。

ブログセクションには、隅に三角形が付いたスタイル付きカードが表示されます。

CTA

次は、全幅のCTAと、片側に連絡先情報、反対側に地図がある2列のセクションです。 マップには三角形のコーナーが含まれています。

私たちについてのDiviHvac子テーマページ

About Usページでは、ホームページのいくつかのセクションを使用しています。 片面に画像、もう片面にテキストを含む会社に関するセクションを追加します。 番号付きの宣伝文は特定の情報を提供します。 ミッションステートメントは、別のレイアウトで会社情報と一致します。 クライアントのロゴは、目立つようにタイトル付きの全幅セクションに配置されます。

DiviHvacプロジェクトページ

プロジェクトページの目立つセクションは、プロジェクトギャラリーです。 テキストとボタンはサイトの他の部分と一致するようにスタイル設定され、オーバーレイはホバーすると削除されます。

DiviHvac単一プロジェクトページ

[単一プロジェクト]ページには、プロジェクトの情報、統計、および画像を含むセクションが含まれています。 また、予約をするためのCTAも含まれています。

DiviHvacサービスページ

[サービス]ページには、画像、テキスト、仕切り、ボタンモジュールから作成されたカードを使用したサービスが表示されます。

DiviHvacシングルサービスページ

[単一サービス]ページには、サービスを要求するためのスタイル付きフォームを使用して、サービスの詳細を示すコンテンツ領域があります。

DiviHvacブログページ

ブログアーカイブページには、画像、タイトル、メタ、抜粋、および続きを読むボタンが付いたカードとしてブログ投稿が表示されます。

DiviHvacブログのレイアウト

ブログ投稿のレイアウトでは、タイトル、メタ、注目の画像、コンテンツが、スタイル付きのサイドバーを備えた1つの列に表示されます。

DiviHvacFAQページ

FAQページは、質問をトピックに分割します。 質問はトグル内で回答されます。 このページには、サービスフォームのリクエストも含まれています。

DiviHvacの子テーマの声のページ

お客様の声は、濃い青色の背景、星による評価、タイトル、仕切り、テキストを含むカード内に配置されます。

DiviHvac子テーマクーポンページ

大胆な色とともに、クーポンページはこのDiviの子テーマを際立たせるものの1つです。 クーポンはインセンティブとして提供されます。 それらは複数のテキストモジュールで作成されており、簡単にカスタマイズできます。

DiviHvac子テーマお問い合わせページ

連絡先ページには、画像の横にスタイル付きの連絡先フォームがあり、その後に連絡先情報と地図が記載された行が続きます。

DiviHvac子テーマありがとうページ

;

ありがとうページは、お問い合わせフォームを使用しているすべての人にメッセージを提供するリダイレクトページとして使用できます。 これは、あなたが彼らのメッセージを受け取ったことと、何を期待するかを彼らに知らせるのに最適です。 メッセージはシンプルで、デザインはウェブサイトの他の部分に適合しています。

DiviHvacテーマビルダーのレイアウト

テーマビルダーのレイアウトには、グローバルヘッダーとフッター、カテゴリページ、および404ページが含まれます。

ヘッダ

グローバルヘッダーには複数の行が含まれます。 一番上の行には、ロゴの画像モジュール、情報の宣伝文、電話番号のテキストが含まれ、その後に全幅メニューが続きます。 このレイアウトは、タブレットや携帯電話向けのよりシンプルなメニューも提供します。

ビジュアルビューのヘッダーは次のとおりです。 モバイル用のものは下部にあり、灰色で表示されています。

これがフロントエンドのメニューです。 ドロップダウンメニューのスタイリングと、画面の右側にあるスティッキーボタン（スライドイン）が含まれています。 正方形の画像は、任意の画像またはアイコンに置き換えることができます。

スライドインのスティッキーボタンにカーソルを合わせると、次のようになります。 ボタン付きのCTAとして機能し、ThankYouページにリダイレクトします。

スライドイン機能は、グローバルヘッダー、テキスト、および下部モジュールの行に追加されたCSSクラスを使用して作成されるスティッキーボタンです。

フッター

グローバルフッターは専門セクションで作成され、画像、テキスト、ソーシャルフォロー、3行のボタンが含まれています。

ビジュアルビューでの外観は次のとおりです。

ホームページでの表示は次のとおりです。

404ページ

404ページは全幅ヘッダーで作成されました。 ビジュアルビューでの外観は次のとおりです。 このページには、グローバルヘッダーとフッターも含まれています。

DiviHvacを購入する場所

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

終わりの考え

これが、MarkHendriksenのDiviHvac子テーマです。 このテーマには、サービスやプロジェクトを表示するためのページがたくさんあります。 クーポンやありがとうなど、いくつかのページはユニークです。 大胆な赤と青のスタイリングは、プロフェッショナルな外観を提供しながら、ページを際立たせます。 これは、設置と修理を行うHVAC企業向けに設計されていますが、この設計は、あらゆるタイプの請負業者または修理Webサイトに最適です。

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

Seahorse Vector /shutterstock.com経由の注目の画像