YouTubeの左側にある「ショート」項目を非表示にするCSS
この記事では、YouTubeの左側サイドバーの「ショート」という項目を非表示にするCSSについて書きます。
ウェブサイトに自分で作成したCSSを適用できるChrome拡張機能「Stylebot」を使います。
本記事で紹介するCSSを使えば、YouTubeの左側サイドバーにある「ショート」タブを非表示にできます。
ショート動画を利用しない人におすすめです。
ショート動画って、PCで見る時、かなり見にくいと思いませんか？再生バーがないので、巻き戻しやスキップが一切できません。唯一クリック（タップ）で一時停止できるくらいです。コメント欄を開くのも一苦労でめんどくさいです。
「それなら、いっそのことアクセスできないようにしたらいいじゃん！」と思ったので、本記事では、ショート動画にアクセスする一番の近道であろう左側サイドバーの「ショート」を非表示にする方法について書きます。
「ショート動画うざい！消したい！」という方、ぜひ試してみてください。
本記事で紹介するウェブサイトにCSSを適用できる拡張機能「Stylebot」は、Chrome拡張機能だけでなく、Firefox、Microsoft Edgeアドオンも用意されています。
本記事では、左側サイドバーの「ショート」項目を非表示にするだけです。急上昇、ホーム、各チャンネルに表示されるショート動画は、これまで通り表示されます。
そこで、そちらの方のショート動画を非表示にするChrome拡張機能「No YouTube Shorts」と併用すると、より快適になるかもしれません。
前提
この記事は、既にStylebotをインストールして、なおかつ簡単な使い方を知っている前提です。ウェブサイトに、自分で作成したCSSを適用できるChrome拡張機能です。
まだインストールしていない方は、以下の記事を参考にしてみてください。
Chrome拡張機能だけでなく、Microsoft EdgeとFirefox版もあります。
Firefoxをご利用の方は、以下のFirefoxアドオンストアからインストールできます。
https://addons.mozilla.org/en-US/firefox/addon/stylebot-web/「Firefoxへ追加」をクリックします。
Vivaldiブラウザを利用していて、サイドバーのウェブパネルにもCSSを適用したい場合は、「Stylus」がおすすめです。こちらは、ウェブパネル内にもCSSを適用できます。
CSS
YouTubeにアクセスします。
Stylebotを使っている人は、右上の拡張機能アイコン→「Stylebotを開く」をクリックします。
Firefoxで、Stylusを使っている方は、右上の拡張機能アイコン→「次のスタイルを書く」の「www.youtube.com」をクリックします。新しいタブでスタイルシートが表示されるので、書き込んでいきます。書き込めたら、忘れずに「保存」をクリックします。
書き込むコードは、以下になっています。Stylebot、Stylusどちらも一緒です。
/*左側サイドバーの「ショート」項目を非表示*/
a#endpoint[title="ショート"] {
display: none !important;
}下記画像のようになればOKです。
瞬時にYouTubeの左側ナビゲーション項目の「ショート」が非表示になります。探索と登録チャンネルの間が詰められます。
サイドバーのタブを非表示にするだけなので、各チャンネルのホームページ、急上昇（探索）のショート欄は、これまで通り表示されます。
ショートのURL（https://www.youtube.com/shorts/〇〇〇）を直接開いた時も、正常に再生されます。
一時的に表示させたい場合は、YouTubeにアクセスして、拡張機能ボタンの「www.youtube.com」をオフにします。
感想
以上、YouTubeの左側サイドバーの「ショート」タブを非表示にするCSSについてでした。
まぁ押さなければいいだけなので、あんまり需要はないかもしれませんねー。見栄えが少しスッキリするかな？といった感じです。