WordPressを使ったサイト含め、様々なブログではスマイリーアイコンをよく見かけます。
そういったサイトの多くでは、アイコンの位置調節(ベースラインの調節)をしていません。そのためアイコンが文字より少し上に表示されいて、ちょっと読みづらいことが多いのです。
そこで、アイコンの位置調整のため、こんなCSSを組み込んではいかがでしょう
(topの値は色々試してみてください)
.wp-smiley {
position: relative;
top: 2px;
}WordPressを使ったサイト含め、様々なブログではスマイリーアイコンをよく見かけます。
そういったサイトの多くでは、アイコンの位置調節(ベースラインの調節)をしていません。そのためアイコンが文字より少し上に表示されいて、ちょっと読みづらいことが多いのです。
そこで、アイコンの位置調整のため、こんなCSSを組み込んではいかがでしょう
(topの値は色々試してみてください)
.wp-smiley {
position: relative;
top: 2px;
}ブラウザでRSSへのリンクを開いてしまい、驚いたなんて経験ありませんか~? 実はRSSフィードにもスタイルシートが適用できるんです。
CSS適用済みのRSSを見てください
RSSの表示を見やすくするにはスタイルシートを読み込む必要があります。
カレントフォルダにあるwp-rss2.phpの13行目の下に1行コードを追加してください。
echo '<?xml version="1.0" encoding="'.get_settings('blog_charset').'"?'.'>'; echo '<?xml-stylesheet href="'. get_settings('siteurl') .'/style-rss.css" type="text/css" ?'.'>';
こうすることで、WordPressをインストールしたフォルダにある、"style-rss.css"をブラウザが読み込むようになります。wp-rss.phpやwp-rdf.phpにも同様のコードを書くことでスタイルシートを読み込むことができちゃいます。
つぎにRSS用に書いたスタイルシートを用意して、WPをインストールしたフォルダにおいてください。一部のタグをIEが認識できないようなのでご注意。どなたか対処法教えてくださいまし・・・。
一応、私の書いたスタイルシートを載せておきます。汚いので参考程度に見てくださいね。
スタイルシートを見る
Masayanさんのブログでトラックバック企画が進行中です! 私は1月9日と予想~。
実はこのサイトWordPress2.0のベータ版で作っています。2.0では投稿がリッチテキストエディターになってます。ですが、Firefoxだと「リンク作成」ボタンなどを押すたびにウインドウが小さくなってしまうんです・・・。本来なら新しいウインドウで開くはずなのに、Firefoxだとタブで開いてしまうようです。わりと使いやすそうなだけに残念!
ちょっと対策を探してみます。
追記:TabMix(拡張機能)の設定に「JavaScriptポップアップの設定」という項目を発見。「サイズ指定等の無いポップアップのみタブに開く」にしたところ問題なく動きました。