![](https://kotomam-blog.com/wp-content/uploads/2023/03/c_choju61_0034_s128_choju61_0034_9.jpg)
Twitterをブログに貼り付けたいんだけど、
どうやるの?難しいのかな?
![](https://kotomam-blog.com/wp-content/uploads/2023/07/サイドバー.jpg)
サイドバーにTwitterを埋め込むことによって、
常に稼働している様に見えるので
ブログが充実しますよね😊✨
本記事では、その悩みを解決します!
本記事の内容はこちら。
- Twitterをサイドバーに埋め込む 3つの手順
- 保存ができない場合の対処法
- まとめ
プラグインは使わないですし、手順も多くありません◎
写真付きで解説しますので、一緒にやっていきましょう!
本記事では、有料テーマAFFINGER6を使っています。
AFFINGER6についてのレビューや導入方法は、こちらの記事で詳しく解説しています✨
スポンサーリンク
Twitterをサイドバーに埋め込む 3つの手順
ステップ①:Twitterにログインする
「Twitter」にアクセスします。
ログインページはこちら>>Twitter
![](https://kotomam-blog.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-28-111253.png)
赤枠で囲っているユーザー名を使うので覚えておいてください。
ステップ②:ブログ貼り付け用コードを取得する
(1)コードを取得するために「Twitter Publish」というサイトにアクセスします。
公式サイト>>Twitter Publish
![](https://kotomam-blog.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-28-112727-1024x483.jpg)
英語表記で出てくるので、焦るかもしれませんが大丈夫ですよ!
このブログを見ながらだったら、
英語表記のままでも分かるようになっていますので
安心して進めてくださいね😊
(2)中央の白枠に自分のアカウントを入力します。
![](https://kotomam-blog.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-28-113027-1024x504.jpg)
私の場合は、「@kotomama1107」です。
下にスクロールすると以下の画面になります。
(3)左側の「Embedded Timeline」をクリックし、「set customization options」をクリックします。
![](https://kotomam-blog.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-28-113126-1-1024x766.png)
このままリンクをコピーしても使えますが、
20ツイートほど下に並んでしまうので、おススメできません💦
下にスクロールすると以下の画面になります。
![](https://kotomam-blog.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-28-113549.png)
(4)「Height」を600にし、「Update」をクリックします。
カスタマイズはお好みなので、
自分で数字を入れてみて決めてくださいね😊
![](https://kotomam-blog.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-28-133151.png)
(5)リンクをコピーするため、「Copy code」をクリックします。
![](https://kotomam-blog.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-28-132508-1024x223.png)
以下の画面になれば、リンクをコピーできたということです。
![](https://kotomam-blog.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-28-114634.png)
ステップ③:WordPressのサイドメニューにTwitterを追加する
(1)WordPressの「ダッシュボード」から「外観」をクリックし、
「ウィジェット」をクリックします。
![](https://kotomam-blog.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-28-133904-1024x468.png)
(2)「カスタムHTML」をドラッグし、「サイドバーウィジェット」に貼り付けます。
![](https://kotomam-blog.com/wp-content/uploads/2023/04/名称未設定のデザイン-1-1024x576.jpg)
「サイドバーウィジェット」の中に「カスタムHTML」のボックスが出てきます。
(3)「タイトル」をTwitterにし、
「内容」に先ほどコピーしたリンクを貼り付けて「保存」をクリックします。
![](https://kotomam-blog.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-28-135633.png)
「保存しました」となれば完了です!
![](https://kotomam-blog.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-28-142038.png)
スポンサーリンク
保存を押しても、くるくる回ったまま一向に進まない場合
下の画面のように「保存」クリックしたあと、
「保存」の横で〇がずっとくるくる回っていて
保存ができない場合があります。
![](https://kotomam-blog.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-28-140311.png)
その場合、サーバーのWAF設定を一時的にOFFにする必要があります。
「コノハウィング」を使っている場合で解説します。
(1)コノハウィングにアクセスし、メールアドレス、パスワードを入力しログインする
ログイン画面はこちら>>コノハウィング
![](https://kotomam-blog.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-28-102735-1024x637.png)
(2)コノハウィングになっていることを確認し、
「サイト管理」をクリックし、「サイトセキュリティ」をクリックします。
「WAF」をクリックし、「利用設定」がONになっているのでOFFにします。
![](https://kotomam-blog.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-28-141322-1024x467.png)
もう一度、上記に記載しているステップ②から
やってみるとすぐに「保存しました」となります。
(3)保存ができたら、コノハウィングの「WAF」の利用設定をONに戻します。
今回、コノハウィングで解説しましたが、ご契約中のサーバーで確認してみてくださいね!
![](https://kotomam-blog.com/wp-content/uploads/2023/03/cropped-5DD9870B-DA8E-45B0-AED7-A503DF8AEA74-300x300.jpeg)
お疲れさまでした😊
まとめ
いかがでしたか?
今回は、Twitterをサイドバーに埋め込む手順を紹介しました😊
意外と簡単にできますよね✨
ブログのトップページを充実させましょう😊
まだ、WordPressブログを開設していない方は、
こちらの記事を参考にしてみてください。
AFFINGER6の導入について迷っている方は、
こちらの記事を参考にしてみてください😊