【YouTube】チャンネルページ上側のバナー画像とかをChrome拡張機能「Stylebotスタイルボット」で非表示！

スマホで読む方は横持ちがおすすめ。

１． YouTubeのページで Stylebotスタイルボットを開く。
２．「 Stylebotを開く」、次に「 コード」をクリックして空白のページを開く。
３．下のプログラミングっぽい文章をコピペして、 再読み込みボタンをクリック！

コピーボタン↓

/*【チャンネルページ】バナー画像*/
#page-header-banner {
  display: none;
}

/*【チャンネルページ】紹介文*/
yt-description-preview-view-model {
  display: none;
}

/*【チャンネルページ】SNSやブログとかのリンク*/
yt-attribution-view-model {
  display: none;
}

/*【チャンネルページ】プロフィール写真のサイズ*/
.yt-spec-avatar-shape--avatar-size-giant {
  width: 110px;
  height: 110px;
}
ビフォー（チャンネルページ）
アフター

以上で終わり！………やっぱりもう少し文字数を稼がせてください！

この記事では、パソコンの Googleグーグル Chromeクロームや Microsoftマイクロソフト Edgeエッジで、 YouTube チャンネルページ上側のバナー画像とかをプログラミングっぽい方法で非表示にします。

スマホやタブレットではできません。

Stylebotをダウンロードする手順（無料）

※左の画像は Chromeの画面

１． chromeウェブストアで Stylebotスタイルボットを検索して、「Chromeに追加」をクリックします。

２．「 Stylebotを追加しますか？」の画面で、「拡張機能を追加」をクリックします。

３．英語のページに飛ばされますが、無視して大丈夫！

４．①画面右上の 拡張機能ボタン、② 固定ボタンをクリックして、 Stylebotのショートカットを作ります。

チャンネルページのヘッダー画像とかを非表示にする手順（パソコンのみ）

① YouTubeのページで Stylebotスタイルボットを開いて、「 Stylebotを開く」をクリックします。

Stylebotが反応しないときは、画面左上の 再読み込みボタンをクリックしてから試してください。

②「 コード」をクリックして、③出てきた空白のページに、下のプログラミングっぽい文章をコピペします。

YouTubeのページが変になったら、 再読み込みボタンをクリックしてみてください。

コピーボタン↓

/*【チャンネルページ】バナー画像*/
#page-header-banner {
  display: none;
}

/*【チャンネルページ】紹介文*/
yt-description-preview-view-model {
  display: none;
}

/*【チャンネルページ】SNSやブログとかのリンク*/
yt-attribution-view-model {
  display: none;
}

/*【チャンネルページ】プロフィール写真のサイズ*/
.yt-spec-avatar-shape--avatar-size-giant {
  width: 110px;
  height: 110px;
}
ビフォー（チャンネルページ）
アフター

プログラミングっぽい文章がそれぞれ何をしているのか解説！

【チャンネルページ】バナー画像を非表示

/*【チャンネルページ】バナー画像*/
#page-header-banner {
  display: none;
}
ビフォー（チャンネルページ）
アフター

【チャンネルページ】紹介文を非表示

/*【チャンネルページ】紹介文*/
yt-description-preview-view-model {
  display: none;
}
ビフォー（チャンネルページ）
アフター

【チャンネルページ】SNSやブログのリンクを非表示

/*【チャンネルページ】SNSやブログとかのリンク*/
yt-attribution-view-model {
  display: none;
}
ビフォー（チャンネルページ）
アフター

【チャンネルページ】プロフィール写真を小さくする

/*【チャンネルページ】プロフィール写真のサイズ*/
.yt-spec-avatar-shape--avatar-size-giant {
  width: 110px;
  height: 110px;
}
ビフォー（チャンネルページ）
アフター

非表示にしたバナー画像とかを元に戻す方法

StylebotをOFFにして、非表示にしたバナー画像とかを元に戻す

YouTubeのページで Stylebotスタイルボットを開いて、YouTubeのURL（www.youtube.com）左側のスイッチを OFFにします。

Stylebotにコピペした文章を削除して、バナー画像とかを元に戻す

例えば、紹介したプログラミングみたいな文章には「display: none;」という英語が入っています。語尾の「e」だけ消して「display: non;」にすると、非表示にしたバナー画像とかが元に戻ります。

それ以外は、キーボードの「Backspace」キーを連打して元に戻したほうが良いかなと思います。

Stylebotを削除したい方へ

Stylebotのショートカットボタンから削除

１．①画面右上の Stylebotスタイルボットのショートカットを右クリック、次に、②「Chromeから削除」をクリックします。

２．「Stylebotを削除しますか？」の画面で「削除」をクリック！

拡張機能ボタンからStylebotを削除

１．①画面右上の 拡張機能ボタン、② ３点ボタン、③「Chromeから削除」の順にクリックします。

２．「Stylebotを削除しますか？」の画面で「削除」をクリック！

終わり！