WordPress「ツイッターのタイムラインをサイドバーに埋め込む方法」

こんにちは、シャトーブリアンです。

ブログとSNSは連携したほうがいいとよく言われていますよね。

どちらにも有益な情報などないんだけど、とりあえずやってみた記録w

 

 

WordPress「ツイッターのタイムラインをサイドバーに埋め込む方法」

ブログにツイッターを埋め込む際、２種類の方法があります。

・ツイートを記事内に埋め込む
・タイムラインをブログに埋め込む

今回はツイッターのタイムラインをブログに埋め込んでいきます。

 

完成イメージ

 

まずはツイッター関連で作業をし、そのあとにWordPressで作業をする流れになります。

 

埋め込みコードを取得する

ツイッターを開いて、WordPressに埋め込むコードを取得します。

 

1、ツイッターのアカウントURLのコピー

埋め込みたいツイッターアカウントのURLをコピーする。

コピーするURLはツイッターのTOPページで確認できます。

 

プロフィールを押し、アドレスバーのURLをコピーする。

 

 

2、コードの取得

Twitter Publish で埋め込むコードを取得します。

こちらから　→ twitter publish

 

リンク先はこんな画面です。

 

 

先ほどコピーしたURLを貼り付ける

 

 

タイムラインを選択

 

 

カスタマイズを選択

 

 

サイズや色を入力し、「Update」を押す

 

 

埋め込みコードが表示されるので、コピーを押す

 

これでコードを取得できました。
次は WordPress で埋め込む作業です。

 

WordPress で埋め込み作業

twitter publish で取得したコードを貼り付けていきます。

 

外観のウィジェットを選択

 

 

埋め込みたい場所にテキストを移動させる

サイドバーに表示させたいので、「テキスト」を「サイドバースクロール追従」にもっていきます。

PCとモバイル両方に表示させたい場合は、２つドラッグします。

 

 

追加したテキストの▼を押す

 

 

タイトルとテキストを入力する

タイトル：サイドバーに表示させるタイトル
テキスト：twitter publish でコピーしたコードを貼り付ける

 

保存を押したら作業完了です。
ちゃんと表示されているか、ブログで確認してみよう♪

 

 

 

保存を押したあと、くるくる回って進まないという場合があります。
その場合は、サーバーのWAF設定を一時的にOFFにする必要があります。

 

コノハウィングでは、サイト管理の「サイトセキュリティ」から設定を変更することができます。

 

ご契約中のサーバーで確認してみてください♪

 

 

 

無事にツイッターのタイムラインを埋め込むことができました♪

できることが１つ増えるってうれしいね！
ツイート内容はさておき…w