【YouTube】トップページのおすすめとかショート欄とか非表示CSS
2023年05月頃から、PCで「YouTube」のトップページにアクセスしたら、動画のサムネイル行の間に「あなたにおすすめのチャンネル」とか「他の視聴者はこちらも見ています」とか「ショート」とか余計なコンテンツが挿入されることが多くなりました。

あるときはショートというコンテンツが表示されます。

僕は純粋なサムネイル群を見たいのでこういった間に挿入されるコンテンツは不要です。恐らく標準の設定からは消せません。CSSを利用することで消せます。不要だと思う方参考にしてみてください。いつでもオンオフできます。
本記事はChrome拡張機能・Firefoxアドオンを利用できるPCブラウザ限定です。スマホやタブレットのアプリ版ではできません。
インストール方法
Chromeウェブストアからインストールできます。
Chrome拡張機能だけでなく「Microsoft Edge」と「Firefox」版もあります。本記事では「Stylebot」を紹介しますが「Stylus」などでもOKです。僕はメインでは「Stylus」を使っています。
「Chromeに追加」をクリックします。

「拡張機能を追加」をクリックします。

拡張機能のオーバーフローメニューに追加されたらOKです。

頻繁に開く場合は拡張機能のオーバーフローメニューを開いて「Stylebot」の隣にあるピン留めアイコンをクリックします。ツールバーに直接配置されます。

詳しい使い方を知りたい方は以下の記事を参考にしてみてください。
トップページの「おすすめ」コンテンツ非表示CSS
スタイルシートを開く
Chrome拡張機能をインストールしたブラウザで「YouTube」にアクセスします。右上にある「Stylebot」の拡張機能アイコンを左クリック→「Stylebotを開く」をクリックします。

右側に白紙のサイドバーが表示されます。もし初めて「Stylebot」を起動した場合は「ベーシック」という画面が表示されます。下部にある「コード」をクリックすると、白紙のスタイルシート画面を開けます。
CSSを書き込む
以下のコードを書き込みます。
/*トップページのショート動画削除(2024年12月26日修正)*/
div#dismissible:has(#icon path[d^="m19.45,3.88c1.12,1.82.48"]) {
display: none !important;
}
本記事のCSSは僕が適当に作成したコードです。皆さんの環境によっては使えなかったり、サイト側の仕様変更でいつの間にか使えなくなる可能性もあります。
もし書き込んでも反映されない場合、問い合わせより教えていただければ幸いです。初心者の僕ができる範囲で修正したいと思います。
下記画像のようになればOKです。右上の「×」でスタイルシートを閉じます。

再度拡張機能ボタンを押して、登録したサイト(例:www.youtube.com
)がオンになっていることを確認します。オンになっている間は有効になっているということです。
消えたか確認する
丸々コンテンツが非表示になります。ショートやあなたにおすすめのチャンネルなどどの場合でも消えると思います。

CSSの適用範囲を結構おおざっぱに指定したので、もしかしたら思わぬところも消えているかもしれません。YouTubeの仕様変更により使えなくなる場合もあります。
一時的に無効化したい場合は「Stylebot」拡張機能アイコンを左クリック→「www.youtube.com
」をオフにします。完全に使わなくなった場合は書き込んだコードを削除します。
【拡張機能】ショート動画が完全に不要!消したい!という場合
そもそもショート動画を「YouTube」上から非表示にしたい場合、「No YouTube Shorts」という拡張機能がおすすめです。
導入することで「YouTube」上のショート動画が表示される項目が非表示になります。チャンネルページ、ホーム、左側のショート、関連動画内のショート項目などです。
【拡張機能】ショート動画を通常動画に変換する方法
上記で紹介した「No YouTube Shorts」拡張機能はショート動画を丸々非表示にする拡張機能です。
「ショート動画は見たい!だけどあの特殊なUIは苦手!通常の動画と同じように操作したい!」という場合「Youtube-shorts block」という拡張機能がおすすめです。
ショート動画をクリックした時、自動的に通常動画のリンクにリダイレクトして再生してくれます。再生バーや各種ボタンなど通常動画と同じように操作できます。
他の関連CSS記事の紹介
他にも「YouTube」のショートやおすすめに関連する部分を非表示にするCSS記事を書いています。気になったのがあればクリックして参考にしてみてください。
- YouTubeの「他の人はこちらも視聴しています」を非表示にするCSS
- 【YouTube】関連動画の「ショート」項目を非表示にするCSS
- 【YouTube】検索結果のショート項目・動画を非表示にするCSS
特に検索結果の「他の人はこちらも視聴しています」、「あなたへのおすすめ」、「未視聴のチャンネル」などを消すCSSが超おすすめです。
感想
以上、PCウェブサイト版「YouTube」のトップページの間に表示される「あなたにおすすめのチャンネル」、「ショート」などのコンテンツ行を、丸々非表示にするCSSでした。
余談ですが「YouTube」のトップページの一行に表示されるサムネイル数は拡張機能を導入することで任意の数に増やせます。