![](https://dicolt.com/wp-content/uploads/maruki-right.png)
SWELLでTwitterブロックを使ってツイート(ポスト)を埋め込もうとしたらうまくいきませんでした。
この記事を書く際にX(旧ツイッター)のポスト(ツイート)を埋め込もうとしたらうまくいかず、少し手間取ったので記事にまとめておきます。
![](https://dicolt.com/wp-content/uploads/Delete-Gmail-promotional-emails-in-bulk-top3-400x225.jpg)
![](https://dicolt.com/wp-content/uploads/Delete-Gmail-promotional-emails-in-bulk-top3-400x225.jpg)
Twitterブロックでツイート(ポスト)を埋め込むことができない…
埋め込みたかったのはこのツイート(ポスト)。
gmail の容量が15GBいっぱいになった件、一年以上前の未読の広告扱いされたメールとか不要やろってことで
— Kazuho Oku (@kazuho) October 18, 2023
is:unread category:promotions older_than:1y
で検索して全消した。使用量9.38GBまで下がった!
今回はPCのブラウザ上でこのツイート(ポスト)を表示させます。
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-01.jpg)
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-01.jpg)
右下に表示されている共有ボタンを押して、
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-02.jpg)
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-02.jpg)
『リンクをコピー』を選択。
このツイート(ポスト)のリンクURLをコピーします。
続いてWordPressの投稿画面へ。
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-03.jpg)
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-03.jpg)
Twitterブロックを挿入して「埋め込むURLをここに入力…」の箇所に貼り付け(ペースト)します。
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-04.jpg)
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-04.jpg)
こんな感じ。
この状態でEnterを押すと、
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-05.jpg)
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-05.jpg)
「このコンテンツを埋め込めませんでした。」
のエラーメッセージが表示されてしまいます。
ちなみに『リンクへ変換』を選択すると、
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-06.jpg)
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-06.jpg)
埋め込みではなくリンクとして表示されます。
カスタムHTMLブロックを使って埋め込んでみる
ということで別の方法を調べます。
どうやらカスタム HTMLブロックを使えば埋め込めるらしい。
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-07.jpg)
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-07.jpg)
今度はツイート(ポスト)の右上にある「・・・」アイコンを選択。
そして、
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-08.jpg)
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-08.jpg)
『ポストを埋め込む』を選択します。
すると、
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-09.jpg)
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-09.jpg)
こんな画面が表示されます。
右上の『Copy Code』を選択すると、
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-10.jpg)
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-10.jpg)
「Copied!」と表示されるので、右上の『×』を選択してウインドウを閉じます。
続いてWordPressの投稿画面へ。
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-11.jpg)
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-11.jpg)
カスタムHTMLブロックを挿入して、
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-12.jpg)
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-12.jpg)
先ほどコピーしたコードを貼り付け(ペースト)ます。
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-13.jpg)
![](https://dicolt.com/wp-content/uploads/sango-to-swell-how-to-embed-a-post-13.jpg)
『プレビュー』を選択すると、ツイート(ポスト)が埋め込まれています!
実際の投稿はこちらです。
![](https://dicolt.com/wp-content/uploads/Delete-Gmail-promotional-emails-in-bulk-top3-400x225.jpg)
![](https://dicolt.com/wp-content/uploads/Delete-Gmail-promotional-emails-in-bulk-top3-400x225.jpg)
【Twitterブロックで埋め込めない場合の対応方法は?】のおわりに
SWELLでは、HTMLブロックを使えばツイート(ポスト)を埋め込むことがわかりました。
SWELLはとても使い勝手がよく優秀なテーマですが、SANGOとの違いはちょこちょこあります。
つまずいた部分が出てきたら都度記事にまとめていきたいと思います。
\ この記事を読まれた方におすすめです! /
![](https://dicolt.com/wp-content/uploads/sango-to-swell-top4-400x225.jpg)
![](https://dicolt.com/wp-content/uploads/sango-to-swell-top4-400x225.jpg)
![](https://dicolt.com/wp-content/uploads/sango-to-swell-first-customize-top-400x225.jpg)
![](https://dicolt.com/wp-content/uploads/sango-to-swell-first-customize-top-400x225.jpg)
![](https://dicolt.com/wp-content/uploads/sango-to-swell-Banner-settings-400x225.png)
![](https://dicolt.com/wp-content/uploads/sango-to-swell-Banner-settings-400x225.png)
![](https://dicolt.com/wp-content/uploads/Set-a-link-on-profile-widget-400x225.jpg)
![](https://dicolt.com/wp-content/uploads/Set-a-link-on-profile-widget-400x225.jpg)
![](http://image.moshimo.com/af-img/3130/000000053838.jpg)
![](http://image.moshimo.com/af-img/3130/000000053838.jpg)
コメント
コメント一覧 (3件)
[…] 【SANGOからSWELLへ移行-04】Twitterブロックで埋め込めない場合の対応方法は? 2023年10月22日 […]
[…] 【SANGOからSWELLへ移行-04】Twitterブロックで埋め込めない場合の対応方法は? 2023年10月22日 […]
[…] 【SANGOからSWELLへ移行-04】Twitterブロックで埋め込めない場合の対応方法は? 2023年10月22日 […]