DiviのウェブサイトにTwitterフィードを追加したいと思ったことはありませんか？
Diviを使って美しいウェブサイトを作ったら、Twitterフィードを追加するのが簡単な方法です。
関連するTwitterコンテンツを表示することで、訪問者の関心を引き、ソーシャルフォロワーを増やし、コンバージョンを高めることもできます。
DiviにTwitterコンテンツを追加する最も簡単な方法をご紹介します。
その前に、DiviサイトにTwitterのコンテンツを表示することがどのように役立つかを見てみよう。
あるいは、ここをクリックしてチュートリアルのセクションに飛ぶこともできる。
DiviウェブサイトにTwitterフィードを追加する理由
Diviは、美しいウェブサイトを簡単に作成できる人気のWordPress用ページビルダーです。
しかし、ただ見た目が美しいウェブサイトを持つだけでは不十分かもしれない。結局のところ、訪問者の大半はサイトを離れて二度と戻ってこないのだから。
"ここに厄介な事実があります：あなたのウェブサイトに到達した訪問者の95％は、二度と戻ってくることはありません。"それはあなたのペール缶の4分の1サイズの穴ではなく、クレーターです。
- ジョシュ・スタージョン、EmberTribe共同創設者
訪問者を惹きつける素晴らしい方法は、ウェブサイトにツイッターのコンテンツを表示することです。そうすることで、魅力的なコンテンツを表示することができ、人々をサイトに留めることができます。
- 魅力的なソーシャル・メディア・コンテンツがあれば、人々があなたのサイトでより多くの時間を過ごすことができる。そうすれば、あなたのサイトはより良いSEOを獲得し、さらに多くの人々に簡単にリーチすることができます。
- あなた自身のアカウントからのつぶやきを埋め込むことによって、簡単にエンゲージメントと新しいTwitterのフォロワーにウェブサイトのトラフィックを回す。
- twitterフィードを使えば、最新の製品リリース、ニュース、お知らせ、セールなどを人目を引く方法で紹介することができます。
- Twitterのレビューや声を商品ページに埋め込むことができます。このような社会的証明があれば、人々を顧客に変えるのはもっと簡単になります。
WordPressでTwitterフィードを表示する簡単な方法
DiviにTwitterフィードを手動で追加するには、埋め込みコードを生成し、コードを微調整してからウェブサイトに追加する必要がある。
さらに、この方法を使えば、ツイッターのコンテンツがウェブサイトのデザインをコピーすることはなく、ツイートがブランディングと衝突することさえある。
良いニュースは？
コードを一行も触ることなくTwitterの投稿を表示するには、もっと良い方法がある。さらに、Diviマーケットプレイスで拡張機能を選別する必要もない。
Twitter Feed Proプラグインを使えばいい。
Twitter Feed Proを使えば、WordPressの専門家であっても、Twitterのフィードをサイトに表示し、訪問者を惹きつけることができます。
このプラグインは、あなたのサイトにTwitterのフィードを埋め込むことがこれまで以上に簡単になるだけの機能のトンが付属しています：
- 3ステップのガイドフローに従うだけで、Twitterフィードの作成、カスタマイズ、埋め込みまでの全プロセスをコーディング不要で行うことができます。
- Twitterフィードを作成すると、Diviのウェブサイトのデザインが自動的に継承され、すぐに素晴らしい外観になります。
- あらかじめデザインされたテンプレートをインポートすることも、ライブフィードエディターを使ってレイアウト、配色、ヘッダー、ツイートボックス、フィードサイズなどを変更することもできます。
- 一番の利点は？このプラグインを使えば、WordPressの専門家チームを手に入れることができる。ヘルプが必要なときや質問があるときは、彼らに助けを求めることができます。
- 作成したTwitterフィードはすべて軽量で超高速になります。そして、より高速なウェブサイトは、あなたのサイトのSEO対策にもなります。
全体として、Twitter Feed Proは市場で最高のTwitterフィードプラグインであり、オンラインビジネスにとって素晴らしい選択肢です。さらに、WordPressのエキスパートによる定評あるカスタマーサポートチームに支えられています。
あなたのサイトに魅力的なTwitterフィードを作成する準備はできましたか？今すぐTwitter Feed Proを手に入れよう！
DiviにTwitterフィードを追加する方法（ステップバイステップ）
以下の簡単な手順を踏むだけで、WordPressサイトにTwitterフィードを埋め込むことができます。さっそく始めてみましょう！
ステップ1: Twitter Feed Proプラグインをダウンロードする
まず、ここからTwitter Feed Proプラグインを入手し、コンピューターにダウンロードする。
その後、WordPressサイトにTwitter Feed Proをインストールし、有効化することができます。
方法がわからない場合は、初心者向けのWordPressプラグインのインストール方法のチュートリアルをご覧ください。
ステップ2：Twitterフィードを作成する
このプラグインを使えば、ガイドされたフローに従ってTwitterフィードを作成することができる。
まず、WordPressのダッシュボードにアクセスし、Twitterフィード " すべてのフィード メニューを開きます。
新しいページで、新規追加 ボタンをクリックして開始します。
このプラグインは、DiviサイトにどのタイプのTwitterフィードを表示するかを尋ねます。ここでは3つの選択肢から選ぶことができます：
- ユーザーのタイムラインTwitterのタイムラインを選択し、最新のツイートを表示します。
- ハッシュタグ：選択した特定のTwitterハッシュタグに基づいてフィードを表示します。
- 検索Twitterの高度な検索結果を表示します。
続行するには、フィードの種類を選択し、[Next]をクリックします。
この例では、Diviサイトのユーザー・タイムラインを選んだ。
ステップ3：Twitterアカウントに接続する
DiviのウェブサイトにTwitterフィードのツイートを表示するには、Twitterアカウントに接続するだけです。
開始するには、接続 ボタンをクリックします。
プラグインはウェブブラウザでTwitterを開き、Twitter Feed Proの読み取り専用アクセスを許可します。
このアクセスを使って、あなたのフィードはツイッターから情報を取得し、あなたのウェブサイトにツイートを表示することができます。このプラグインは一切変更を加えることができないので、完全に安全に使用することができます。
そのためには、ここでAuthorize app ボタンをクリックしてください。
そうすると、プラグインがあなたのウェブサイトをもう一度開きます。ここで、DiviのTwitterフィードのソースを選択できます。
ユーザーのタイムラインを埋め込むので、ここに"@starbucks "ツイッターハンドルを追加します。
ソースを追加したら、Nextをクリックして続けます。
ステップ4: ツイッターフィードをカスタマイズする
このプラグインは自動的にDiviのウェブサイトのデザインをコピーするので、フィードはすぐに美しく表示されます。
その上、Twitterフィードのデザインもコントロールできる。
すぐに使い始められるように、あらかじめレイアウトされた7種類のフィードテンプレートから選ぶことができます：
- デフォルト
- 石工カード
- シンプルなカルーセル
- シンプルなカード
- ショーケース・カルーセル
- 最新ツイート
- ウィジェット
TwitterフィードのDiviテンプレートを選択したら、「次へ」をクリックします。
次に、このプラグインはライブフィードエディタを開くので、Twitterフィードを詳細にカスタマイズできる。そうすれば、Diviテーマを完璧に引き立てるデザインにすることができます。
左側には、Diviソーシャルメディアフィードのレイアウト、色、サイズ、ヘッダーデザインなどを設定できるカスタマイズパネルがあります。
Twitterフィードをカスタマイズする際、右側のライブプレビューを使えば変更を簡単に確認できます。
手始めに、ツイートのレイアウトを変えてみる。訪問者がどのようにフィードに接するかを変える素晴らしい方法だ。
まず、「Feed Layout 」をクリックして、Diviウェブサイト上のツイートのレイアウトを設定します。
Twitter Feed Proには、フィードのレイアウトに関して3つのオプションがあります：リスト、メイソンリー 、カルーセル
以下、それぞれのレイアウトを見てみよう。
まず、ツイッター公式サイトのようにツイートを1列に表示するリストレイアウトがある。
一度にたくさんのツイートを表示したいですか？
一度に複数の列でツイートを表示するメイソン・レイアウトを選択できる。
代わりにカルーセルレイアウトを選択すると、DiviのTwitterフィードを美しいスライドショーに変えることができます。
そうすれば、ウェブサイトをよりインタラクティブにすることができる。
フィードレイアウトを選択したら、上部にある「保存」ボタンをクリックします。
フィードをさらにカスタマイズするには、左上のカスタマイズボタンをクリックします。
次に、ライブフィードエディタを使ってTwitterフィードの色を設定することができます。
そのためには、配色 オプションをクリックします。
次に、このプラグインは、ソーシャルフィードの色を簡単に選択するために使用できる配色を表示します。
4種類の配色から選ぶだけ：
- テーマからの継承： Diviウェブサイトと同じ色を使用
- 明るい： 暗い文字色で明るい背景を表示する
- Dark:明るい色のフォントとともに暗い背景を表示する。
- カスタム： 手動ですべての色を選択
配色を選んだら、もう一度「保存」をクリックして変更を確定します。
残りのオプションを使って、新しいフィードの見た目を変更できます。ライブフィードエディタを使えば、フィードのサイズ、もっと見るボタン、ライトボックスオプション、ヘッダースタイルなどを簡単に変更できます。
最後にSaveをクリックして変更を確認することを忘れないでください。
ステップ5：DiviウェブサイトにTwitterフィードを埋め込む
フィードの埋め込みを開始するには、ライブフィードエディタを使用するのが最も簡単な方法です。
ライブエディターから、上部にある埋め込みボタンをクリックしてください。
次に、新しく作成したフィードの埋め込みオプションがポップアップで表示されます。
Diviのウェブサイトにフィードを埋め込むには、こちらのコピーボタンをクリックしてください。
次に、ダッシュボードエリアからページ " 新規追加 メニューに移動し、Twitterフィード用のページを作成します。
続行するには、WordPressエディターの「Use The Divi Builder 」ボタンをクリックします。
代わりにWordPressの投稿を使用するには、ダッシュボードから投稿 " 新規追加 メニューを開きます。
次に、「Use The Divi Builder」をクリックして、Diviエディタでページを開きます。
Diviビルダーでは、ページや投稿のデザインを3種類の方法から選ぶことができます。
- ビルド開始空白のテンプレートから構築を開始する
- レイアウトを見る： あらかじめ作成されたレイアウトをインポートする
- ページを選ぶ：ページを複製し、そのデザインを使用する。
ここでお好みのオプションを選択できる。
Start Buildingオプションを選ぶと、空白のページからすぐにページや投稿のデザインを始めることができます。
しかし、代わりに「レイアウトを参照」オプションを選択した場合は、事前に作成されたレイアウトのコレクションをチェックすることができます。
続行するには、お好みのレイアウトをクリックしてください。
選択したレイアウトの詳細がポップアップで表示されます。プレビューをご覧になりたい場合は、ライブデモを見るをクリックしてください。
レイアウトに問題がなければ、「このレイアウトを使用する」ボタンをクリックします。
Choose Page オプションで、Diviを使って作成したすべてのページをチェックできます。
続行するには、クローンしたいページをクリックするだけです。
その後、Diviのページにコンテンツを追加していく。さっそく、このページにTwitterのタイムラインモジュールを追加してみよう。
そのためにはまず、緑のプラス・アイコン（＋）をクリックし、欲しい行のタイプを選ぶ。
新しいフィードのためのスペースができたので、黒いプラス（+）アイコンをクリックしてコンテンツを追加し始める。
その後、検索バーに"code "と 入力し、下のCodeモジュールをクリックしてください。
左側に、コードモジュールのオプションがあります。そこでコードフィールドを探し、ショートコードを貼り付けます。
最後にチェックマークアイコンをクリックして、DiviへのTwitterフィードの追加を完了します。
その後、[Publish]ボタンをクリックすると、新しいTwitterフィードモジュールがDiviサイトに表示されます。
フィードがどのように表示されるかは、ウェブサイトを開いてご自分の目でお確かめください。
それで終わりだ！
このように、適切なツールを使えば、DiviのウェブサイトにTwitterフィードを追加するのはとても簡単です。Twitter Feed Proを使えば、Twitterをサイトに統合するのがこれまで以上に簡単になります。
全体として、それは本当にあなたのサイトにTwitterを埋め込むための最高のWordPressプラグインです。これだけで、Twitterマーケティングを簡単に強化することができます。
DiviにTwitterの投稿を簡単に追加したいですか？Twitter Feed Proはこちらから！
Twitterをビジネスに活用したい方は、Twitterマーケティングツールのリストをご覧ください。
その他のソーシャルメディア・マーケティング・ガイドとヒント
- DiviのWordPressサイトにFacebookフィードを簡単に追加する方法
- インスタグラムのフィードをウェブサイトに埋め込む方法
- 今すぐ購読者を増やすためのベストYouTubeプラグイン
- アフィリエイト・マーケティングにおけるソーシャルメディアの活用法
- ウェブサイトに埋め込めるTwitterウィジェットの例
この記事がお役に立ちましたら、Twitterや Facebookをフォローしてください。
