TwitterのＸロゴを消す方法 パソコン版 デザイン変更をパソコン環境で

2023.04.04
スポンサーリンク
→

Twitterで、左上のXのアイコンを消すことができるようになります。パソコン環境限定です。

消去用のCSSをすぐに確認する

スポンサーリンク

変更のための準備

  • Twitterの設定では変更することができません。そこで、ブラウザの拡張機能Stylusを利用してXアイコンを削除します。
  • Stylusをすでに導入している場合はこの項目を飛ばして進んでください。

Stylusのインストール

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

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

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

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

Xロゴを非表示にする方法

Twitter左上のXロゴを非表示にする手順

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