超簡単にWordpressとTwitterを連携させる方法をご紹介します。
プラグインの使用もなく、10分ほどでできる作業なので、パソコン初心者の方でも安心してください。
今回作成するのはこちら。
![](https://assets-global.website-files.com/6436c85d6ee76a0dd96d28d2/643953c4aa776aa5095c2a9d_%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588-2020-09-02-15.55.58.webp)
ワードプレスに、自分のTwitterのタイムラインを埋め込む方法をご紹介します。
手順
まず簡単に手順のご説明をします。
①連携させたいTwitterのアカウントにログインする
②連携させるためのコードを取得する
③ワードプレスでサイドバーに追加する
それでは、早速やっていきます。
連携させたいTwitterアカウントにログインする
![](https://assets-global.website-files.com/6436c85d6ee76a0dd96d28d2/643953c5ea0f785750fa96e5_%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588-2020-09-01-18.02.08.webp)
まず最初に、連携させたいTwitterアカウントにログインします。
そのあと、サイドバーにある「プロフィール」又は自分のアイコンをクリックしてください。
するとURLが「https://twitter.com/アカウント名」になっていればOKです。
こちらをコピーして、https://publish.twitter.com/のページを開いてください。
連携させるためのコードを取得する
![](https://assets-global.website-files.com/6436c85d6ee76a0dd96d28d2/643953c5e74816874d368680_%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588-2020-09-01-18.02.46.webp)
https://publish.twitter.com/のサイトの飛べましたでしょうか。
これから、連携させるためのコードを取得していきます。
先ほどコピーしたTwitterのURLをこちらに貼り付けます。
![](https://assets-global.website-files.com/6436c85d6ee76a0dd96d28d2/643953c495d50d1a2deed7ea_%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588-2020-09-01-18.03.41.webp)
すると、Here are your display optionsと
「Embedded Timeline」
「Twitter Buttons」の2つの選択肢が表示されるので、「Embedded Timeline」をクリックします。
下記のような表示になったとおもいます。
![](https://assets-global.website-files.com/6436c85d6ee76a0dd96d28d2/643953c4300f2aa6a1cdd439_%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588-2020-09-01-18.06.39.webp)
今回はワードプレスのサイドバーに表示ができるサイズに調整していきたいので、
①「set customization options」をクリックします。
![](https://assets-global.website-files.com/6436c85d6ee76a0dd96d28d2/643953c4aa776a643c5c2a9e_%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588-2020-09-01-18.16.13.webp)
Widthに250、heightに300と入力し、languageはJapaneseを選択し、Updateをクリックします。
これで完了です。
②出来上がったコードをコピーして次に進みます。
ワードプレスのサイドバーに追加する
![](https://assets-global.website-files.com/6436c85d6ee76a0dd96d28d2/643953c69b2b8d618b902041_%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588-2020-09-01-18.22.07.webp)
ワードプレスを開きます。
サイドバーから「外観」→「ウィジェット」をクリックします。
![](https://assets-global.website-files.com/6436c85d6ee76a0dd96d28d2/643953c695d50dc03ceed7f1_%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588-2020-09-01-18.23.45-1.webp)
「テキスト」を選択し、追加したい箇所にドラッグ&ドロップしてください。
![](https://assets-global.website-files.com/6436c85d6ee76a0dd96d28d2/643953c6bfdefb55c143e7ad_%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588-2020-09-01-18.24.55.webp)
そしてテキストをクリックするとフォームが出てきますので、「テキスト」をクリックし
先ほどコピーした埋め込みコードを貼り付け、saveをします。
以上で完了です。
まとめ
このように、しっかりとご自身のブログとTwitterの連携ができました。
今回はサイドバーに貼り付けましたが、同じ要領で、好きな箇所に追加できますので是非試してください。