テーマをころころ (Precious テーマ試用中)

WordPress のテーマをころころ変えてみています。

本番のサイトで試さなくていいように、バーチャルマシンでお試し用の環境を作ったほうがよさそうですね。といいつつ、www.makisima.org でやっています。

ブラウザの幅を変えたときに、本文の幅も変わってほしい、印刷を考慮するとサイドバーは左ではなく右がいい、できればスマートフォン(iPhone)でも表示しやすいほうがいい、無駄なヘッダーはいらない、等々思いながらテーマを探しています。

いまのところ、 Precious がまずまずです。 http://wordpress.org/extend/themes/precious

ファビコンが Precious テーマのものに上書きされてしまいますが、(WordPressのパス)/wp-content/themes/precious/gfx/favicon.ico がアイコンの実体なので、FTP でここに希望のファビコンを上書きすればO.K.です。

だいぶ探し回ってしまいましたが、ページのソースを表示して、<html …><head…> のあたりの
<link rel=’shortcut icon’ type=’image/x-icon’ href='<a href=”view-source:http://(略)/wp-content/themes/precious/gfx/favicon.ico”> となっているところを探せばよいのでした。書き換えたらブラウザを再起動します。

WordPress 側のテンプレートを変えることもできます。テーマ編集→テンプレート→ヘッダー(header.php) に <?php precious_favicon(); ?> という行があるので、 <!– <?php precious_favicon(); ?> –> とコメントアウトしてしまってもかまわないはずです。そうすれば、サイト全体に適用するルートフォルダの favicon.ico が有効になります。function precious_favicon() は template-tags.php で定義されています。

さらに、フォントの大きさをテーマの 62.5% から 100% に変更しました。小さい方が見た目にかっこいいのかもしれませんが、小さいフォントのページは大きくして閲覧していることが多いので、標準の大きさにしました。style.css の body に font-size があります。ここで全体的な文字の大きさを設定していて、個別にはこの大きさに対して 1.1em などと相対的に指定しているようです。

フォントサイズはこれでよいと思ったのですが、よく見ると、なんとなく大きいような…。style.css をよく見たら、本文(contents)の font-size が 1.1em になっています。ということは、body に設定すべきは 1/1.1 = 0.909… で、90.9% ですね。修正しました。たぶん、これでふつうの文字の大きさになりました。文字サイズを変えたら、他のマージン等々も変えるべきなのでしょうが、今回はここまでにします。