オキシジェン・ビルダーを使い始めた当初は、ウェブサイトのデザインを自由にコントロールできるところが気に入っていました。しかし、X(Twitter)コンテンツを追加する際にすぐに障害にぶつかりました。
時間がかかるだけでなく、WordPressのデフォルトの方法は見た目がひどいか、私がOxygenで構築したカスタムデザインにマッチしていませんでした。
もしあなたがOxygen Builderのサイトを運営していて、Twitterのコンテンツを紹介したいと思っているなら、おそらく同じフラストレーションに直面していることでしょう。
Twitterのプロフィールを適切に追加することで、エンゲージメントを高め、サイトのコンテンツを新鮮に保つことができますが、ほとんどのソリューションはオキシジェンのカスタム・アプローチとは相性がよくありません。
私がOxygen BuilderサイトにTwitterプロフィールを統合するために使用している正確な方法をお見せします。この5ステップのプロセスは毎回うまくいき、数分で完了します。
酸素ウェブサイトにTwitterフィードを追加する最も簡単な方法
Oxygen Builderは、ウェブサイトのデザインを完全にコントロールできる人気のWordPressページ・ビルダーです。
従来のWordPressテーマとは異なり、Oxygenではコードに触れることなくカスタムレイアウトを構築することができます。
しかし、このカスタム・アプローチは、ソーシャルメディア・コンテンツを追加するための標準的なWordPressの方法が、しばしば正しく機能しなかったり、場違いなものに見えたりすることを意味する。
そのため、Twitterのコンテンツを手作業で埋め込むのに多くの時間と労力を費やした挙句、ウェブサイトに合わないTwitterのプロフィールフィードができてしまうかもしれません。
その代わりに、WordPressのプラグインを使ってTwitterのコンテンツを自動的に取得し、Oxygen Builderに追加することができます。
数あるTwitterフィードプラグインの中から、私はこのガイドのためにTwitter Feed Proを選んだ。
Twitter Feed Proが競合他社に差をつける理由はいくつかあります：
- 互換性Twitter Feed ProはOxygen Builderやその他の一般的なサイトビルダーと完璧に動作します。
- 新鮮なコンテンツを表示します：このプラグインは、あなたのフィードを最新のツイートで自動的に更新します。
- 軽量：このツールはスピードを重視して作られているため、Oxygenウェブサイトはこれまでと同じように速く読み込まれます。
- あなたのウェブサイトにマッチします： フィードは自動的にあなたのOxygen Builderウェブサイトのデザインをそのままコピーします。
- 高いカスタマイズ性： あなたのTwitterプロフィールフィードを詳細に設計するためのライブカスタマイザーと一緒に、事前に構築されたテンプレートを取得します。
このツールを選ぶもう一つの大きな理由は、カスタマーサポートの質である。自分で確認するために、あなたはここでユーザーレビューを見て、人々がサポートチームについてどう思うかを見ることができます。
多くの機能があり、簡単に操作することができます。以下では、OxygenウェブサイトにTwitterプロフィールを追加する手順を説明します。
オキシジェン・ビルダーにTwitter/Xプロフィールを追加する方法
以下のステップでは、Twitter Feed Proを使ってOxygen BuilderサイトにTwitter/Xコンテンツを簡単に追加する方法をご紹介します。
ステップ1: Twitter Feed Proのインストールと有効化
まず、あなたのウェブサイトにインストールする前に、ここでTwitter Feed Proプラグインを入手することができます。
WordPressのプラグインをインストールし、有効化する方法については、こちらのステップバイステップガイドをご覧ください。
ステップ2：Twitterフィードを作成する
今すぐWordPressのダッシュボードから始めることができます。
Twitterフィード " すべてのフィード メニューを開き、新規追加ボタンをクリックします。
その後、作りたいTwitterフィードの種類を選ぶことができる：
- ユーザーのタイムライン選択したTwitterプロフィールのツイートを表示
- ハッシュタグ選択したハッシュタグを含むツイートを表示します。
- 検索：検索語を選んで検索結果を埋め込む
ここではユーザータイムラインを取り上げるが、フィードタイプでもプロセスは同じだ。
フィードの種類を選択したら、「次へ」をクリックします。
ステップ3：Twitterプロフィールに接続する
Twitterプロフィールを接続することで、プラグインが関連ツイートを取得し、サイトに表示することができます。これも素早く簡単なプロセスだ。
開始するには、ポップアップの接続 ボタンをクリックします。
そうすると、プラグインがウェブブラウザ上でTwitter/Xを開きます。
ここから、Authorize appをクリックしてプロフィールを接続します。
そうすると、あなたのウェブサイトに戻ります。Twitterのプロフィール、ハッシュタグ、検索キーワードを選んでフィードを表示することができます。
この例ではツイッターのハンドルネームを入力します。
ここに情報を入力し、「次へ」をクリックするだけです。
ステップ4: ツイッターフィードをカスタマイズする
新しく作成されたTwitterプロフィール・フィードは、あなたのOxygenウェブサイトのデザインを自動的にコピーします。ウェブサイトのデザインや配色を慎重に選んだ場合、非常に時間の節約になります。
さらに、テンプレートをインポートしてTwitterフィードのデザインを素早く変更することもできる。
ユニークなレイアウトの7種類のオプションからお選びいただけます。
- デフォルト
- 石工カード
- シンプルなカルーセル
- シンプルなカード
- ショーケース・カルーセル
- 最新ツイート
- ウィジェット
テンプレートを選んだら、「Next」をクリックする。
テンプレートをインポートした後、ライブエディターを使ってさらにデザインをカスタマイズすることができます。
このエディターからレイアウト、ヘッダー、ボタンデザイン、フォントサイズ、配色などを変更できます。
どのように機能するのか、興味深いオプションをいくつか紹介しよう。
まずはツイートのレイアウトを変えてみよう。
左からフィードレイアウトオプションを開いて開始します。
そうすると、左側のパネルにさらなるカスタマイズ・オプションが表示されます。
フィードのレイアウトは3種類から選ぶことができる：
- リスト：公式サイトのようにTwitterのプロフィールを1列に表示します。
- メイソンリー行と列を使って大量のツイートを一度に表示する
- カルーセル：ツイートをインタラクティブなスライドショーとしてサイトに埋め込む
レイアウトを選び、「保存」をクリックして変更を確定します。
行や列の数など、他のレイアウトオプションもここから変更できます。変更が終わったら保存するのを忘れないように。
続行するには、「カスタマイズ」をクリックします。
さて、レイアウトの設定が終わったところで、色をカスタマイズする方法を紹介しよう。
左側のパネルから、配色 オプションを選択します。
素早く色を変えられるように、好みの配色を選ぶことができる：
- テーマから継承します： Oxygenウェブサイトの色をコピーする
- 明るい： 明るい背景に暗いフォント
- Dark：暗い背景と明るいフォント
- カスタム： 手動で色を選ぶ
前回同様、色の設定が終わったら、変更を保存することを忘れないでください。
残りのオプションを使ってTwitterフィードを詳細にカスタマイズすることができます。ご覧の通り、ライブエディターはとても使いやすく、すべての変更内容を簡単に記録することができます。
デザインを保存したら、いよいよ最後のステップに進む。
ステップ5：Oxygen BuilderにTwitterプロフィールを埋め込む
上部の埋め込み ボタンをクリックすると、このTwitterフィードの埋め込みを開始できます。
Twitterフィードの埋め込みオプションがポップアップで表示されます。ここからフィードをページ、サイドバー、フッターに追加できます。
Oxygen Builderの場合は、代わりにCopyをクリックすることができます。
Twitter フィードが必要な特定の Oxygen Builder ページがあれば、今すぐそれを開くことができます。
代わりに新しいページを使うには、ダッシュボードエリアからページ " 新規追加 メニューを開いてください。
次にテンプレート編集をクリックし、オキシジェン・ビルダーでページを開きます。
このページにコンテンツを追加するには、左上のプラス（＋）アイコンをクリックします。
それをクリックすると、検索バーのある新しいパネルが表示される。
バーに"shortcode "と入力し、下のショートコード ・ブロックをクリックするだけです。
ここで、Full Shortcode フィールドを探し、先ほどのショートコードを貼り付ける。
そうすると、Twitter Feed Proが自動的にTwitterプロフィールをこのページに埋め込みます。
このページに他のコンテンツを自由に追加してください。オキシジェン・ビルダーはとても使いやすく、1行もコードを触ることなく多くのことができます。
見栄えに満足したら、それを公開すれば、訪問者はツイートをチェックできる。
これで、オキシジェン・ビルダーのウェブサイトにTwitterのプロフィール・フィードができました。関連性のあるツイートを表示することで、訪問者の興味を引きつけ、同時にソーシャルメディアでの存在感を高めることができます。
さらに、このプラグインを使って、ポジティブな製品レビューを埋め込んだり、ユーザーが作成したコンテンツを表示したりすることもできます。このように、Twitter Feed Proはあなたのソーシャルメディアマーケティングツールキットに加えることができます。
Twitter Feed Proはこちらからダウンロードできます。
Twitterをもっと活用したい方は、Twitterマーケティングツールのベストリストをご覧ください。
その他のソーシャルメディア・ガイドとチュートリアル
- オキシジェンビルダーにTikTok動画を埋め込む方法（簡単ガイド）
- ツイッターで簡単にお金を稼ぐトップ・ウェイ（専門家が選ぶ）
- Oxygen BuilderにYouTube動画を埋め込む方法（簡単ガイド）
- 無料でTwitter/Xのフォロワーを増やすための実証済みのヒント
