動的サイトのタイトルとスローガンをグローバルDiviヘッダーに追加する方法

動的なサイトタイトルとスローガンをDiviグローバルヘッダーに追加する方法を知っていると、DiviWebサイトを作成するときに役立ちます。そして、そうする理由はいくつかあります。一方では、すべてのサイトにロゴがあるわけではありません。サイトのタイトルは、ロゴの代わりになります。もうXNUMXつの理由は、誰もが目にする重要な情報をサイトに含めることで、ブランドを後押しすることです。

このチュートリアルでは、動的なサイトタイトルとスローガンをDiviグローバルヘッダーに追加する方法を示します。このソリューションは、WordPressバックエンドからサイトのタイトルとタグラインを動的に抽出します。さらに、Diviの強力なデザインオプションをすべて使用して、タイトルとスローガンを好きなようにカスタマイズできます。

可能な結果

これが、このチュートリアルで作成する設計のプレビューです。

動的に表示されるヘッダーの上部中央にあるサイトのタイトルとタグラインに注意してください。

無料ダウンロード

Divi Newlsetter に参加すると、Divi Ultimate Landing Page Layout Pack のコピーをメールでお送りします。 ressources、無料で素晴らしいDiviのヒントとコツ。それに従えば、すぐにDiviマスターになります。 既に購読している場合は、下にメールアドレスを入力し、[ダウンロード]をクリックしてレイアウトパックにアクセスしてください。ダウンロード

テンプレートをインポートするには、Divi>テーマジェネレータに移動します。

ページの右上にある移植性アイコンをクリックします。

移植性ポップアップウィンドウで、[インポート]タブを選択し、コンピューターからダウンロードファイルを選択します。

次に、インポートボタンをクリックします。

完了すると、全体的なヘッダーテンプレートがDiviテーマビルダーで利用できるようになります。

以下では、設計に移ります。

サイトのタイトルとワードプレスのスローガン

各WordPressサイトには、サイトのタイトルとタグラインがあります。サイトのタイトルは基本的にサイトの名前であり、タグラインは通常それが何であるかを説明する短いフレーズです。

WordPressをインストールするときにサイトのタイトルを追加して、それを忘れることは珍しくありません。

そして、キャッチフレーズが存在することにさえ気付かない人もいます。さらに、 Diviテーマの場合、サイトのタイトルとキャッチフレーズはデフォルトではサイトに表示されないため、見落としがちです。ただし、サイトのタイトルとキャッチフレーズは、Web サイトの重要な要素であり、検索エンジンによって認識されます。

WordPressダッシュボードに移動し、[設定]> [一般]に移動すると、WordPressでサイトのタイトルとタグラインをいつでも見つけて更新できます。

または、テーマカスタマイザを使用して別のルートをたどり、一般設定でサイトタイトルを更新することもできます。

WordPressバックエンド上のサイトタイトルとスローガンの場所がわかったので、それらをDiviヘッダーに追加する方法を見てみましょう！

動的サイトのタイトルとスローガンをDiviのグローバルヘッダーに追加する方法

事前に設計されたグローバルヘッダーテンプレートのインポート

このチュートリアルでは、完全なヘッダーを最初から作成するのではなく、動的なサイトのタイトルとタグラインを既存のヘッダーに追加する方法に焦点を当てます。それはあなたの時間を節約し、明快さを向上させます。したがって、このヘッダーデザインを開始するには、事前定義されたグローバルヘッダーテンプレートをからインポートします。 XNUMX番目のテーマジェネレーターパック .

持ったらのパックをダウンロード創造テーマ、ファイルを解凍し、のJSONファイルを見つけますウェブサイトのテンプレートデフォルト

次に、Divi> ThemeBuilderに移動します。

右上のポータビリティアイコンをクリックします。ポップアップのポータビリティウィンドウで、JSON ファイルを選択します。ウェブサイトのテンプレートし、[インポート] ボタンをクリックします。