【3分で解決!】CocoonでTwitter(ツイート)を埋め込む方法

ブログ運営
  • ブログにTwitterのツイートを埋め込みたい
  • クチコミとして他のひとのツイートを利用したい
  • 他のひとのツイートを埋め込んでも問題ないの?

 

「ブログにTwitterのツイートを埋め込みたいけどわからない」 というひとは、けっこういます。

わたしも 「どうやって埋め込むの?」 と思っていました。

でも やり方は超簡単! 3分でできるようになりますよ。 

サクっと解決して記事作成に時間を使いましょう!

 

この記事を読めば、3分後にはあなたのブログに他の人のツイートが埋め込まれていますよ。

ツイートを埋め込むことができれば、Twitter上でのクチコミをあなたのブログにのせることができますね!

あわせて読みたい

Twitterのタイムラインを埋め込む方法は、「【3分で解決!】CocoonでTwitterのタイムラインを埋め込む方法」で解説しています。

 

スポンサーリンク

ツイートを記事に埋め込む方法

埋め込む手順は、次の2つだけです。

  1. Twiiterから埋め込むコードをコピーする
  2. コピーしたコードを記事に貼り付ける

それぞれ解説します。

使っているエディターによりやり方が違うので、それぞれ解説していきます。

  

Gutenberg(グーデンベルグ)の場合

手順1:Twitterから埋め込みコードをコピー

埋め込みたいツイートをクリックします。

Twitter コピーしたいツイートをクリック

埋め込みたいツイートページが開くので、URLをコピーします。

Twitter URLをコピー
くりけん
くりけん

これでTwitterの操作は完了です!

 

手順2:コピーしたコード を記事本文に貼り付け

Twitterを埋め込みたい行で、ブロックエディターの「+」マーク(ブロック追加)をクリックします。

Wordpress 「+」クリック

ブロック選択画面が表示されるので、「Twitter」をクリックします。

Wordpress 「Twitter」クリック

「Twitter」が表示されていなければ、「すべて表示」をクリックします。

Wordpress 「すべて表示」クリック

ブロックの一覧「埋め込み」内の「Twitter」をクリックします。

Wordpress 「埋め込み」>「Twitter」クリック

「Twitter URL」にTwitterでコピーしたURLを貼り付け、「埋め込み」をクリックします。

埋め込まれたツイートが表示されます。

Wordpress 埋め込み表示
くりけん
くりけん

以上で完了です。簡単だったでしょう^^

 

実際のプレビュー画面は次のようになります。

プレビュー表示

 

スポンサーリンク

クラシックエディターの場合

手順1:Twitterから埋め込みコードをコピー

埋め込みたいツイートの右上の「・・・」をクリックします。

Twitter 「・・・」をクリック

「 </> ツイートを埋め込む 」をクリックします。

Twitter 「ツイートを埋め込む」をクリック

コード作成画面が開きます。

「Copy Code」をクリックしコードをコピーします。

Twitter 「CopyCode」をクリック

コピー完了画面がでれば、完了です。

Twitter コピー完了画面
くりけん
くりけん

これでTwitterの操作は完了です!

 

手順2:コピーしたコード を記事本文に貼り付け

エディターの右上「テキスト」をクリックし、テキストエディターを開きます。

Wordpress 「テキスト」クリック

ツイートを追加したい位置にTwitterでコピーしたコードを貼り付けます。

Wordpress 「テキスト」にコードを貼り付け
くりけん
くりけん

以上で完了です。簡単だったでしょう^^

 

実際のプレビュー画面は次のようになります。

プレビュー画面

他のひとのツイートを記事に埋め込んでもいいの?

結論、埋め込んで問題ありません。

Twitterに投稿するということは、公然の場に公開していることになります。

そのため 無断でツイートを引用したとしても問題ありません。 

公式のTwitterヘルプセンター「よくある質問」への回答でも、埋め込みOKと回答がされています。

>> (公式)Twitterのヘルプセンター「よくある質問」

スポンサーリンク

まとめ : ツイートの埋め込みは超簡単!

この記事では、Twitterのツイートを埋め込む方法をエディターごとに解説しました。

ツイートを埋め込む方法を2つだけです。

ツイートを埋め込む手順
  1. Twitterから埋め込みコードをコピー
  2. コピーしたコードを記事本文に貼り付け

 

ここまで読んでいただけたなら、もうあなたの記事にツイートが埋め込まれているのではないでしょうか。

ツイートを埋め込むことができれば、 Twitter上のクチコミなどをあなたのブログにのせることができる ので、有効に活用していきましょう!

 

あわせて読みたい

Twitterのタイムラインを埋め込む方法は、「【3分で解決!】CocoonでTwitterのタイムラインを埋め込む方法」で解説しています。ぜひあわせてご覧ください♪

 

この記事が参考になれば、フォローかブックマークしてくれるとうれしいです^^

ブログ運営
くりけんをフォローする
スポンサーリンク
アラフォーからのライフハック
タイトルとURLをコピーしました