Diviを使用すると、ヘッダーからフッターまで、Webサイトのあらゆる詳細を制御および設計できます。 Webサイトで最もクリックされている要素のXNUMXつは、ソーシャルメディアアイコンです。 熱心な聴衆は、他の場所であなたを見つけて、あなたのことを知りたいと思っています。 明らかに、これをできるだけ簡単にしたいと思うでしょう。
そのため、Divi のテーマ オプションで追加のソーシャル メディア アイコンを有効にする方法、Divi Builder を使用してページまたは投稿の任意の場所にソーシャル メディア アイコンを挿入する方法、および Diviテーマ サイトの隅々までソーシャル メディアのアイコンを追加するためのビルダー。
Diviフッターで追加のソーシャルメディアアイコンを簡単にアクティブにする方法
Diviサイトにソーシャルメディアアイコンを追加する最も簡単な方法は、パネルに移動することです。 テーマオプション 、Facebook、Twitter、Instagram、RSSのオプションを有効にします。 次に、フィールドにプロファイルURLを入力するだけです。 これを行うと、サイトのフッターにアイコンリンクとして表示されます。
WordPressダッシュボードメニューで、 Divi-テーマオプション タブをクリックします 一般的な 。 下にスクロールして、ネットワークスイッチを確認します。 また、これらのトグルのすぐ下に、アクティブ化する各DiviソーシャルアイコンのURLを必ず入力してください。 それ以外の場合、アイコンは表示されますが、それをクリックすると、ユーザーはどこにもいなくなります。 を使って # URLの代わりに、ユーザーをページにリダイレクトする可能性があるのではなく、ページにとどめます。 404ページ .
テーマオプションの最後までスクロールして、 変更の保存 。 これで、サイトのフッターに移動し、ソーシャルアイコンをクリックしてテストできます。
フッターにアイコンが表示されない場合は、下のテーマカスタマイザを確認してください 外観-カスタマイズ そしてそれを確認してください ソーシャルアイコンを表示 フッターオプションの下でチェックされます。
ただし、ソーシャルフッターアイコンのオプションがさらに必要な場合は、Diviテーマビルダーのセクションまでスクロールし続けてください。ここでは、カスタムテンプレートと全体的なデフォルトの両方について説明しています。
Divi Builderを使用してソーシャルメディアトラッカーをページに追加する方法、またはコンテンツを公開する方法
ページや投稿の本文のテキスト、画像、またはその他のコンテンツのブロック間に追加のソーシャル メディア アイコンを配置すると、非常に理にかなっている場合があります。 たとえば、ランディング ページや About ページは、ソーシャル アイコンを追加してユーザーに通知するのに適した場所です。 訪問者 あなたとのつながり方について。 通常のテキストを使用してソーシャル プロファイルにリンクするだけでなく、間違いなく目立ちます。 また、人々は認識可能なアイコンを探しています。
Divi Builderを使用して、ソーシャルメディアアイコンをページまたは投稿に直接挿入できます。 ソーシャルメディアの追跡 .
WordPressダッシュボードで既存のページまたは記事を作成または開くたびに、Divi Builderを使用するかどうかを尋ねる大きな紫色のボタンが表示されます。
そしてもちろんそうです。 クリックするだけ Divi Builderを使用する ページの作成または投稿を最初から（または当社のいずれかから）開始するには 事前定義されたレイアウト ）。 さらに、デフォルトのWordPressエディターを使用している場合は、Diviソーシャルメディアアイコンを含めることができます。 あなたがする必要があるのはのブロックを挿入することです ディビレイアウト 以下と同じ手順に従います。
このツールを使用して、利用可能なページビルダーモジュールを使用して、必要に応じてページをデザインしたり投稿したりできます。 Divi Builderを初めて使用する場合は、最初にこの概要を確認して、その機能を明確に理解することをお勧めします。
ソーシャルメディアアイコンをページに追加する準備ができたら、クリックします 黒丸+ ソーシャルメディアアイコンを配置するセクションで、のボックスまでスクロールします ソーシャルメディアの追跡 表示されます。
パーソナライズを開始する前に、必要なソーシャルネットワークを選択するように求められます。 クリック 新しいソーシャルネットワークを追加する .
次に、ドロップダウンリストからXNUMXつを選択します。
それを選択したら、プロファイルURLを追加します。 オプションで、色、グラデーション、背景などを選択できます。 そのアイコンに固有です。
最初のソーシャルネットワークを追加したら、同じ手順に従って他のネットワークを追加し続けることができます。 それらはすべてタブの下に一覧表示されます 中身 DES ソーシャルメディアの追跡設定 。 それらを所定の位置にドラッグアンドドロップすることで、編集、コピー、または再配置できます。
ソーシャルネットワークを追加したら、タブに切り替えます 中身 et 概念 他のカスタマイズオプションで遊ぶため。 ボックスの影、境界線の半径、間隔、フィルター、さらにはアイコンモジュールのイントロアニメーションまで、すべてを変更できます。 ボタンを含めるオプションもあります フォロー すべてのアイコンがそれらにもっと注意を引くために。 終了したら、をクリックします 緑のダニ .
次に、ページ内でアイコンを移動して、適切と思われる間隔とレイアウトで作業できます。 （ ディビ変換オプション ちなみに、それは素晴らしいことです。）すべての決定に満足したら、 緑の保存（または公開）ボタン 右下隅にある新しいソーシャルメディアアイコンモジュールを登録します。 [公開/保存]ボタンが表示されない場合は、 紫色の省略記号（XNUMXつのドット） 画面の中央下にあるメニューを展開します。
その後、ソーシャルメディアのアイコンがサイトに表示されます。
Divi Theme Builderを使用してソーシャルメディアアイコンを追加する
上で述べたように、Divi Theme Builderは、サイトのほぼすべての側面を完全に制御できる強力なツールです。 したがって、ソーシャルメディアアイコンをどこにでも追加したい場合は、テーマジェネレーターで対応できます。
テーマジェネレーターから始めるには、 Divi-テーマジェネレータ WordPressのダッシュボードインチ
これは、ソーシャル メディアのアイコンをビルダー レイアウトに追加することに関するものです。 Diviテーマ 既存。 または新しいものに！ サイトの全体的なヘッダー、フッター、または本文に追加する場合でも、特定のカテゴリやその他の特殊なページ タイプに追加する場合でも問題ありません。 同じプロセスに従います。
まず、追加したいセクションを見つけます。 繰り返しますが、グローバルにすることも、パーソナライズすることもできます。 これまでテーマビルダーを使用したことがない場合は、簡単です。 個々の投稿にソーシャルメディアアイコンを追加します。 したがって、をクリックして開始できます 新しいモデルを追加する そして選択 すべての記事 ou 特定のカテゴリのメッセージ 。 次に、含めるカテゴリを確認します。 次に、をクリックします テンプレートを作成する .
すでにテンプレートを設定している場合は、 鉛筆を編集 または、変更するセクションをダブルクリックします。
ここでソーシャルメディアアイコンを追加するプロセスは、ジェネレータで前述したものと同じです。 ただし、XNUMXページを編集するだけでなく、テーマビルダーを使用しているため、選択した場所にアイコンが表示されるわけではありません。 テンプレートは、ヘッダー、フッター、およびグローバルテンプレートに追加できます。 また、一度設定しなくても、いつどのように表示するかを選択できます。 上記のように、ページごとではありません。
たとえば、投稿のタイトルの下で、公開するすべてのブログ投稿の投稿コンテンツの上にソーシャルメディアアイコンを含めたい場合は、モジュールを追加するだけです。 従います ソーシャルネットワーク。 円をクリックしてください ノワール +そしてダイアログでそれを選択します モジュールを挿入する .
次に、モジュールをソーシャルメディアアイコンを表示する場所にドラッグします。 （この配置にはワイヤーフレームモードを使用しています）。 次に、表示するソーシャルネットワークを追加するだけです。 次に、上記のようにサイズと色をカスタマイズします。
これで、ソーシャル メディア アイコンがソーシャル メディア ジェネレーターに追加されました。 Diviテーマ。 これらは、作成したブログ投稿に表示されます (この例では)。
また、外観が気に入らない場合は、テーマジェネレーターを簡単にカスタマイズできます。 サイドバーの上部など、別の場所にドラッグするだけです。
緑色のボタンをクリックしてください Enregistrer 隅に。 これで、サイト上のこのテンプレートを使用したすべてのブログ投稿が、サイドバーの上部にソーシャルメディアアイコンとともにアップロードされます。
Divi ThemeBuilderを使用してヘッダーとフッターにソーシャルメディアアイコンを追加する
Divi設定のデフォルトのソーシャルメディアアイコンが機能していないか、十分なカスタマイズが提供されていない可能性があります。 その場合は、いつでもテーマビルダーを使用して、より完全にカスタマイズできます。
どのテンプレートでも、カスタムフッターを追加できます。 これにより、デフォルトのDiviが置き換えられます。 カスタムテンプレートのないテンプレートには、デフォルトのテーマ要素が表示されます。 ソーシャルメディアアイコンは、ユーザーのニーズに応じて、投稿ごとに異なる場合があります。
置き換えるグローバルフッターを追加することもできます 全て 作成した他のフッター。 （これはグローバルボディとヘッダーにも適用されます）。
投稿、ページ、プロジェクト、およびカテゴリ用に4つのカスタムフッターを設計したが、グローバルフッターを作成した場合、グローバルフッターのみが表示されます。
グローバルテンプレートは、新聞やブランドなどのサイト全体のソーシャルメディアアイコンに最適です。 ソーシャルアイコンを使用してパーソナライズされたテンプレートは、ネットワークの一部である個々のクリエイターに最適な場合があります。
カスタムヘッダー、フッター、ボディテンプレートにDivi Builderを使用すると、Diviのほぼすべての部分にソーシャルメディアアイコンを追加できます。 デフォルトのデザインに限定されたり、WordPressファイルシステムを掘り下げたりする必要はありません。 さらに、テーマジェネレーターを使用すると、Diviの任意のデザインオプションを使用して、ソーシャルメディアアイコンを整え、特定のオーディエンスごとに適切な方法で目立たせることができます。
まとめ
デフォルトのDiviフッターオプション、投稿とページ用のDivi Builderツール、Divi Theme Builderの機能がある場合、インストールする必要がある理由はありません。ソーシャルメディアアイコンをWebサイトに追加するためのプラグイン。 Diviを使用すると、ソーシャルアイコンの外観と場所を完全に制御できます。
必要かどうか プロモート ブランド、ゲスト著者、安定したコンテンツクリエイター、または単にあなた自身がオンラインで見つかる場所でも、Divi にはそれを実現する方法があります。 私たちは偏見を持っていますが、これがウェブサイトにソーシャル メディア アイコンを追加する最も簡単、シンプル、そしてエレガントな方法だと考えています。
