ブログにTwitterの特定のツイートを埋め込む方法

- 2020年10月27日
見直しして少し書き換えました。
今日はブログにTwitterの特定のツイートを埋め込む方法をご紹介します。
この方法はWord Pressで作成したブログだけでなく、無料ブログなどでも特定のツイートを埋め込む事ができます。
「ブログでこのツイートを紹介したい」場合に参考にしてください。
特定のツイートをブログに埋め込む方法
CSSを使ってソーシャルボタンを作ってみた! / https://t.co/z9jLYoMswC#ブログ更新 #ブログ初心者 #ブログ
— 結耶@アフィリエイト初心者 (@yuu_ms715) September 23, 2019
埋め込むコードを取得する
アプリからコードを取得するには?
アプリでツイートの横の をクリックしても「ツイートを埋め込む」という項目はありません。
アプリの場合は、埋め込みたいツイートの右下にある共有ボタンをクリック→「ツイートのリンクをコピー」をクリックしてURLをコピーしてください。
URLをコピーしたら「Twitter Publish」を開き、コピーしたURLを入れて → をクリックするとコードが表示されます。
表示のカスタマイズ
テーマの色やリンク色を変更できます。

3テーマ
『Light (白)』または『Dark (濃いグレー)』どちらかを選択してください。
4ツイート内のリンク色
ツイート内のリンク色を選択してください。
5表示する言語
表示する言語を選択してください。(「Automatic(自動)」のままでいいと思います。)
設定が完了したらUpdateをクリックしてからコードをコピーしてください。
記事にコードを貼り付ける
コードがコピーしたら記事にコードを貼り付けてください。
テーマの色/リンクの色はコードを貼り付けた後でも変更可能です。
《テーマの色を変更する場合》
コード内に『data-theme="✕✕"』という記述がありますので、「✕✕」の部分を『light(白)』または『dark(濃いグレー)』に変更してください。
《リンクの色を変更する場合》
コード内の『data-link-color="✕✕"』という記述がありますので、「✕✕」の部分を変更してください。
《記述がない場合》
上記を追加すれば変更できます。
まとめ
テーマの色がlightかdarkしかないのは残念なところではありますね^^;
自分のツイートだけではなく、他の人のツイートもブログに埋め込む事ができます。
(ただし、ツイートが非公開(フォロワーのみがみられる設定)になっているツイートは埋め込みしても表示されません。)
ツイートを紹介したい時などに使ってみてください。
ブロックエディタのブロックを利用して記事に埋め込むこともできます。
ブロックエディタでの埋め込み方法については以下の記事を参考にしてください。
ディスカッション
コメント一覧
まだ、コメントがありません