![](https://blockchain-diary.com/wp-content/uploads/2022/05/あかね-300x300.jpeg)
ブログにtwitterのタイムラインを入れているのを見かけるけど、それって難しいの?
そんなことないよ。実際にやってみたけど5分くらいでできたよ。
![](https://blockchain-diary.com/wp-content/uploads/2022/08/テン@様11-清書01-300x300.jpg)
こんにちは。ちゃこ(@Chacodiary)です。
ブログにTwitterのタイムラインを入れているのをよく見かけるので、わたしも実際にやってみました。
とっても簡単だったので紹介しますね。
もくじ
Twitterのパブリッシュサイトにアクセスする
Twitterの「パブリッシュサイト」にアクセスします。
What would you like to embed? (何を埋め込みたいですか?)と聞かれているので、自分のTwitterアカウントURLを入力します。
私の場合は、https://twitter.com/Chacodiary になります。
![](https://blockchain-diary.com/wp-content/uploads/2022/05/スクリーンショット-2022-05-16-13.29.22.png)
すると下記のように、Here are your display options (表示オプションはこちら)と聞かれるので、左側 Embeddes timeline(タイムラインを埋め込む)を選びます。
![](https://blockchain-diary.com/wp-content/uploads/2022/05/スクリーンショット-2022-05-16-13.33.38-1.png)
下記のようにコードが表示されるので「Copy Code」をクリックし、コピーします。
![](https://blockchain-diary.com/wp-content/uploads/2022/05/tw1.png)
ちなみに右側を選ぶと、下記のようにタイムライン無しでTwitterのボタンだけになります。
![](https://blockchain-diary.com/wp-content/uploads/2022/05/スクリーンショット-2022-05-16-13.39.46.png)
これで完了なのですが、このままだとタイムラインが非常に長くなりすぎるのでオプションで変更します。
(長いままで問題なければそのままでOK)
先ほどのコードをコピーするところで「set customization options」をクリックします。
![](https://blockchain-diary.com/wp-content/uploads/2022/05/tw2-1.png)
すると下記のように高さや横幅を選ぶことができます。
私は、Height(高さ)を「350」にし、それ以外は変更しませんでした。
![](https://blockchain-diary.com/wp-content/uploads/2022/05/tw3-1.png)
変更後、Updateを押し、Copy Codeを押すと変更した高さに変更できます。
次はWordPress側の操作です。
WordPressのウィジェットを開く
WordPressのダッシュボードから「外観」→「ウィジェット」を選びます。
![](https://blockchain-diary.com/wp-content/uploads/2022/05/tw5.png)
ウィジェットを開いたら、「サイドバーウィジェット」を開きます。
ワードプレスのテーマによって表示が変わるかもしれませんが、
私の場合は、「サイドバーウィジェット」に埋め込みました。
![](https://blockchain-diary.com/wp-content/uploads/2022/05/スクリーンショット-2022-05-16-14.10.09.png)
ウィジェットの左側から「テキスト」をドラッグさせ「サイドバーウィジェット」へ移動させます。
![](https://blockchain-diary.com/wp-content/uploads/2022/05/スクリーンショット-2022-05-16-14.19.15.png)
そして、テキストの中に先ほどのコードを、コピペして保存したら完了です。
![](https://blockchain-diary.com/wp-content/uploads/2022/05/スクリーンショット-2022-05-16-14.17.51-817x1024.png)
これでサイドバーに埋め込むことができました。
![](https://blockchain-diary.com/wp-content/uploads/2022/05/スクリーンショット-2022-05-16-14.30.21.png)
スマホでもきちんとタイムラインが埋め込まれていました。↓
![](https://blockchain-diary.com/wp-content/uploads/2022/05/IMG_6097-588x1024.png)
今回は「ブログにTwitterのタイムラインを埋め込む方法」の紹介でした。
![](https://blockchain-diary.com/wp-content/uploads/2022/08/テン@様11-清書01-300x300.jpg)
お役に立てれば嬉しいです^^