X（Twitter）ポスト埋め込みコード生成ツール
ポストのURLを貼るだけで、ブログやサイトに貼れる公式形式の埋め込みHTMLを生成します。テーマ・言語・会話の省略・リンクカードの非表示・配置をチェックでコードに反映でき、コピーして貼り付けるだけで使えます。
埋め込みコード（HTML）
ポストのURLを入力するとコードが生成されます
貼り付け手順
- 生成されたコードをコピーします。
- ブログ記事やサイトのHTML（WordPressならカスタムHTMLブロック）に貼り付けます。
- 公開すると、widgets.js が読み込まれてポストが整形表示されます。
※ コードはURLから組み立てているだけで、X API・oEmbedは使用しません。生成はブラウザ内で完結し、URLは外部に送信されません。実際の表示はwidgets.jsの読み込みによりサイト側で行われます。
使い方
- 1
ポストのURLを貼る
埋め込みたいポストのURL（…/status/数字）を入力します。
- 2
表示オプションを選ぶ
テーマ・言語・会話の省略・カード非表示・配置をチェックします。
- 3
コードをコピーして貼る
生成されたHTMLをコピーし、サイトのHTML部分に貼り付けて公開します。
ポスト埋め込みの仕組みと注意点
Xのポスト埋め込みは、<blockquote class="twitter-tweet"> とポストURL、そして widgets.js の読み込みスクリプトの組み合わせで成り立っています。ページが読み込まれると、scriptがblockquoteを整形済みのポスト表示に置き換えます。
WordPressなどでの貼り方
WordPressではカスタムHTMLブロックに貼り付けます。多くのCMSではURLをそのまま貼るだけで自動埋め込みされますが、テーマやダークモードを指定したい場合は、本ツールのコードを使うと細かく制御できます。
表示されないとき
埋め込みが表示されない場合は、widgets.jsのscriptが読み込まれているか、元のポストが公開（非公開・削除でない）かを確認してください。同一ページに複数埋め込む場合、scriptは1つだけで構いません。
よくある質問
- x.comとtwitter.comどちらのURLでもいい？
- どちらでも生成できます。…/status/数字 を含むURLであれば認識します。生成コードはそのまま動作します。
- scriptは毎回貼る必要がある？
- 同じページに複数のポストを埋め込む場合、widgets.jsのscriptは1つだけで十分です。重複しても害はありませんが、1回に整理すると軽くなります。
- ダークモードや言語は反映される？
- はい。data-theme・data-langなどの属性で指定でき、本ツールのチェックでコードに自動反映されます。
- URLは送信される？
- いいえ。コード生成はブラウザ内で完結し、URLが外部に送信されることはありません。実際の表示はサイト側のwidgets.jsが行います。
関連ツール
もっと詳しく知る｜関連の知見ノート
このツールのテーマを、運用ノウハウとして深掘りした記事です。
作った画像で、伸びる投稿を
画像付き投稿の予約配信と反応分析までXboostで完結。どのビジュアルが伸びるかがデータでわかります。
Xboostを無料で始める →