GoogleリーダーとFirefoxの両方の大ファンなら、GoogleのiPhoneバージョンのReaderがFirefoxのサイドバーにぴったりであり、いくつかの調整を加えるだけで、本当にうまくフィットすることを知りたいと思うでしょう。
ヘッダーを削除したり、スタートページを選択したり、フォントをトーンダウンしたり、抜粋を削除したりして、次のようなきれいなリストを作成するようにカスタマイズできます。
Google Reader iPhoneEditionをFirefoxサイドバーに追加します
ブックマークバーの任意の場所を右クリックして[新しいブックマーク]を選択し、名前を付けて(または空白のままにして)、次のURLを入力するだけです。
hっtp://wっw。ごおgぇ。こm/れあでr/い/
「このブックマークをサイドバーにロードする」のチェックボックスをオンにすると、完了です。
ブックマークをクリックすると、サイドバーにブックマークが開くのがわかります。
ブックマークを変更して特定のタグ(またはページ)を開く
最初の問題は、ブックマークがデフォルトですべてのアイテムビューに開かれることです。これは、サブスクリプションの数が非常に多い私たちにとっては悪いことです。デフォルトで「お気に入り」タグが選択された状態でReaderを開くことを好むので、これを調整する必要があります。
サイドバーで目的のタグに移動し、ページの何もない領域を右クリックして、[ページ情報の表示]を選択します。
これで、そのページへの直接URLが表示され、クリップボードにコピーできます…
次に、新しいブックマークで使用するか、作成した既存のブックマークをカスタマイズします。
これで、ブックマークをクリックするたびに、見たいページが表示されます。
醜い青い境界線を削除します
注:残りの調整については、 スタイリッシュな拡張機能 インストールするか、FirefoxテーマディレクトリにuserContent.cssという名前のファイルを作成して、そこにコードを配置することができます。
なんらかの理由で、Googleリーダーのロゴの周りにはこの厄介な青い境界線がありますが、簡単なスタイリッシュなスクリプトでそれを取り除くことができます。
スタイリッシュアイコンをクリックし、[スタイルの書き込み]、[空白のスタイル]の順に選択します。
スタイルにわかりやすい名前を付けてから、次のテキストを貼り付けます。
@namespace url(http://www.w3.org/1999/xhtml);
@ -moz-document url-prefix(http://www.google.com/reader/i){
.logo img {border:0px !important;}
}
プレビューボタンをクリックすると、変更をすぐに確認できます。
ヘッダーを完全に削除する
境界線を変更するだけでなく、ヘッダー画像セクション全体を削除できます。これは実際には必要ないためです。代わりに、スタイリッシュなスクリプトを次のように調整します。
@namespace url(http://www.w3.org/1999/xhtml);
@ -moz-document url-prefix(http://www.google.com/reader/i){
.logo {display:none !important;}
}
[プレビュー]ボタンをクリックすると、新しい変更が表示されます…
フォントサイズを調整する
iPhoneサイトは小さなタッチスクリーンディスプレイ用に最適化されているので、フォントが大きすぎて私の好みには合いません。スタイリッシュなスクリプトに次の行を追加して、フォントを少し小さくすることができます。
* 9000004
フォローしている場合、完全なスクリプトは次のようになります。
@namespace url(http://www.w3.org/1999/xhtml);
@ -moz-document url-prefix(http://www.google.com/reader/i){
.logo {display:none !important;}
* 9000006
}
これで、はるかにコンパクトなビューが得られ、読みやすくなりました。
リストを見出しのみに変更
リストビューに投稿の最初の数語が表示されていることに気付くでしょう…個人的には、見出しだけを表示したいと思います。スクリプトに以下を追加します。
span.item-snippet {display:none !important;}
span.item-source-title{font-size:0.9em !important}
これで、非常に便利なサイドバーアプリケーションができました。
フルスクリプト
これがこのスクリプトの最終バージョンです。ロゴバーが削除され、フォントサイズが小さくなり、抜粋はありません。
@namespace url(http://www.w3.org/1999/xhtml);
@ -moz-document url-prefix(http://www.google.com/reader/i){
.logo {display:none !important;}
* 9000010
span.item-snippet {display:none !important;}
span.item-source-title{font-size:0.9em !important}
}
これは、私がスタイリッシュの大ファンである理由を示しているはずです。