Inoreaderの見た目を思いどおりに
テーマ、フォント、表示密度の設定で、ほとんどの好みに対応できます。さらに調整したい場合は、独自のCSSを記述すると、Inoreaderがアカウント内のすべてのページのインターフェースに上書き適用します。
料金を見る- ProWebアプリのカスタムCSSは、Proプランに含まれています。
自分だけのスタイルシート
Inoreaderには、Aqua、Light、Sepia、Darkのテーマ、選択可能なフォントとサイズ、表示密度の設定が用意されています。さらに調整したい場合は、環境設定内の入力欄に独自のCSSを入力できます。
レイアウトを自在に調整
閲覧用カラムを狭くしたり、フォントを変えたり、サイドバーの色を変えたり、使わないボタンを非表示にしたり、見出しを大きくしたりできます。
スタイルはアカウントに保存
スタイルシートはご自身のアカウントに紐づいているため、ログインするすべてのブラウザーに適用され、他のユーザーに影響することはありません。
いつでも無効に
設定のチェックを外して保存し、タブを再読み込みすると、すべて標準の見た目に戻ります。ルールは入力欄に残るため、後でまた使えます。
CSSを追加する
- 環境設定を開き、設定、パワーユーザー設定の順に進みます。
- カスタムCSSにチェックを入れ、入力欄にルールを貼り付けて、保存をクリックします。ブラウザーのタブを再読み込みすると、新しいスタイルが反映されます。
- ブラウザーの検証ツールで変更したい要素のセレクターを調べ、必要に応じてルールを追加します。
- 標準の見た目に戻すには、カスタムCSSのチェックを外し、保存をクリックして、タブを再読み込みします。ルールは入力欄に残るため、後でまた使えます。
活用例
好みに合った閲覧用カラム
長文を読むときは、セリフ体のフォントを選び、カラムの幅を狭くして、行の高さを広げます。
すっきりしたインターフェース
使わないボタンやパネルを非表示にし、サイドバーを好みの色にします。
他のツールと調和する見た目
共有画面で社内の他のツールと並べたときになじむように、Inoreaderのスタイルを変更します。
よくある質問
何を変更できますか？
スタイルシートで指定できるものは、何でも変更できます。閲覧時のフォントとそのサイズ、行の高さとカラムの幅、サイドバーと記事ペインの色、見出しの見た目、非表示にしたい要素、リストの間隔などが含まれます。
どこに入力すればよいですか？
環境設定を開き、設定、パワーユーザー設定の順に進みます。カスタムCSSにチェックを入れ、入力欄にルールを貼り付けて保存します。スタイルシートは、ログインするすべてのブラウザーでWebアプリに適用されます。
CSSの知識は必要ですか？
少し必要です。組み込みのテーマ、フォント、フォントサイズ、表示密度の設定には、CSSはまったく必要ありません。カスタムCSSは、いくつかのルールを記述し、ページを検証して適切なセレクターを見つけられる方向けの機能です。
ページの表示が崩れることはありますか？
影響するのはご自身の表示だけで、入力欄を空にするまでの間だけです。スタイルシートはご自身のアカウントだけに紐づいており、他のアカウントに影響することはありません。
アプリでも使えますか？
いいえ。iOSアプリとAndroidアプリには、それぞれ独自のテーマとフォントの設定があり、カスタムCSSはWebアプリにのみ適用されます。
使用例はどこで見つかりますか？
Inoreaderのコミュニティでは、長年にわたってスタイルシートが共有されています。「Inoreader custom CSS」で検索して探すか、ブラウザーの検証ツールで変更したい要素を調べることから始めてみてください。