Tip #9

Vivaldi のユーザーインターフェースの見た目をカスタム CSS で変更する方法

コードの読み書きに慣れている場合、デスクトップブラウザのユーザーインターフェースを独自のカスタム CSS で編集できます。

方法は以下の通りです:

  1. vivaldi://experiments で「Allow for using CSS modifications」を有効化
  2. 設定 > 外観 > カスタム UI 変更 で、カスタム CSS ファイルを保存するフォルダーを選択
  3. ブラウザを再起動

これで、開発者ツールを使用してユーザーインターフェースを検査し、変更したい要素に対して独自の CSS を書き、ブラウザが自分の好みに合わせて変化するのを確認できます。

Vivaldi コミュニティは、フォーラムの「Modifications」カテゴリーで変更を共有し、共同で作業しています。そこで支援を求めたり、自分の作業を共有したりできます。

重要!フォーラムで共有されたコードは Vivaldi チームによってレビューされていません。これにより、セキュリティ問題などが発生する可能性があります。

メインブラウザプロファイルが壊れてしまうリスクを避けたい場合は、別のユーザープロファイルで変更をテストするか、Vivaldi のスタンドアロン版を使用してください。

豊富な機能とカスタマイゼーションで、もっと自由にブラウジングを楽しもう!

Vivaldi をダウンロード