Pee-AyeによるDiviConstructionの子テーマクリエイティブの概要

建設会社に焦点を当てたDiviの子テーマがいくつかあります。 Pee-AyeCreativeのDiviConstructionは、Diviの子テーマの1つです。 それは建設会社のためのウェブサイトを構築するためのたくさんのページが付属していて、いくつかの追加が含まれています。 この記事では、Divi Constructionを見て、何が含まれているか、そしてこれがニーズに適した子テーマであるかどうかを判断するのにどれほど簡単に使用できるかを確認します。

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

インストールは簡単です。 Diviをインストールしたら、WordPressテーマとしてアップロードしてアクティブ化するだけです。

Divi Constructionの子テーマをアクティブにすると、DiviConstructionという新しいメニュー項目が表示されます。 その上にカーソルを置き、[ Easy DemoImport ]をクリックします。 この画面には、インポートできるものの種類が表示されます。 また、推奨プラグインとその情報、およびインストールしてアクティブ化するためのオプションも表示されます。 デフォルトではすべてが選択されています。

[デモコンテンツのインポート]をクリックして、選択したコンテンツをインポートし、プラグインをインストールします。 インポートとインストールが完了するのを待ちます。 完了すると、完了した内容のチェックマークを示す画面が表示されます。 コンテンツを削除するためのボタンも表示されます。

ホームページとメニューは自動的に設定されます。 デモコンテンツを自分のものに置き換えるだけです。

ディビ建設ページ

DiviConstructionは18ページを追加します。 それらには、ホームページ、多くのサービスページ、プロジェクト、いくつかの概要ページ、いくつかのブログページ、および紹介文やFAQなどのいくつかの追加機能が含まれます。 それらのいくつかを見ていきます。 ページ要素には適切なラベルが付けられているため、使いやすくなっています。

ディビ建設ホームページ

ホームページには、視差の背景画像用の領域があるヒーローセクションが含まれています。 CTAにカーソルを合わせると、黄色の線が付いたウェルカムタイトルが右に移動します。 CTAのボタンは、ホバーすると色が変わります。 画面の右側には、クリック可能な連絡先情報が表示されます。

宣伝文の番号付きのセクションは、作業がどのように進行するかを示しています。 アニメーションの線が含まれ、ホバーすると境界線の色が変わります。 この例では、真ん中の宣伝文句にカーソルを合わせています。

Divi Construction Child Themeには、実行できる作業の種類を示す別の宣伝文が含まれています。 それらには、説明、アイコン、およびオーバーレイ内のリンクを含む背景画像が含まれます。 このセクションには、2色のアイコンも含まれています。 タイトル、宣伝文、アイコンにはホバーアニメーションが含まれます。

ギャラリーセクションには、スタイル付きのセクション仕切りが含まれています。 ギャラリーには、画像が複数列のレイアウトで表示され、片側に大きな画像、反対側に4つの小さな画像が表示されます。 次の行には、同じデザインが別のレイアウトで表示されます。

お客様の声は、ホバーアニメーションで2列に宣伝文句を表示します。 3番目の列には大きな引用が表示されます。 それぞれに星評価が含まれています。

見積もりを取得するためのCTAには、作業中のプロジェクトのタイプを示す傾斜効果のある2色のアイコンが表示されます。 この例では、タイル効果を表示するために学校にカーソルを合わせています。 このセクションには、見積もりを取得するためのボタンも含まれています。

Divi Construction Child Themeのブログセクションには、投稿メタのブロックが重複するカードとして投稿が表示されます。 また、注目の画像、タイトル、説明、および続きを読むリンクも含まれています。

会社を選択する理由のセクションには、いくつかのCTAを含む箇条書きと、ボックスシャドウを含む画像が表示されます。

コア値のセクションには、それらの値を示す2色のアイコンが表示されます。

サービスページ

Divi Construction Servicesページには、ホームページの要素が含まれており、各サービスの宣伝文のセクションが追加されています。 CTAは宣伝文句と混合されていますが、目立つように色が異なります。

サービスページ

個々のサービスページには、他のサービスページへのリンクとCTAを含むカスタムサイドバーが含まれています。 カスタムサイドバーは、カスタムウィジェット領域として作成されました。 メインセクションには、詳細情報とそれに続くサンプル写真の領域があります。

プロジェクトページ

Divi Construction Projectsページには、スタイル付きのフィルタリングされたポートフォリオが含まれています。 上部にカテゴリ、下部に重複するタイトルの画像が表示されます。 この例の最後のプロジェクトにカーソルを合わせて、オーバーレイを表示しています。 タイトルとフィルターは、サイトに合わせてスタイルが設定されています。

個別プロジェクトページ

個々のプロジェクトページには、プロジェクトの詳細が表示されます。 ホームページからいくつかの要素があり、番号カウンター、バーカウンター、および背景画像付きの連絡先CTAが追加されています。

ページについて

Divi Construction Aboutページには、チームメンバー向けのスタイル付き人物モジュール、両側に2色のアイコンが埋め込まれたビデオ、クライアントのロゴを表示するセクションなど、多くの新しいセクションが追加されています。

採用情報ページ

Divi Construction Careersページには、経験、スキル、仕事の種類などのフィールドを含むスタイル付きの申請フォームが含まれています。

ブログページ

ブログページのオプションはたくさんあります。 これは、右側のサイドバーのあるグリッドを示しています。 最近の投稿、カテゴリ、タグ、最新のプロジェクトのスタイルが含まれています。 要素の多くには、テキストまたは背景を黄色に変更するホバー効果が含まれています。

これは全幅で、左側にサイドバーがあります。

FAQページ

Divi Construction FAQページは、情報のアコーディオンを追加し、それらをカテゴリに分類します。

利用規約とプライバシーポリシーのページ

利用規約とプライバシーポリシーのページには、ポリシーを説明するために必要なテキストが記載されています。 どちらのページも似たようなデザインです。 これは、特定の条件とポリシーの作成を開始するのに最適です。 これらのページの書き方を知るのは難しいかもしれないので、これらが含まれていることを嬉しく思います。

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

テーマビルダーのレイアウトには、デフォルトのWebサイト、すべての投稿、カテゴリページ、サービスを作成するための特定のページの子、およびプロジェクトカテゴリページが含まれます。 それらには、グローバルヘッダーとフッターが含まれます。

DiviConstructionヘッダー

グローバルヘッダーはテーマビルダーで作成され、ソーシャルメディアのフォロー、2つのメニュー、画像、ボタンが含まれています。

これにより、2行のヘッダーが作成されます。 画像は両方の行に重なっています。 一番上の行には、2色のセットアップが含まれています。 また、訪問者が見積もりをリクエストできるように、CTAボタンも含まれています。

ディビ建設フッター

グローバルフッターもテーマビルダーで作成されました。 これには、画像モジュール、いくつかのテキストモジュール、メニュー、およびソーシャルメディアフォローモジュールが含まれます。

フッターには、ニュースレターの登録フォーム、メッセージ、およびリンクが含まれています。 背景色は次第に暗くなり、デザインを接地します。

ディビ建設メニュー

Divi Construction Child Themeは、4つのメニューを追加し、それらを自動的に割り当てます。 メニュー項目はすべてページなので、メニューに不要なページを削除するだけです。 それらは適切にラベル付けされているため、どちらをロードして変更するかを簡単に知ることができます。

Divi建設アイコンとスタイルガイド

アイコンとスタイルガイドは別のファイルで提供されます。 アイコンは、.pngおよび.aiファイルとして提供されます。 これらはメディアライブラリにも追加され、レイアウトで簡単にアクセスして使用できます。

スタイルガイドには、色、フォントなどに関する情報が含まれています。

DiviConstructionを購入する場所

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

終わりの考え

これが、Pee-AyeCreativeのDiviConstructionです。 子テーマはインストールと使用が簡単であることがわかりました。 建設業向けのウェブサイトを構築するためのページがたくさんあります。 まだ含まれていないページを作成する必要がない可能性があります。 色、フォント、ボタンのスタイルはグローバルであるため、サイト全体で簡単に変更できます。 2色のアイコンは、Webサイトを目立たせるのに役立ちます。 小さなアニメーションも好きです。 建設業向けのDiviの子テーマに興味がある場合は、これを検討する価値があります。

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

Faber14 /shutterstock.com経由の注目の画像