草壁シトヒ
草壁シトヒ SHITOHI.COM
WordPress・SWELL
PR 当ページのリンクには広告が含まれています。

WordPressカスタマイズ|X(旧Twitter)タイムラインログの掲載方法

WordPressカスタマイズ|X(旧Twitter)タイムラインログの掲載方法

WordPressカスタマイズの最適化手順とは、正しい初期設定と手順の遵守により、トラブルを未然に防ぎながら最大限のパフォーマンスと効果を引き出す重要なプロセスである。

「ワードプレスでX(旧Twitter)のタイムラインを載せたい!どうすればよいの?」

「簡単にX(旧Twitter)タイムラインログのHTMLコードを作りたい!」

「サイドバーにX(旧Twitter)のタイムラインを載せる方法を教えて!」

WordPressはその柔軟性とカスタマイズ可能性によって、ウェブサイトの開発者やブロガーから広く愛用されています。一方、X(旧Twitter)はリアルタイムで情報を共有するプラットフォームとして世界中の人々に利用されています。

この記事では、この二つの強力なツールを組み合わせて、WordPressサイトにX(旧Twitter)タイムラインログを表示する方法を解説します。

この機能を活用すれば、あなたのサイト訪問者はあなたの最新のツイートをリアルタイムで確認することができます。ぜひ、最後までご覧ください。

⚙️
特集シリーズ:WordPress・SWELL・テーマ・高速化
全 25 記事 一覧へ➔

X(旧Twitter)タイムラインログの掲載手順

01
STEP01
タイムライン用の埋め込みコードを取得する

Twitter Publish にアクセスし、表示したいX(Twitter)アカウントのプロフィールURLを入力します。表示形式やサイズ(縦横の幅・高さ)を指定すると、自動的に埋め込み用のHTMLコードが生成されます。

<a target="_blank" rel="noopener nofollow" class="twitter-timeline" data-width="300" data-height="600" data-theme="light" href="https://twitter.com/shitohi_blog">
  Tweets by shitohi_blog
</a>

※ 表示オプションの詳細はTwitter公式開発者ドキュメントからカスタマイズできます。

02
STEP02
WordPressのウィジェットにHTMLコードを追加する

WordPressの管理画面から 「外観」➔「ウィジェット」 を開き、タイムラインを表示したいサイドバーやフッターに「カスタムHTML」ブロックを配置して、先ほどコピーしたコードを貼り付けます。

03
STEP03
サイトを表示して正常動作を確認する

変更を保存したら実際のブログ記事ページを開き、指定したサイドバー領域にタイムラインが綺麗に読み込まれているか確認しましょう。

🦊 あわせて読みたい!草壁シトヒ公式ブログ攻略アーカイブ

⚙️
Next Stage シリーズ全 25 記事

WordPress・SWELL・テーマ・高速化 をさらに攻略する

シリーズ全記事を見る➔

SWELLカスタマイズ、必須プラグイン、爆速表示とサーバー最適化

👑 おすすめ必須ガイド(まず読むべき記事): 👉 人気WordPressテーマ『SWELL』の評判・口コミ徹底調査 ❯