ブログのテーマをWordPressチームのTwenty Thirteenをベースにカスタマイズ

iPhone

当ブログにご訪問いただく方の半数以上がiOSデバイスからのアクセスです。本当にいつもありがとうございます。
iPhoneでこのブログを自分で確認するとフォントが小さく、拡大必須なのでなんとかしたいなあと随分前から思っていたのですが、なかなか。

iPhoneやスマートフォンでも見やすいデザインにするには、今のテーマをさらにカスタマイズするかプラグインでモバイル用にするか、なのですが、プラグインで表示をモバイル用にかえるとおなじみのデザインになってしまうので、レスポンシブWebデザインを採用しているWordPressチーム作成のTwenty Thirteenを使ってみました。

とりあえず、サイドバーとフッターを同じように配置し直しただけなのですが、iPhoneでも問題なく見れるようになりました。iPhoneの場合は縦画面で記事の部分を2度タップしていただければ、記事の幅がiPhoneの画面幅になるので読みやすいのではないかと思います。

タイトル部分のフォントがやけに大きかったり、「古い投稿」というのがちょっとなあと思っているので、少しずつ手をいれていこうと思います。本格的にいじるのであれば、子テーマを作るのが王道らしいのですが、そのあたりも勉強しながらですね。

※とりあえず、スタイルシート (style.css)を以下のように編集しました。
h1 font-size: 26px;
h2 font-size: 22px;
h3 font-size: 20px;
h4 font-size: 18px;
h5 font-size: 16px;
h6 font-size: 14px;

これでタイトルのでかさはなんとかなったかな。

WordPress レッスンブック 3.x対応
エビスコム
ソシム
売り上げランキング: 13,125