X(以前はTwitterとして知られていました)からの投稿を追加することは、あなたのThriveウェブサイトをより魅力的にする非常に素晴らしい方法です。
しかも、適切なWordPressプラグインを使っている限り、かなり簡単にできる。手順を説明しよう。
ご心配なく。ほんの数分で、コーディングは一切必要ありません。以下のステップを踏むだけです:
Thrive ArchitectにTwitter/Xプロフィールを追加する簡単な方法
これを行う最も簡単な方法としては、プロフィールを取得してウェブサイトに表示できるTwitterフィードプラグインを使用することができます。
一番いいのは、プロフィールが自動的に更新されることだ。これで時間と労力を大幅に節約できる。
このガイドでは、いくつかの理由からTwitter Feed Proを使うことにした:
- 軽量なので、大量のツイートを表示しても、サイトの読み込みはこれまでと同じように速い。
- あなたのツイートは、スライブのウェブサイトのデザインをすぐに自動的にコピーします。
- このツールは、Thrive Architectだけでなく、他の一般的なページビルダーとも完璧に機能します。
おまけに、多くの人がこのプラグインに満足しているようだ。
Thrive ArchitectにTwitterプロフィールを追加する方法
ステップ1: Twitter Feed Proプラグインをダウンロードする
まず、ここからTwitter Feed Proプラグインを入手し、Thriveウェブサイトに追加します。
WordPressプラグインのインストールと有効化の方法について、さらに詳しく知りたい方はこちらのガイドをご覧ください。
ステップ2: ツイッターのプロフィールフィードを作成する
次に、このプラグインを使えば、ツイッターのプロフィールをフィードに変換し、ウェブサイトに挿入することができる。
サイトのダッシュボードからTwitter Feed " All Feeds メニューを開き、Add Newボタンをクリックします。
Twitter Feed Proは、作成したいフィードのタイプを選択するように指示します。必要に応じて、ハッシュタグTwitterフィードや検索結果を表示することもできます。
でも今は、代わりにユーザータイムラインを選んで、Nextをクリックします。
ステップ3:Twitterプロフィールに接続する
さて、いよいよあなたのツイッター・プロフィールを、先ほど作成したフィードに接続する番だ。少し複雑に聞こえますが、数秒しかかかりません。
まず、接続 ボタンをクリックする。
そうすると、ブラウザでTwitterが開きます。ここで、Twitter Feed Proにあなたのコンテンツを表示させることができます。
そのためには、Authorize appをクリックする。
このように、あなたはウェブサイトに戻り、ツイッターのプロフィールに接続した。
次にフィードを作成するときは、このステップを繰り返す必要がないので、かなり便利だ。
ガイドに戻り、ポップアップにあなたのツイッター・ハンドルを入力してください。自分のハンドルネームでも、他人のハンドルネームでも、複数のハンドルネームをカンマで区切ってもかまいません。
そうしたら、「Next」をクリックする。
ステップ4: ツイッターのプロフィールフィードをカスタマイズする
プラグインを数秒間動作させると、Twitterプロフィールの準備が整います。そして、あなたのThriveウェブサイトのデザインが自動的にコピーされます。
また、ツイッターのプロフィールをウェブサイト上でどのように表示するかを変更するクールな方法もいくつかあります。
まず、テンプレートを選んでTwitterプロフィールの全体的なデザインを変更することができます:
- デフォルト
- 石工カード
- シンプルなカルーセル
- シンプルなカード
- ショーケース・カルーセル
- 最新ツイート
- ウィジェット
オプションを選択したら、もう一度「Next」をクリックする。
そうするとビジュアルカスタマイザーが開きます。ここで、新しいTwitterプロフィールフィードがどのように見えるかを見ることができます。
そして左側には、さまざまなカスタマイズ・オプションがある。これらのオプションを使用すると、右側のライブプレビューも更新されます。
手始めに、ツイートのレイアウトを変えてみる。訪問者がどのようにフィードに接するかを変える素晴らしい方法だ。
まず、「Feed Layout 」をクリックして、Diviウェブサイト上のツイートのレイアウトを設定します。
Twitter Feed Proには、フィードのレイアウトに関して3つのオプションがあります:
- 一覧:Twitter公式サイトやアプリのように、ツイートを1列に表示します。
- メイソンリー複数のカラムを使用して一度に多くの記事を表示する
- カルーセル:ツイートをスライダーにしてサイトに表示する。
お好きなオプションを選んでください。
フィードレイアウトを選択したら、上部にある「保存」ボタンをクリックします。
フィードをさらにカスタマイズするには、左上のカスタマイズボタンをクリックします。
次に、ライブフィードエディタを使ってTwitterフィードの色を設定することができます。
そのためには、配色 オプションをクリックします。
次に、このプラグインは、ソーシャルフィードの色を簡単に選択するために使用できる配色を表示します。
4種類の配色から選ぶだけ:
- テーマからの継承: Thriveウェブサイトと同じ色を使用する
- 明るい: 暗い文字色で明るい背景を表示する
- Dark:明るい色のフォントとともに暗い背景を表示する。
- カスタム: 手動ですべての色を選択
配色を選んだら、もう一度「保存」をクリックして変更を確定します。
残りのオプションを使って、新しいフィードの見た目を変更できます。ライブフィードエディタを使えば、フィードのサイズ、もっと見るボタン、ライトボックスオプション、ヘッダースタイルなどを簡単に変更できます。
最後にSaveをクリックして変更を確認することを忘れないでください。
ステップ5: Thrive ArchitectにTwitterプロフィールを埋め込む
もう最終段階まで来ているが、これもかなり簡単なものだ。
まず、埋め込み ボタンをクリックします。
これは、あなたのウェブサイトにこのTwitterフィードを追加することができるすべての方法を示しています。
とりあえず、あとは無視して「コピー」をクリックしてください。
もし、Twitterプロフィールを掲載するThrive Architectのページを用意しているのであれば、今がそのページを開く良い機会です。
まだの方もご安心ください。ダッシュボードエリアからページ " 新規追加 メニューを開いて、新しいページを作成してください。
次に、Launch Thrive Architect ボタンをクリックします。
お望みなら、ここにあるポストを使ってもいいし、プロセスは基本的に同じだ。
いずれにせよ、Thriveページを編集するには2つの方法から選ぶことができます。
- 通常のページ: 通常のページでゼロから始める
- ランディングページの作成:クイックスタートのために事前に構築されたデザインをコピーする
通常ページオプションを選択すると、Thriveは即座にエディタを開き、Twitterプロフィールの埋め込みを開始することができます。
ランディングページを選択した場合、あなたのページのさまざまなデザインのポップアップが表示されます。
これらのデザインをご覧になり、気に入ったものをクリックしてください。
オプションをクリックすると、そのオプションの詳細とデザインのバリエーションが表示されます。
前回同様、ここで気に入ったオプションをクリックする。
最後に「テンプレートを適用」をクリックすると、選択したデザインがページや投稿に追加されます。
それでは、Thriveの他の機能は割愛し、ここではTwitterプロフィールの追加方法だけを紹介しよう。
まず、左側の緑色のプラスアイコン(+)をクリックします。
検索バーを使って「スマッシュ・バルーン」ブロックを探す。
Smash Balloon Social Feedブロックが表示されたら、好きな列にドラッグしてください。
左側に、新しいブロックのオプションがいくつか表示されます。
タイプ]オプションで[カスタムTwitterフィード]を選択します。
次に、下のドロップダウンメニューを使用して、新しく作成したフィードを選択します。
そうすると、あなたのTwitterプロフィールがThrive Architectのページや投稿に追加されます。
変更を保存するには、忘れずに「作業を保存」をクリックしてください。その後、ページ/投稿を開いて、あなたのプロフィールが訪問者にどのように見えるかを確認することができます。
そうすれば、あなたが新しいツイートをするたびに、プラグインは自動的にこのフィードを更新し続けます。
スライブのウェブサイトに変化を加え、同時にツイッターアカウントを宣伝する素晴らしい方法です。
Twitter Feed Proはこちらから入手でき、自分で試すことができる。
ボーナスとして、ツイッターでお金を稼ぐ実証済みの方法のリストもご覧ください。
その他のソーシャルメディア・ガイドとチュートリアル
- スライブアーキテクトにインスタグラムのフィードを埋め込む方法
- ツイッターのエンゲージメントを高める方法
- Thrive ArchitectのウェブサイトにYouTubeのフィードを埋め込む方法
- 今年必ず必要なツイッター・マーケティング・ツール【トップ・ピック