ディビでヒーローセクションを作成する方法

Divi の全幅ヘッダーモジュールを使用してヒーローセクションを作成する方法を知りたいですか?

ヒーローセクションを作成することは、コンテンツあなたのページにとって重要です。これはコンテンツ自分のストーリーを伝えたり、仕事に関する情報を共有したり、製品やサービスを強調したりするために使用できる大きなサイズ。

Divi の全幅ヘッダーモジュールを使用すると、タイトル、サブタイトル、XNUMX つのボタン、本文テキスト、ロゴ画像、およびヘッダー画像を追加できます。もちろん、背景オプションを使用して、画像、グラデーション、色、パターン、およびマスクを追加および結合することもできます.

複数の画像、テキスト、およびボタンモジュールを切り替える代わりに、モジュール設定でこれらの設定をすべて変更できます。

このチュートリアルでは、Divi の全幅ヘッダーモジュールを使用して、魅力的で人目を引くヒーローセクションを作成する方法を紹介します。

それはなくなった！

概要

これは、これからデザインするもののプレビューです。

開始する前に、最新バージョンの Divi がインストールされていることを確認してください。サイトのWeb.

これで、開始する準備が整いました。

また読む： D ivi：「グラデーションビルダー」を使って画像を美しくする方法

まず、Divi ライブラリの事前定義されたレイアウトを使用してみましょう。このデザインでは、ホームページを使用します獣医レイアウトパック.

Worpress ダッシュボードから、新しいページをサイトのWeb

タイトルを付けて、オプションを選択します DiviBuilderを使用する.

この例では、Divi ライブラリの定義済みレイアウトを使用します。だから選択 レイアウトを参照.

レイアウトを見つけて選択する 犬のブリーダー.

選択 このレイアウトを使用 ページにレイアウトを追加します。

これで設計の準備が整いました。

Fullwidth Header モジュールを使用して、ヒーローセクションを再作成します。既存のヘッダーの下に、新しい全幅セクションをページに追加します。

全幅ヘッダーモジュールをセクションに追加します。

次に、元のヘッダーセクションを削除します。

モジュール設定を開いて、コンテンツモジュールの隣:

肩書: 獣医
サブタイトル: Divivet. 私たちの親友に仕える
ボタン #1: すべてのサービス
ボタン #2: 予約する
体: Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Nulla quis lorem ut libero malesuada feugiat. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Cras ultricies ligula sed magna dictum porta.