1. HOME
  2. マニュアル
  3. 投稿・編集
  4. WordPressへのtwitterタイムラインの埋め込み方法(ウィジェット使用)

WordPressへのtwitterタイムラインの埋め込み方法(ウィジェット使用)

2017.10.9  投稿・編集

twitterのタイムラインをウィジェットを使って表示させる方法をご紹介します。twitterやFacebookなどSNSを集客に活用されている場合はぜひお試しください。

埋め込みコードの作成

埋め込みコード作成ページにアクセス

https://publish.twitter.comにアクセスし、入力ボックスにtwitterのアドレスを入力して「→」をクリックします。

twitterタイムライン埋め込み

表示形式で「Embedded Timeline」を選択します。

twitterタイムライン埋め込み

このままでは大きすぎるので、「set customization opitions」をクリックしてオプションの設定をします。

twitterタイムライン埋め込み

高さ(height)を幅(width)を設定し、「Update」をクリックします。

twitterタイムライン埋め込み

表示されたコードをクリックするとコピーされます。

twitterタイムライン埋め込み

コピーされました。(警告みたいな表示ですが、単にコピーしましたということです)

twitterタイムライン埋め込み

WP管理画面でウィジェットの設定

WordPressの管理画面に戻り、「外観」→「ウィジェット」に行きます。

「カスタムHTML」のウィジェットを任意の表示エリアにドラッグし、「内容:」に先ほどコピーしたコードをペーストして保存します。

twitterタイムライン埋め込み

WordPress4.7までの場合は「テキスト」ウィジェットをお使いください。

ホームページを確認すると、twitterのタイムラインが表示されています。

twitterタイムライン埋め込み

Pocket