Twitterの「おすすめユーザー」 表示しない方法 デザイン変更をパソコン環境で

2023.02.02
スポンサーリンク

Twitterで、次のことができるようになります。パソコン環境限定です。

  • 「おすすめユーザー」を非表示にする
  • 興味のない人、嫌いな有名人のアイコンを見たくない！

CSSをすぐに確認する

スポンサーリンク

変更のための準備

Twitterの設定では変更することができません。そこで、ブラウザの拡張機能Stylusを利用して非表示にします。

Stylusをすでに導入している場合はこの項目を飛ばして進んでください。

Stylusのインストール

次のサイトに行って、ブラウザにStylusをインストールします。

Stylus
Stylus でウェブのデザインを変更しましょう。これは、ユーザースタイルを管理するツールです。Stylus を利用すると、多くの人気サイト向けのテーマやスキンを簡単にインストールできます。
chrome.google.com

詳しいインストール手順の説明は以下をご覧ください。

Stylusの使用方法 パソコン環境でデザイン変更
CSSを変更するStylusの使用方法を実例を用いて説明します。 Stylusのインストール Stylusのインストール手順 次のサイトに行って、ブラウザにStylusをインストールします。 chromeに追加をクリックします。(Edgeの場合は許可の確認画面が表示されます。) ※Firefoxをご利用の場合はこちらか...
programming-cafe.com

「おすすめユーザー」を非表示にする方法

Twitterで「おすすめユーザー」を非表示にする手順

今回はトレンドの表示枠を非表示指定します。display:none;です。スペース進行中などの表示がある場合には消えずに表示されることがあります。div:nth-child(5)とすることで非表示にできますが、スペース進行中が表示されなくなると、下の説明欄が表示されなくなります。
  1. ブラウザでTwitterにアクセスしし、ブラウザ右上のSのマークをクリックします。
  2. 表示されているアドレス(「次のスタイルを書く」の下)の Twitter の部分をクリックします。
  3. 次のような画面が表示されます。
  4. CSSコードコード記入欄に以下を記入します。(コピペでよいです。) 
    div[aria-label="トレンド"] div div:nth-child(5) {
 display:none;
 }
    ※{と}による囲い忘れや空白にご注意ください。空白も含めて全て半角です。
    ※「おすすめユーザー」が非表示とならないときは、(5)の部分を、(4)とします。
  5. 左側の保存をクリックします。ブラウザのウィンドウを小さく表示している場合は左側に表示されませんので大きく表示してください。
  6. 以上で終了です。
  7. 編集する場合は、削除する(元に戻す)場合は右上のSのマーク、管理、twitter.com の順でクリックしておこなってください。削除は該当するアドレスの右側の×をクリックします。
スポンサーリンク