このブログを作るにあたり、スマートフォンやiPadなど各種デバイスに対応できるように、CSS3のMedia Queriesを使ったWordPressテーマを採用してみた。

かちびと.net さんの

css3のMedia QueriesでスマートフォンやiPad等の様々なデバイスに対応済みのWordPressテーマいろいろ

に紹介されていた YOKO というテーマが気に入ったので、サイトからダウンロードし、一部カスタマイズしてインストールしてみた。以下は色々な幅での表示例。

このように、リキッドレイアウトによりデバイスの幅に応じてレイアウトやデザインが変わる。WordPressにはスマートフォン用の専用プラグインを入れるという方法もあるが、このようなCSS3のMesia Querisを使ったデザインを採用すれば、これひとつだけで各種デバイスに対応できるので、メンテナンスも容易になるだろう。

関連しているかもしれない記事

• ツイートをWordPressコメントに取り込むプラグイン Twitter Mentions as Comments
• ソースコードを整形表示するプラグインSyntax Highlighter for WordPress ビジュアルエディタにも対応
• WordPressの引越しは意外と簡単
• WordPressをもっと良くする9つのお薦めプラグイン
• WordPressでソーシャルメディアと連携する3つのお薦めプラグイン