【Vivaldi】フィードパネルの未読カウンターを非表示にするCSS
僕は、Windowsの「Vivaldi」ブラウザを利用しています。本ブラウザには、標準でRSSリーダーが搭載されていて、僕は、よくフィードパネルから新着記事を確認しています。
この時、未読の通知（記事）がある場合、フィードパネルの右上に、未読の数字が表示されます。
僕は、好きな時に未読の記事を確認したい派です。この数字が表示されていることで、なんかそわそわしちゃって、ブログ作業に集中できない時があります。
「非表示にしたいな～」と思い設定を見てみると、どうやらフィードパネルだけを非表示にすることは、記事執筆時点（2023年11月）でできないようです。
設定→メール→「メールカウンター」の「パネルボタンに表示する」のチェックを外すことで、非表示にはできます。しかし、本設定はフィードパネルだけでなく、メールパネルにも反映される設定です。メールとフィードどちらも数字が消えてしまいます。
僕はメールパネルも表示して利用しています。メールパネルでは、新着メールの件数を表示してほしいです。
フィードパネルの未読数字だけを非表示にはできないっぽいので、カスタムCSS機能を利用してみます。CSSを利用することでできます。
設定からサクッと変更するのと比べて、少々手間ですが、一度環境を構築して、CSSを書き込めば、「Vivaldi」のアップデート等で使えなくなるまでは、ずっと適用されます。戻したくなったら、いつでもオンオフできます。
本記事は、Windows版（PC版）Vivaldiでの解説です。スマホやタブレットのアプリ版ではできません。
「Vivaldi」のオリジナルカスタムUI（CSS）を有効にする
本記事は、既にオリジナルカスタムUI機能が有効になっている前提です。まだ有効にしていないという方は、以下の記事を参考にしてみてください。
「Vivaldi」上でCSSファイルを使えるように「vivaldi://experiments/」から変更して、CSSファイルを読み込ませます。
https://www.naporitansushi.com/vivaldi-css/フィードパネルの未読件数を消すCSS
以下のCSSになります。
/*フィードパネルの未読カウンター非表示*/
.button-toolbar>[title="フィード"]>.button-badge {
display: none !important;
}本記事のCSSは、僕が適当に作成したコードです。皆さんの環境によっては使えなかったり、「Vivaldi」ブラウザのアップデートにより、いつの間にか使えなくなる可能性があります。
もし書き込んでも反映されない場合、問い合わせより教えていただければ幸いです。初心者の僕ができる範囲で、修正したいと思います。
上記のCSSを、テキストエディター（Visual Studio Codeや、Windows標準でインストールされているメモ帳アプリなど）で開いた「Vivaldi」のカスタムCSSファイルに書き込みます。
書き込めたら、ブラウザを再起動します。再起動しないと、CSSが反映されないので注意です。CSS導入後は、未読の通知があっても、フィードパネルに件数が表示されなくなります。溜まった通知に囚われることなく、作業できます。
見たくなったら、いつでも確認できます。
使わなくなった場合は、書き込んだCSSを削除します。
【余談】設定であればいいんだけど、今のところはない？
冒頭で紹介したメール→「パネルボタンに表示する」は、本記事を書いている後半に気づきました。最初は気づいておらず、「なーんかそういう設定あったと思うんだけど、どこだっけ～～」と探している状態でした。
設定を探している段階で、色々試したことを書いておきます。メールパネルを使っていない方や、メールパネルは表示しているけど、新着メールの件数表示は不要という方は、冒頭のとおり、設定→メール→「パネルボタンに表示する」のチェックを外します。CSSなど利用しなくても、非表示にできます。
フィード設定ページ
フィードパネルなので、そのまま「フィード」設定ページに、何かヒントがあるかなと見てみましたが、それらしき設定はありませんでした。
【パネル】リーディングパネルの「未読カウンターを表示する」
フィードと言いつつ、ベースはパネルなので、「パネル」設定ページを見てみました。リーディングリストパネルに「未読カウンターを表示する」があり、まさにドンピシャの機能でした。
しかし、「リーディングリストパネル」の項目内にあるとおりで、本当に「リーディングリストパネル」だけの反映でした。後で読むに追加した未読ページの件数表示をオンオフできます。フィードパネルには、なーんの影響もありませんでした。
もし今後、メールとフィードが分離したとしたら、「フィードパネル」に「未読カウンターを表示する」という設定が追加されるんでしょうかね～。
【パネル】フォルダーカウンターを表示する
パネル→「パネルオプション」の「フォルダーカウンターを表示する」も、それっぽい設定だなぁと思い、オンオフしてみましたが、フィードパネルは何にも変わりませんでした。
変わった部分は、パネルの中身です。例えば、ウィンドウパネルを開くと、ウィンドウ名の横部分に、開いているタブの数が表示されます。ここの件数表示のオンオフでした。
ウィンドウパネル以外でいうと、メモパネルのフォルダーの横にある数字もオンオフの対象でした。
フィード（RSS）のポップアップ通知が不要な場合
「フィードは受信したいけど、Windowsの右下にポロンッと表示されるフィード通知はオフにしたい！集中力が途切れる！」という方は、フィードの削除でも停止でもなく、フィードの通知をオフにするといいかもしれません。
以下の記事を参考にしてみてください。通知と未読カウンターは別々です。通知を切っても、受信はされて、件数（数字）は、パネルに表示されます。
ウェブサイト・メールの通知が不要な場合
ウェブサイトとメールから届くポップアップ通知のオフ方法を、それぞれ書いています。気になった方は、参考にしてみてください。
フィードの受信自体を解除（削除）したい場合
そもそもフィードの購読自体をやめたい場合は、下記記事を参考にしてみてください。削除方法を紹介しています。
感想
以上、「Vivaldi（ヴィヴァルディ）」ブラウザのオリジナルカスタムUI機能を使って、フィードパネルの未読カウンター数字を非表示にするCSSでした。
「Vivaldi」は、実装されていない機能でも、本記事のように、カスタムCSSでカスタマイズできる点がいいですよねぇ…。