動画サイトの外観をカスタマイズする方法について

動画サイトの外観をカスタマイズするのは簡単です。サイトの見た目はCSS(カスケーディング・スタイル・シート）というサイトのデザインを指定する言語で管理されているからです。

サイトのデザインを指定しているCSSをどのように自分好みに変えるというと「ユーザースタイルシート」というものを活用します。これは、ページを閲覧してるユーザーが独自にサイトに対し設定できるCSSの一つです。

しかしながら、CSSを一から書くのは面倒ですし、管理をするのも大変です。そこで、「Stylish」というユーザースタイルシートの管理ツールを活用しましょう。これは「Mozilla Firefox」と「Google Chrome」2つのブラウザで使える拡張機能で簡単にサイトのスタイルを管理できます。

Stylishを使えば、有志の方々がアップロードしているユーザースタイルシートをボタンひとつで取り込むだけなので、自分でCSSを書く必要はありません。

Stylishを活用するためには新しいブラウザのインストールが必要

Stylishを使うためには、Mozilla Firefox、またはGoogle Chromeをインストールしてください。どちらも無料で使える高速なブラウザです。ブラウザのダウンロードは以下の公式サイトからどうぞ。

ブラウザ公式サイトのリンク

ブラウザのダウンロードとインストールについて

ブラウザ（ソフトウェア）のダウンロードとインストール方法が分からない場合は、
以下に解説ページを用意していますのでそちらをご覧ください。
ブラウザのダウンロードとインストールについての解説

ユーザースタイルシートのダウンロード

Stylishの公式サイトuserstyles.orgからユーザースタイルシートをダウンロードできます。

userstyles.orgではサイト毎に有志が作成したユーザースタイルシートを掲載しています。動画サイトのユーザースタイルシートも、ここからダウンロードできます。

自分で一から作ろうとすると、CSSの知識を必要とするため面倒です。

userstyles.orgから自分の好みに沿ったユーザースタイルシートをダウンロードし、それを活用しながら気になる箇所を微調整するといった方法が簡単で効率的と思われます。

Firefox: Stylishのダウンロードとインストール

Firefoxを起動してMozillaのStylish公式配布ページを開き、ページ上にある「Firefoxへ追加」を押します。

ソフトウェアのインストールウィンドウが開くのでインストールを選択してください。

インストール後、ブラウザを再起動します

アドオンの管理画面の項目にユーザースタイルが追加されています。これでStylishのインストールは完了しました。

Stylishの使い方 Firefox編

ユーザースタイルシートのダウンロード

ユーザースタイルシートをダウンロードしましょう。ダウンロード先として「userstyles.org」というStylish公式の配信サイトがあります。ページ左上にある、サイト内部検索欄からユーザースタイルシートを検索できます。見つけたいサイトのURLを記入して検索してみましょう。例: youtube,nicovideo など