【U-NEXT】ホーム画面の邪魔な項目を消すCSS（拡張機能「Stylebot」）

スマホで読むときは、横持ちがおすすめです。

最速手順（パソコンのみ）

U-NEXTユーネクスト上で、Chromeクローム拡張機能「Stylebotスタイルボット」（無料）を開く。
「Stylebotを開く」➡「コード」を押して真っ白なページを開く。
下のCSSコードをコピペして、すぐに反映されれば完了。

コピーボタン↓

/*【ホーム画面】上部のおすすめ作品*/
div.sc-ea17ace4-1.hzXIzD {
  display: none;
}

/*【ホーム画面】お知らせ*/
div.sc-4ffd7a7e-0.cAWSBn {
  display: none;
}

/*ロゴ「U-NEXT」*/
div.sc-f5f2da94-6.iEUglb {
  display: none;
}

/*【ホーム画面】ポイント残高など*/
div.sc-1e06ccc6-10.jRvTEw {
  display: none;
}

/*視聴履歴の全件削除*/
button.sc-788b71f7-0.bYKPDw {
  display: none;
}

ここからStylebotの使い方を解説します。

PC（パソコン）ブラウザ版「U-NEXTユーネクスト」の邪魔な項目を消して、ホーム画面の見た目をすっきりさせるCSSコードを紹介します。

自分で考えたCSSをウェブサイトに適用できるChromeクローム拡張機能「Stylebotスタイルボット」（無料）を使います。

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

紹介するコードは、U-NEXTの仕様変更で使えなくなる可能性があります。その点を理解のうえ、お使いください。

本記事のCSSコードを使うことで、ホーム画面の以下の項目を消すことができます。視聴履歴のページ内で使えるコードも紹介します。

【ホーム画面】上部のおすすめ作品、お知らせ、ポイント残高、「U-NEXT」（ロゴ）
【視聴履歴】全件削除

拡張機能「Stylebot」のインストール方法（無料）

Chromeウェブストアを開き、下記画像のStylebotのページから「Chromeに追加」を押してインストールします。

「自分の全データの読み取りと変更」などと聞かれますが、「拡張機能を追加」を押します。

突然「Stylebot Help」などと英語のページに飛ばされますが、このページは閉じて大丈夫です。

右上に拡張機能ボタンが追加されればOKです。固定ボタンを押してショートカットをつくります。

CSSコードの入力方法

Stylebotを開き、①「Stylebotを開く」②「コード」を押して、③真っ白なページが出たら以下のCSSコードを入力します。必要なコードだけ入力でもOKです。

コピーボタン↓

/*【ホーム画面】上部のおすすめ作品*/
div.sc-ea17ace4-1.hzXIzD {
  display: none;
}

/*【ホーム画面】お知らせ*/
div.sc-4ffd7a7e-0.cAWSBn {
  display: none;
}

/*ロゴ「U-NEXT」*/
div.sc-f5f2da94-6.iEUglb {
  display: none;
}

/*【ホーム画面】ポイント残高など*/
div.sc-1e06ccc6-10.jRvTEw {
  display: none;
}

/*視聴履歴の全件削除*/
button.sc-788b71f7-0.bYKPDw {
  display: none;
}