WordPressで携帯用サイトを構築する為に、WordPressを複数インストールする事は「WordPressを複数インストールする」のページで説明した。
WordPressを複数インストールしたからには、テーマも新たにインストールする必要がある。
「面倒くさい」と思うかもしれなが、当サイトの目的はWordPressでPCサイトとは全く別の独立した携帯用サイトを構築することなので、ここが最大のポイントとなるのだ。
独立したものなので、テーマはPC用と必ずしも同じである必要はない。
テーマも独立しているので、style.cssやpage.php等のテンプレートを、自由にカスタマイズできる。
つまり、各cssやphpファイルを修正し、携帯表示用に改造してしまえば良いわけだ。
したがって、テーマはできる限り簡単な、日本で作成されたテーマを選ぶと作業がしやすくなる。
お勧めは下記サイトだ
(日本語による比較的シンプルなテンプレートなので、編集しやすくお勧めです)
o2BUSINESS(株)様による、フリーテーマ「free_theme015」
上記サイトより、free_theme015をダウンロードする。
※既にPCサイトを作成済みの場合、わざわざPCサイトのテーマを変更する必要はない。
修正するファイルは、次の7点だ。
1.style.css
2.page.php
3.header.php
4.footer.php
5.sidebar.php
6.index.php
7.single.php
上記ファイルを修正するわけだが、要は携帯表示用に、幅を240px、サイドバー非表示or携帯用表示に修正
ヘッダー・フッターにオリジナルの画像を使用し、見た目的には完全なオリジナルサイトのように作成する。
完成形は以下のリンクを見てもらいたい。
WordPress携帯用サイト
あああ
コメントを残す