Twitter Proアカウントで表示されるプロモーションボタンを非表示にする方法

Twitter Proアカウントでプロモーションするというボタンが表示されるようになりましたね。あれ、すごくウザいですよね。今回は、そのプロモーションボタンをCSSを使って見えなくする方法を紹介したいと思います。

■環境

・Windows11 Pro
・Google Chrome

■ダウンロード

以下の拡張機能をダウンロードしておいて下さい。
Stylus – Chrome ウェブストア

■実践編

１：Twitterのホーム画面に移動する

２：拡張機能「Stylus」のアイコンを左クリック

３：次のスタイルを書くの下のところにあるリンク「twitter.comこのURL」をクリック

４：以下のCSSをコピーして貼り付ける。

/*
デフォルトテーマ用CSS
「プロモーションする」を非表示
*/
a.css-4rbku5.css-18t94o4.css-1dbjc4n.r-1niwhzg.r-1ets6dv.r-sdzlij.r-1phboty.r-rs99b7.r-1loqt21.r-1s2bzr4.r-2yi16.r-1qi8awa.r-1ny4l3l.r-ymttw5.r-o7ynqc.r-6416eg.r-lrvibr {
    display: none;
}

/*
ダークブルー・ブラックテーマ用CSS
「プロモーションする」を非表示
*/
a.css-4rbku5.css-18t94o4.css-1dbjc4n.r-1niwhzg.r-sdzlij.r-1phboty.r-rs99b7.r-1loqt21.r-1s2bzr4.r-2yi16.r-1qi8awa.r-1ny4l3l.r-ymttw5.r-o7ynqc.r-6416eg.r-lrvibr {
    display: none;
}

/* ツイートのアナリティクスのプロモーションボタンを非表示 */
div.css-1dbjc4n.r-1habvwh.r-14lw9ot.r-1ets6dv.r-1phboty.r-5kkj8d.r-1p0dtai.r-18u37iz.r-1d2f490.r-494qqr.r-gtdqiz{
    display: none;
}

/* ダークブルーテーマ用CSS ツイートのアナリティクスのプロモーションボタンを非表示 */
div.css-1dbjc4n.r-1habvwh.r-yfoy6g.r-wrkyx5.r-1phboty.r-5kkj8d.r-1p0dtai.r-18u37iz.r-1d2f490.r-494qqr.r-gtdqiz{
    display: none;
}

/* ブラックテーマ用CSS　ツイートのアナリティクスのプロモーションボタンを非表示 */
div.css-1dbjc4n.r-1habvwh.r-kemksi.r-1kqtdi0.r-1phboty.r-5kkj8d.r-1p0dtai.r-18u37iz.r-1d2f490.r-494qqr.r-gtdqiz{
    display: none;
}

/* ツイートの下に表示されるプロモーションボタンを非表示 */
a.css-4rbku5.css-18t94o4.css-1dbjc4n.r-42olwf.r-sdzlij.r-1phboty.r-rs99b7.r-1loqt21.r-c8eef1.r-2yi16.r-1qi8awa.r-1ny4l3l.r-ymttw5.r-o7ynqc.r-6416eg.r-lrvibr{
    display: none;   
}

５：一番下の適用先のURLをhttps://twitter.com/ にする

６：左上にある名前を「Twitter Proでプロモーションボタンを非表示」にする

７：サイドバーにある保存ボタンをクリックする

８：Twitterに移動して、ちゃんとプロモーションボタンが非表示になっていることを確認して終了する

■参照

【Twitter Pro】「プロモーションする」を非表示にする方法。CSSを使ってみよう！ | ナポリタン寿司のPC日記