スポンサーリンク

ブロックエディタ(Gutenberg) | Twitterのツイートやタイムラインを記事に埋め込む方法

WordPress

以前、Twitterのツイートやタイムラインを記事に埋め込む方法を紹介したことがあります。
Twitter Publish』でツイートやタイムラインのコードを取得して記事に貼り付ける方法です。

もちろん以前紹介した方法でも記事にTwitterのツイートやタイムラインを埋め込むことはできます。

ですが、ブロックエディタの「Twitterブロック」を使えばTwitter Publishでコードを取得しなくても記事にツイートやタイムラインを埋め込むことができます。

なので今回はブロックエディタのTwitterブロックを使って埋め込む方法を紹介したいと思います。

スポンサーリンク

Twitterのツイートやタイムラインを埋め込む

ではブロックエディタの「Twitterブロック」を使ってツイート、タイムラインを記事に挿入してみましょう。

ツイートを埋め込む

右上の「+」をクリックして、ブロック一覧から「Twitter」ブロックを選択します。(Twitterブロックは『埋め込み』の中にあります。)

次にTwitterから表示したいツイートのURLをコピーします。

表示したいツイートの下の(赤枠の)共有ボタンをクリックして「ツイートのリンクをコピー」をクリックするとコピーできます。

コピーしたURLを貼り付けて埋め込み込ボタンをクリックします。

これで記事にツイートを埋め込むことができます。

きらり
きらり

結耶が前に教えてくれた方法より簡単だね。

結耶
結耶

そうだよね(*^^*)手軽にツイートを記事に埋め込めるね。

タイムラインを埋め込む

タイムラインの埋め込み方法はツイートと同じです。

表示したいユーザーのプロフィールのURLをコピーして貼り付ければタイムラインを表示することができます。

示されない場合

タブレットやスマホなどのモバイル版TwitterでプロフィールのURLをコピーして貼り付けるとタイムラインは表示されません。モバイル端末をお使いの場合はPC版Twitterでコピーして貼り付けてください。

きらり
きらり

へぇ~。URLを貼り付けるだけでいいんだね。

結耶
結耶

うん。Twitter Publishでコードを取得するより簡単でしょ!?

最後に

YouTubeを記事に埋め込む方法についても以前に記事に書きました。

YouTubeもコードを取得する必要はありません。表示したいYouTube動画のURLをコピーして貼り付けるだけで記事に埋め込むことができます。

埋め込むブロックには他にもInstagramやFacebookなどの様々なSNSのブロックがあります。
それらのSNSもURLを入力するだけで記事に埋め込めるようになっていますので、「記事に表示したいな~」というときは使ってみてください。

応援よろしくお願いします。
      ブログランキング・にほんブログ村へ

お問い合わせはこちら
この記事を書いた人
結耶(ゆうや)

2017年9月からブログを始め、2018年1月にWordPressに変更しました。知識ゼロのから始めた超初心者で、WordPressやHTML、CSSなど勉強したことを書いています。
愛知県在住。多発性硬化症(MS)という難病と闘っています。

登場キャラクター
きらり
きらり

ある日ひょっこり現れ住みついた居候(いそうろう)。今は結耶と一緒にWordPressやアフィリエイトのことを勉強している。
性別は♂ 。どこから来たかは不明。

楽天ROOM