【2026年版】Xタイムラインが表示されない原因と対処法｜はてなブログの正しい設置方法

サイドバーは、ブログの“今”を見せる場所でもあります。

ブログに訪れた読者がXの発信に触れられれば、興味や信頼につながります。

※現在の仕様について
X（旧Twitter）の仕様変更により、タイムラインがそのまま表示されず「Tweets by ユーザー名」と表示されます。
クリックするとXのタイムラインに移動できるため、リンクとしては正常に機能しています。

この記事では、Xのタイムラインを設置する方法とあわせて、現在の仕様でも確実に表示させることができる一番おすすめの代替案（固定ポストの埋め込み）も解説します。

Xのタイムラインをサイドバーに設置するメリット

1. 最新の発信にすぐアクセスしてもらえる
2. ブログとXの導線をつなげられる
3. アクティブな発信者であることを伝えられる

現在はタイムラインがそのまま表示されない場合もありますが、プロフィールや投稿に直接アクセスしてもらえる導線として十分機能します。

【重要】現在の表示仕様について

現在、Xの仕様により、タイムラインは次のように表示されます。

• 「Tweets by ユーザー名」と表示される
• クリック（タップ）するとXのタイムラインに移動する

これは設定ミスではなく、現在の仕様によるものです。

リンクとして機能していれば問題ありません。

以前のようにタイムラインをそのまま表示することは難しくなっていますが、Xへの導線としては有効に活用できます。

① タイムラインのコードを取得する

1. https://publish.twitter.com/ にアクセス
2. 表示したいアカウントのURLを入力（例：https://twitter.com/ユーザー名）
3. 「埋め込みタイムライン」を選択
4. サイズや背景を設定（必要な場合）
5. 「コードをコピー」

※URLは twitter.com を使用するのがおすすめです。
x.com のURLだとうまく生成されない場合があります。

※幅（width）は空欄のままにするのがおすすめです。
空欄にするとサイドバー幅に合わせて自動調整されます。固定値を入れるとテーマによっては横にはみ出すことがあります。

② サイドバーに貼り付ける

1. はてなブログ管理画面 → 「デザイン」
2. 「カスタマイズ」→「サイドバー」
3. 「＋モジュールを追加」
4. 「</>HTML」を選択
5. コピーしたコードを貼り付ける
6. 「適用」→「変更を保存する」

これで設置完了です。

③ カスタマイズ（任意）

※このカスタマイズは、閲覧者の環境によりタイムラインが正常に表示されている場合のみ有効です

ヘッダーを非表示にしたい場合は、以下のように追記します。

<a class="twitter-timeline" data-chrome="noheader" ...>

data-chrome="noheader" を追加するだけで、上部のヘッダーが非表示になります。

一番おすすめ：固定ポストを埋め込む

現在はタイムラインの表示が不安定なため、固定ポストを埋め込む方法が最もおすすめです。

固定ポストなら確実に表示されるうえ、読者に見せたい内容をしっかり伝えることができます。

• 収益記事への導線を作れる
• プロフィールや実績をまとめられる
• クリック率が高くなりやすい

「とりあえず設置する」なら、まずは固定ポストを選んでおけば間違いありません。

どんなポストを固定すればいい？

例えばこんな内容のポストを固定しておくと効果的です👇

• ブログの簡単な紹介
• おすすめ記事へのリンク
• 実績や運営状況

固定ポストの埋め込み方法

やり方はタイムラインの埋め込みと同じです。

表示させたいポストのURL（例: https://twitter.com/ユーザー名/status/数字）をコピーして、https://publish.twitter.com/ に入力し、「埋め込み投稿」か「埋め込み動画」を選ぶだけです。

取得したコードは、②の手順と同じようにサイドバーのHTMLモジュールに貼り付けてください。

まとめ

Xのタイムラインは、コードを取得してHTMLモジュールに貼るだけで簡単に設置できます。

リアルタイムな発信をブログに表示できる便利な機能ですが、現在はXの仕様により表示が不安定な場合がある点だけ覚えておきましょう。

サイドバーに“動き”を加えるだけで、ブログの印象はぐっと変わります。

まずは固定ポストを1つ用意して、サイドバーに設置してみよう。

サイドバーをもっと整えたい方へ

プロフィールの整え方や、カテゴリーの装飾方法などもまとめています。