ブログ運営

【超簡単】Twitterのツイートをブログに埋め込む方法【コピペOK】

2020年6月15日

ブログにツイッターを埋め込みたい!

そんな方のための記事です。

この記事でわかること

  • ツイートされた内容を埋め込む方法
  • タイムラインを埋め込む方法
  • 埋め込んだツイートのサイズを変える方法
  • フォローボタン付きタイムラインを埋め込む方法

【超簡単】Twitterのツイートをブログに埋め込む方法【コピペOK】

ツイートされた内容を埋め込む方法

https://twitter.com/otoyome_blog/status/1267280837076119552

 

↑こういうやつです。

手順

  1. 右上の「v」をクリックし、ツイートを埋め込むをクリック
  2. URLをコピー
  3. コピーしたURLを張り付ける

【手順1】右上の「v」をクリックし、ツイートを埋め込むをクリック

 

【手順2】URLをコピー

 

直接選択してコピーしてもいいですし、

 

[ Copy Code ]をクリックしてコピーしてもOKです。

[ Copy Code ]をクリックしてコピーした場合は、上記のようにチェックマークが出ればコピーできています。

【手順3】コピーしたURLを張り付ける

URLを直接貼り付ける方法

「https://twitter.com/otoyome_blog/status/1267280837076119552」

貼り付けたい場所にURLを張り付ければOKです。(「」はつけないでください。)

埋め込みからTwitterを選択して埋め込む方法

埋め込みからTwitterを選択し、URLを埋め込んでもOK。

テキストタブから埋め込む方法

テキストタブで埋め込みたい場所にURLを張り付けてもOK。

ご自分のブログの編集画面に合わせた方法で使ってみてください。

タイムラインを埋め込む方法

↑こういうやつです。

手順

  1. 埋め込みたいツイッターのアカウントを入力
  2. コードをコピーして貼り付け

【手順1】埋め込みたいツイッターのアカウントを入力し、矢印を押す

【手順2】下に画像が出てくるので左の画像をクリック

【手順3】作成されたコードをコピーして貼り付け

タイムラインの大きさを変える方法

デフォルトのままだと大きすぎるので、見やすいサイズに変更することもできます。

【手順1】[ set customization options ] をクリック

 

【手順2】サイズを変更する

[ Height ( 縦 ) ][ Width (横) ] が自由に決められます。

数字を入力すると、その都度大きさを変えて表示してくれます。

気に入ったサイズになったらコピーして貼り付ければOK。

タイムラインの背景色を黒にしたい場合は、[ Light ] から [ Dark ] に変更してください。

フォローボタンを埋め込む方法

↑こういうのです。

手順

  1. 埋め込みたいアカウントのURLを入力
  2. フォローボタンを選択
  3. コードを張り付ける

【手順1】埋め込みたいアカウントのURLを入力し、右の画像を選択

【手順2】フォローボタンを選ぶ

左上から、

  • シェアボタン
  • フォローボタン
  • メンションボタン(@ユーザーを含むツイート)
  • ハッシュタグボタン
  • メッセージボタン

となっています。

選択肢が3つしかない場合は、一番左を選んでください。

【手順3】コピーして貼り付け

タイムラインと組み合わせる場合


タイムラインとボタンを組み合わせることもできます。

表示したい部分にそれぞれ張り付けるだけです。

この場合は、タイムラインのコードを張り付けた後にボタンのコードを張り付けています。

ちなみに、このタイムラインのサイズは、450×450です。

番外編:ブログのサイドバーに埋め込む方法

WordPress から [ 外観 ]→[ ウィジェット ] で埋め込んでいきます。

タイトルは入れなくてもいいですが、あとでわかりやすいように「Twitter」とでもしておきましょう。

テキストで、コピーしたURLを入れていくだけです。

こんな感じで表示されます。

ウィジェットで埋め込む場所は自由に決められるので、

定番のサイドバーや、ブログの下に入れてみたり、ブログの使いやすさや見やすさなどで変えてみてくださいね。


ブログテーマならAFFINGER

初心者だからこそ、有料のテーマを使うべき。

  • なかなかPV数が増えない
  • 思うように稼げない
  • 思っているようなデザインのブログにならない

こんな悩みを持っていませんか?

AFFINGERは、1回「14,800円」の買い切りで、
テーマを無料のものからAFFINGERに変更しただけでPV数が増えた人が続出している超優秀なテーマ。

今だけ期間限定で「詳細ページ」から購入すると特別な特典が付いてきます。ぜひ、ご検討ください。

-ブログ運営

© 2020 おとよめブログ Powered by AFFINGER5