チュートリアル/既存ブログのモバイル対応
既存のPC用ブログサイトをモバイルにも対応させる方法を説明します。
新規モバイルサイトの構築例に比べると複雑です。
PC用のサイトはそのまま維持し、同じエントリーをモバイル用のサイトにも利用する方法です。
サイトの構造 bookmark
モバイル用のページ一式は、/m/ディレクトリに格納することとします。
- メインページ
- /m/index.php
- エントリー・アーカイブ
- /m/[エントリーファイル名].php
- カテゴリー・アーカイブ
- /m/[カテゴリー名].php
- 月別アーカイブ
- /m/[年][月].php
テンプレートのソースコード bookmark
このチュートリアルでは、多くのテンプレートを利用します。
テンプレートのソースコードは、ファイルとしてまとめてあります。作業をはじめる前に次のファイルをダウンロードし、解凍して下さい。
作業の手順 bookmark
以下の手順で、既存ブログをモバイルに対応に対応させることができます。
- モバイル用メインページのテンプレートを作成します
- モバイル用エントリー・アーカイブのテンプレートを作成します
- モバイル用のその他のアーカイブ・テンプレートを作成します
- 検索結果のシステム・テンプレートをモバイル用に修正します
- コメント関連のシステム・テンプレートをモバイル用に修正します
* Six Apart、Movable Type、TypePadはSix Aaprt, Ltd.の登録商標です。
* 「iモード」「iアプリ/アイアプリ」「i絵文字」「mova」「FOMA」および「i-mode」「i-appli」ロゴはNTTドコモの商標又は登録商標です。
* 「EZweb」「EZアプリ(Java[TM])」「au」はKDDI株式会社の登録商標です。
* 「Yahoo!」および「Yahoo!」「Y!」のロゴマークは、米国Yahoo!Inc.の登録商標または商標です。
* SOFTBANKおよびソフトバンクの名称、ロゴは日本国およびその他の国におけるソフトバンク株式会社の登録商標または商標です。
* その他、当ページに記載されている会社名、製品名などは該当する各社の商標または登録商標です。
* 「iモード」「iアプリ/アイアプリ」「i絵文字」「mova」「FOMA」および「i-mode」「i-appli」ロゴはNTTドコモの商標又は登録商標です。
* 「EZweb」「EZアプリ(Java[TM])」「au」はKDDI株式会社の登録商標です。
* 「Yahoo!」および「Yahoo!」「Y!」のロゴマークは、米国Yahoo!Inc.の登録商標または商標です。
* SOFTBANKおよびソフトバンクの名称、ロゴは日本国およびその他の国におけるソフトバンク株式会社の登録商標または商標です。
* その他、当ページに記載されている会社名、製品名などは該当する各社の商標または登録商標です。