携帯サイト制作

ここでは、BaserCMS での携帯サイトの制作方法をご説明いたします。

簡易リダイレクトついて

BaserCMSは携帯よりのアクセスと判断した場合には、リクエストされた URL の先頭に「m」を付加した URL にリダイレクトする仕様となっています。

http://{BaserCMSの設置URL}/about/index.html

   ↓
http://{BaserCMSの設置URL}/m/about/index.html

現時点（BaserCMS 1.5.2 beta）では、以下の文字列を含むユーザーエージェントを携帯よりのアクセスと判断するようになっています。

DoCoMo / SoftBank / Vodafone / J-PHONE / UP.Browser / Googlebot-Mobile / Y!J-SRD / Y!J-MBS

※ この設定は、将来的に、管理画面で変更できる仕様とする予定ですが、現時点では、皆様からお寄せ頂いたユーザーエージェントをフィードバックさせて頂きたいと思います。
※ どうしても早急に対応ユーザーエージェントを変更する必要がある場合は、/baser/config/routes.php を /app/config/routes.php に上書きしてカスタマイズします。

レイアウトテンプレートを変更する

デモテーマの場合、モバイル用のレイアウトテンプレートは下記の場所に配置されていますのでこちらをカスタマイズする事となります。

/app/webroot/themed/demo/layouts/mobile/default.ctp

モバイルページの追加

モバイルの各ページは管理画面から追加する事ができます。
ただし、BaserCMS のページ機能におけるモバイルは、PCページを自動で携帯用に変換し、改ページを入れるような機能はなく、PCページとモバイルページは別管理になります。もちろん、ブログ機能は、PCとモバイルのデータは連動していますが、ページ機能で作成するページは、PCとモバイルが完全に連動する必要はないという方針だからです。

ページ管理を開く まず、管理画面にログインし、ページ管理を開きます。
モバイルページを追加する
- 画面左のページ管理メニューより「新規に登録する」をクリックします。
- カテゴリ欄で「モバイル」を選択します。
- 通常のページ追加と同様に残りの入力欄も入力し、「登録」ボタンをクリックします。

これで、モバイルページの追加は完了です。ページ追加の際に、ページ名を about とした場合、携帯では下記 URL で表示する事ができます。