WordPressのフォントをメイリオに変更して見栄えを改善

 日本語をデフォルトで使えるのは有り難い。ただそのフォントはちょっと見栄えがよくないなーと長い間思っていた。有るパソコン雑誌で、メイリオがよいと記事を読んだ。そこで今回、思い切って、フォントを変えてみることにした。
 もちろん館主は下手の横好きなので、スタイル・シートについてド素人。ウェブで調べると、ずいぶんとたくさんの記事がある。しかし意外と使えない。
 参考にさせていただいたのは、「CSSのfont-family設定
 でも結果は館主の好みとも違うので、こちらはこちらで試行錯誤。アルファベットのフォントは現状で気に入っているので、そこは変えたくない。日本語だけ、改善したいのだ。環境はWindows 7、ブラウザーはIE9。環境が異なると、見栄えも異なるので、あくまで同じ環境で使う方へのご参考。
 いじったのは、Appearance > Editor > Stylesheet (style.css)
 /* =Fontsラインのすぐ下にフォントが定義されている。まずはデフォルトのフォントを使うとどうなのかお見せしよう。下がオリジナル、その下が出力画面。ちょっと一部はまるで中国語?みたいな感じ。
font-family: Georgia, “Bitstream Charter”, serif;

 こういう風に変えてみた。
font-family: “メイリオ”, “Meiryo”, “ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”,”Osaka”, “MS Pゴシック”, “MS P Gothic”, Georgia, “Bitstream Charter”, serif;
 すると、だいぶ良くなった。でもちょっとまだイマイチ、quoteの中のフォントがギザギザしており、見栄えがまだよくない。

 結局、あれこれ試した末、最後は単純にこれで決めた。
font-family: “メイリオ”, “Meiryo”, Georgia, “Bitstream Charter”, serif;

Share on Facebook
Bookmark this on Google Bookmarks
[`evernote` not found]
Bookmark this on Hatena Bookmark
[`yahoo` not found]

WordPress背景写真を好みに変更

表紙を、自分で写した好みの写真に変えることにした。それまではマイクロソフトのサンプル写真を拝借していた。以下はそのやり方、(自分を含めて)超初心者向け備忘録。
以下のように左のサイドバーから選択、
Appearance>Header
以下の文章が現れる。
Here you can upload a custom header image to be shown at the top of your blog instead of the default one. On the next screen you will be able to crop the image. Images of exactly 940 x 198 pixels will be used as-is
そこで、事前に940 x 198 pixelsの写真を用意しておいた。
新しいヘッダー写真
参照ボタン(なぜかこれだけ日本語)で、写真を選択した後、Uploadボタンを押せば、自分の写真がサーバーにアップロードされる。

Share on Facebook
Bookmark this on Google Bookmarks
[`evernote` not found]
Bookmark this on Hatena Bookmark
[`yahoo` not found]