【X・Twitter】タイムラインから引用ポストを非表示にするCSS
この記事では、PCブラウザ版「X（旧Twitter）」上で、タイムラインの引用ポストを丸々非表示にするCSSを紹介します。
以前、引用ポストページの引用元を消す記事を公開しました。
https://www.naporitansushi.com/twitter-quote-tweet-source-hi...上記記事を見ていただいた方が、「引用元ではなく引用ポスト自体を消したいです！」と連絡くれたので本記事で紹介します。上記記事と同じくCSSを利用します。
自身の環境上だけの反映です。他人には影響しません。いつでも元に戻せます。
本記事は拡張機能を導入できるPCブラウザ向けです。スマホやタブレットのアプリ版ではできません。
拡張機能を利用できるブラウザアプリ（例：Kiwi Browserは2025年1月で開発終了なのでMicrosoft Edge CanaryやFirefox）などをインストールして、ブラウザ版から利用する場合はもしかしたら使えるかもしれません。
前提
「Stylebot」や「Stylus」などのCSSを適用できる拡張機能を既に導入している前提です。
タイムライン上の引用ポストを非表示にするCSS
スタイルシートを開く
「X（旧Twitter）」にアクセスします。インストールした「Stylebot」拡張機能アイコンを左クリック→「Stylebotを開く」をクリックします。
「Stylebotを開く」からだと、自動的に「x.com」単位での指定になります。URL内に含まれるドメイン名が「x.com」のページ全てで動作するという意味です。
つまり、引用ポスト（https://x.com/〇〇/status/〇〇/quotes）からも丸々消えてしまいます。
「引用ポストページでは除外したい。タイムライン上のみで動作させたい！」という場合は、ちょっとだけ方法が変わってきます。
「Stylebot」のアイコンを左クリック→「オプション」をクリックします。
スタイル→「新しいスタイルを追加」をクリックします。
二つのテキストボックスが表示されるので、一つ目に適用させたいURL、二つ目にCSSを書き込みます。
URL部分を「X（旧Twitter）」のタイムライン上だけで動作させるため「**x.com/home**」とします。前後のアスタリスク記号はワイルドカードです。
**x.com/home**
二つ目のCSS入力欄に下記で紹介するCSSを貼り付けます。貼り付けたら保存をクリックします。
右側に白紙のサイドバーが表示されます。
もし初めて「Stylebot」を起動した場合は「ベーシック」という画面が表示されます。下部にある「コード」をクリックすると白紙のスタイルシート画面を開けます。
CSSを書き込む
以下のコードを書き込みます。
/*タイムラインから引用ポスト非表示*/
div[data-testid="cellInnerDiv"]:has(article .r-1867qdf.r-rs99b7.r-1loqt21.r-1ny4l3l.r-1udh08x.r-o7ynqc.r-6416eg) {
display: none !important;
}もしかしたらフォントの大きさ・利用しているテーマによっては動作しないかもしれません。そこまで検証していません。僕の環境だとダークブルーテーマでは動作しました。
他のテーマで動かない場合は問い合わせページから教えていただければ幸いです。その際、本記事のURLを貼っていただけると何のことかすぐに理解できます。
下記画像のようになればOKです。右上の「×」でスタイルシートを閉じます。
再度拡張機能ボタンを押して、登録したサイト（例：x.com）がオンになっていることを確認します。オンになっている間は有効になっているということです。
消えたか確認する
タイムライン上から引用ポストが消えます。
一時的に無効化したい場合は、「Stylebot」拡張機能アイコンを左クリック→「x.com」をオフにします。完全に使わなくなった場合は書き込んだコードを削除します。
感想
以上、PCウェブサイト版「X（旧Twitter）」のタイムライン上から引用ポストを丸々消す方法でした。
余談ですが、本記事のスクリーンショットに映っているポスト下の各種ボタンは、以下の記事で紹介している拡張機能を利用することで、好きなようにカスタマイズできます。
