![おりょう](https://anatano-buki.com/wp-content/uploads/2020/04/Oryo1.png)
こんにちは。龍馬(@Ryoma_Anabuki)です。
新米ブロガーにとって、Twitterとの連携は「生命線」とも言えるほど、大変重要ですよね。
ブログを始めたばかりの頃は、誰も自分のブログに来てくれません。。。
アクセス数とか、ホント見ちゃダメですよね(笑)
そんな状態でも、Twitterで「新記事を投稿しましたよ〜!」と発信することで、少しずつアクセスを伸ばしていけるのが唯一の救いです。
ということで、本日は「TwittterとWordpressブログの関連付けに」ついて、わかりやすく説明していきます。
Twitterのタイムラインや投稿記事をブログに埋め込む 3つの方法
Twitterの埋め込みタイプは、大別すると下記の3パターンです。
- Twitterのタイムラインをブログの記事に掲載する方法
- Twitterのタイムラインをウィジェットとして、サイドバーに掲載する方法
- Twitterの特定の投稿記事を、ブログの記事に埋め込む(引用する)方法
![龍馬](https://anatano-buki.com/wp-content/uploads/2020/05/B-1-300x300.jpg)
Twitterのタイムラインをブログの記事に掲載する方法
![Twitterのタイムライン(常に最新の投稿)をブログの記事に掲載する方法](https://anatano-buki.com/wp-content/uploads/2020/04/twitter-logo-screen_89286-18-300x200.jpg)
Twitterのタイムラインとは下記のようなものです。(私のTwitterを埋め込みました。)
いかがでしょうか? 上下にスクロールすると、最新→過去の投稿記事を見られますよね?
ぶっちゃけ、この方法が最も簡単です(笑)
<具体的な設定方法>
①まずChromeやSafariなどのブラウザーで「Twitter」にログインし、「プロフィール」を選択します。
②ブラウザーに表示された「URL」をコピーします。
「https://twitter.com/XXXXXXXXX ←ここにあたなの「アカウント名」が表示されているはずです。
![](https://anatano-buki.com/wp-content/uploads/2020/04/スクリーンショット-2020-04-27-16.47.11k-300x220.png)
③その後、WordPressの記事の中に、②でコピーしたURLを貼り付けるだけです。
※「ビジュアル」で見ると、下記のようにURLが貼られているだけのように見えますが、「プレビュー」してもらえれば、「URL → タイムライン」に変換されていることがわかると思います。
![](https://anatano-buki.com/wp-content/uploads/2020/04/スクリーンショット-2020-04-27-16.49.24f-300x189.png)
・Twitter プロフィールのURLをコピペするだけ!
・常に最新記事が表示されてしまため、ブログの記事には埋め込みずらい
![龍馬](https://anatano-buki.com/wp-content/uploads/2020/05/B-1-300x300.jpg)
Twitterのタイムラインをウィジェットとして、サイドバーに掲載する方法
![Twitterのタイムラインをウィジェットとしてサイドバーやフッターに掲載する方法](https://anatano-buki.com/wp-content/uploads/2020/04/woman-showing-twitter-icon_53876-71119-300x246.jpg)
この方法は、以前、当ブログで紹介した「アフィリエイト広告をウィジェットとしてサイドバーに掲載する方法」にとても似ています。
もし詳しい手順を知りたい人は、下記の記事を参考にしてください。
![](https://anatano-buki.com/wp-content/uploads/2020/04/photo-1518665750801-883c188a660dkk-320x180.jpg)
<具体的な設定方法>
①まずChromeやSafariなどのブラウザーで「Twitter」にログインし、「プロフィール」を選択します。
②ブラウザーに表示された「URL」をコピーします。
③ウィジェット用にちょっと加工する必要があるので、Twitter公式ツールに飛びます。
![](https://anatano-buki.com/wp-content/uploads/2020/04/スクリーンショット-2020-04-28-2.36.11-300x169.png)
上図のようにTwitterのURLを貼り付け、「→」を押します。
![](https://anatano-buki.com/wp-content/uploads/2020/04/スクリーンショット-2020-04-28-2.36.57-300x240.png)
表示オプションを尋ねられますので「Embedeed Timeline(埋め込み形式のタイムライン)」を選択してください。
![](https://anatano-buki.com/wp-content/uploads/2020/04/スクリーンショット-2020-04-28-2.37.48-300x157.png)
このままだと、すっごく縦長で使いづらいウィジェットになってしまうので「set customization option」を押してください。
![](https://anatano-buki.com/wp-content/uploads/2020/04/スクリーンショット-2020-04-28-2.38.47-1-300x264.png)
いろいろ試しましたが、Height(px)を500、Width(px)を600に設定するのがオススメです。(あとで変更できます)
また日本語のブログに埋め込む場合は、Japanese(日本語)を選択しましょう。
「Update」→「Copy Code」と進んでください。
![](https://anatano-buki.com/wp-content/uploads/2020/04/スクリーンショット-2020-04-28-14.18.01-300x138.png)
うまく変換できていれば、下記のような画面がポップアップします。
![](https://anatano-buki.com/wp-content/uploads/2020/04/スクリーンショット-2020-04-28-1.53.49-300x184.png)
④それではWordpressに戻りましょう。
「外観」→「ウィジェット」に進み、「カスタムHTML」を選択します。
ウィジェットを表示したい場所(サイドバー、等)を選んで「ウィジェットを追加」しましょう。
![](https://anatano-buki.com/wp-content/uploads/2020/04/スクリーンショット-2020-04-28-0.49.48l-291x300.png)
「タイトル」を決めたら、「内容」の部分に、③でコピーしたURLを貼り付けて完成です。
![](https://anatano-buki.com/wp-content/uploads/2020/04/eeeeeee-199x300.png)
![龍馬](https://anatano-buki.com/wp-content/uploads/2020/05/B-1-300x300.jpg)
Twitterの特定の投稿記事を、ブログの記事に埋め込む(引用する)方法
![Twitterの特定の投稿記事を、ブログの記事に埋め込む(引用する)方法](https://anatano-buki.com/wp-content/uploads/2020/04/pile-3d-twitter-logos_1379-879-300x200.jpg)
それでは最後の埋め込み方法をご紹介します。
実際、ブログを書く際は、この方法が最も使われかもしれませんね。
<具体的な設定方法>
まず埋め込みたいTwitterの記事の右上「v」をクリックします。
![](https://anatano-buki.com/wp-content/uploads/2020/04/スクリーンショット-2020-04-28-1.17.23-272x300.png)
すると、下記のような選択肢が現れますので、「</>ツイートを埋め込む」を選択します。
![](https://anatano-buki.com/wp-content/uploads/2020/04/スクリーンショット-2020-04-28-1.17.40-300x123.png)
そうすると、勝手にこんな画面に飛びます。
「Copy Code」を押しましょう。
![](https://anatano-buki.com/wp-content/uploads/2020/04/スクリーンショット-2020-04-28-1.52.31-288x300.png)
うまく変換できていれば、下記のような画面がポップアップします。
![](https://anatano-buki.com/wp-content/uploads/2020/04/スクリーンショット-2020-04-28-1.53.49-300x184.png)
その後は、WordPress ブログの記事に先ほどのURLをコピペするのですが、
「ビジュアル」ではなく「テキスト(HTML)」を選択してから、コピペしてください。
こんな感じです。( は改行です。この間にコピペしましょう)
![](https://anatano-buki.com/wp-content/uploads/2020/04/スクリーンショット-2020-04-28-1.57.09-300x88.png)
その後、「ビジュアル」に戻ると下記のような見え方をしますので、ちょっと驚くかもしれません。
![](https://anatano-buki.com/wp-content/uploads/2020/04/スクリーンショット-2020-04-28-1.57.39-300x192.png)
でもこれで問題ないです。
▼下記が実際の記事(みなさんが見ているTwitterの投稿記事)になります。
/
【完全無料】高解像度 ヘッダー画像の作り方
\▼下記で悩んでいる人向け
・フリーソフトでボケボケの画像しか作れなかった人
・有料のイラストソフトを購入したくない人▼この記事で解決!
・高画質 ヘッダー画像をすぐに作成可能https://t.co/OF7KUvygOT#ブログ初心者 #ブログ仲間募集中— 龍馬@ブロガー (@Ryoma_Anabuki) April 27, 2020
まとめ
今回はTwitterをWordpressブログに掲載するための3つの方法をご紹介しました。
- Twitterのタイムラインをブログの記事に掲載する方法
- Twitterのタイムラインをウィジェットとして、サイドバーに掲載する方法
- Twitterの特定の投稿記事を、ブログの記事に埋め込む(引用する)方法
![龍馬](https://anatano-buki.com/wp-content/uploads/2020/05/B-1-300x300.jpg)
是非、Twitterとブログを関連付けて、アクセス数を伸ばしてくださいね!
![おりょう](https://anatano-buki.com/wp-content/uploads/2020/04/Oryo1.png)
※逆に、ブログ記事をTwitterに投稿したい方は、下記の記事を参考にしてみてください。
![](https://anatano-buki.com/wp-content/uploads/2020/04/electronic-gadgets-with-notepad-twitter-icon_23-2147841375ddd-320x180.jpg)