YouTubeの左側にある「ショート」項目を非表示にするCSS

Stylebot&Stylus

Stylebotのアイコン

この記事では、YouTubeの左側サイドバーの「ショート」という項目を非表示にするCSSについて書きます。

ウェブサイトに自分で作成したCSSを適用できるChrome拡張機能「Stylebot」を使います。

YouTubeの左側サイドバーにある「ショート」タブを非表示にしてみたイメージ画像

本記事で紹介するCSSを使えば、YouTubeの左側サイドバーにある「ショート」タブを非表示にできます。

ショート動画を利用しない人におすすめです。

ショート動画って、PCで見る時、かなり見にくいと思いませんか?再生バーがないので、巻き戻しやスキップが一切できません。唯一クリック(タップ)で一時停止できるくらいです。コメント欄を開くのも一苦労でめんどくさいです。

「それなら、いっそのことアクセスできないようにしたらいいじゃん!」と思ったので、本記事では、ショート動画にアクセスする一番の近道であろう左側サイドバーの「ショート」を非表示にする方法について書きます。

「ショート動画うざい!消したい!」という方、ぜひ試してみてください。

本記事で紹介するウェブサイトにCSSを適用できる拡張機能「Stylebot」は、Chrome拡張機能だけでなく、Firefox、Microsoft Edgeアドオンも用意されています。

こちらの拡張機能と併用すると、より快適かも!?

本記事では、左側サイドバーの「ショート」項目を非表示にするだけです。急上昇、ホーム、各チャンネルに表示されるショート動画は、これまで通り表示されます。

そこで、そちらの方のショート動画を非表示にするChrome拡張機能「No YouTube Shorts」と併用すると、より快適になるかもしれません。

No YouTube Shortsのイメージ画像

前提

この記事は、既にStylebotをインストールして、なおかつ簡単な使い方を知っている前提です。ウェブサイトに、自分で作成したCSSを適用できるChrome拡張機能です。

まだインストールしていない方は、以下の記事を参考にしてみてください。

Firefoxをご利用の場合

Chrome拡張機能だけでなく、Microsoft EdgeFirefox版もあります。

Firefoxをご利用の方は、以下のFirefoxアドオンストアからインストールできます。

「Firefoxへ追加」をクリックします。

Vivaldiブラウザを利用していて、サイドバーのウェブパネルにもCSSを適用したい場合は、「Stylus」がおすすめです。こちらは、ウェブパネル内にもCSSを適用できます。

CSS

YouTubeにアクセスします。

Stylebotを使っている人は、右上の拡張機能アイコン→「Stylebotを開く」をクリックします。

拡張機能ボタン Stylebotを開く

Firefoxで、Stylusを使っている方は、右上の拡張機能アイコン→「次のスタイルを書く」の「www.youtube.com」をクリックします。新しいタブでスタイルシートが表示されるので、書き込んでいきます。書き込めたら、忘れずに「保存」をクリックします。

書き込むコードは、以下になっています。Stylebot、Stylusどちらも一緒です。

/*左側サイドバーの「ショート」項目を非表示*/
a#endpoint[title="ショート"] {
  display: none !important;
}

下記画像のようになればOKです。

Stylebot 左側サイドバーの「ショート」項目を非表示にするCSSを書き込んだ画面

瞬時にYouTubeの左側ナビゲーション項目の「ショート」が非表示になります。探索と登録チャンネルの間が詰められます。

ショートタブを非表示にしてみた画像

サイドバーのタブを非表示にするだけなので、各チャンネルのホームページ、急上昇(探索)のショート欄は、これまで通り表示されます。

各チャンネル、急上昇の間に表示されるショート動画は、これまで通り表示される

ショートのURL(https://www.youtube.com/shorts/〇〇〇)を直接開いた時も、正常に再生されます。

一時的に表示させたい場合は、YouTubeにアクセスして、拡張機能ボタンの「www.youtube.com」をオフにします。

「www.youtube.com」のオフ

感想

以上、YouTubeの左側サイドバーの「ショート」タブを非表示にするCSSについてでした。

まぁ押さなければいいだけなので、あんまり需要はないかもしれませんねー。見栄えが少しスッキリするかな?といった感じです。

Posted by ナポリタン寿司