店舗物件を探すなら

Googleのアクセス解析を見るとスマートフォンからのアクセス数が多くなってきたのでスマートフォン対応にしました。

『wptouch』というプラグインを導入すると便利ですがロゴなどが反映されないのでなんだかオリジナリティが欠けるのでなるべくオリジナティがでるようにしました。

本サイトとスマートフォンのURLは全く同じでスマートフォンからサイトにアクセスしたときにスマートフォン用テーマを表示して、PCからサイトにアクセスしたときにサイト用テーマが表示されるようになっています。

スマートフォン用テーマはWordpressデフォルトテーマである『Twnty Eleven』をカスタマイズしたものです。検索窓をナビゲーションの下に表示してロゴを表示させるというだけでもけっこう時間がかかりました。

スマートフォン対応にするなら最初からスマートフォンでの表示を考えながら更新をしていかないと後からの修正はとても大変なことがわかりました。

たとえばこのサイトの場合は、テーマ配布のページの画像がものすごく小さくなってしまいます。

もちろん訂正が可能なのですがそこまで時間はかけれないので次からはスマートフォンでの表示を考えながら更新をしていきます。

『Twnty Eleven』カスタマイズした箇所

・ロゴ表示

・ヘッダーのサイズ縦幅を狭くして、1番上の空白をなくした。

・ヘッダーの検索窓を削除してナビゲーションの下に表示。

・ナビゲーションの色、位置、プルダウン

・各タイトルの文字サイズ

・サイトと同じ雰囲気になるようにソースコード追加。

・フッターにページナビゲーションを設置。

・コメントフォームカスタマイズ。

・すべてのphpファイルをカスタマイズ。

・contact form 7の表示調整。(CSSにコード追加)

 

 

 

ナビゲーションのプルダウンは下記のようになります

 

もし需要があるならこのテーマの配布と設置&導入手順の記事を書こうかなと思っています。よかったらスマートフォンからサイトを確認してみてください。けど『wptouch』導入のほうが需要ありそうですね。