スマホサイトについて

あかもんのスマホページは、UA判定による転送をしています。PC用とSP用を分けて編集できるため、Googleのモバイルファーストインデックスにも対応しています。

スマホページを編集したい

  1. 編集画面でデバイス切り替え/Smaart Phoneをクリックします。
  2. スマホ用のEditページに切り替わります。
  3. この部分が編集領域です。
  4. PCページの編集と同じように、ブロックをクリックすると編集することが可能です。【Point1】
【Point1】
PCページとスマホページのブロックの識別子は異なります。
スマホページを編集してもPCのページには内容が反映されません。

また、ブロックの識別子を異なるDeviceのページに直接コピーした場合(【例】PCからスマホ、またはスマホからPC)、その識別子のブロック内データは共有され、PC・スマホどちらかのページのデータを編集すると両ページに反映されます。

スマホページのCSSデータを編集したい

  1. 管理画面で「各種ファイル編集」ボタンを押します。
  2. 各種ファイル編集ページに移動します。
  3. 編集したいテナント名(サイト名)をクリックします。
  4. 画面が切り替わります。編集したいファイルの種類をクリックします。
  5. 画面が切り替わり、CSSデータが出現します。編集したいデータ右の「edit(編集)」をクリックします。【Point1】
  6. 編集ページが表示されます。スタイルシートの内容を編集します。
  7. 編集が終わったら、「保存」ボタンを押して完了です。
【Point1】
スマホのスタイルシートの場合は末尾が
「・・・・・・・・・・.mobile.css」
となっています。
PCに使われているスタイルシートとは別になっていますので、ご注意ください。

スマホモード切替

【Tips】
PCサイトを取り込むとSP用に自動で変換されるので、それを調整するします。
この方法ではUA判定でページが切り替わり、URLはPC用とSP用で異なる仕様です。
またタブレットはPC用が表示されます。

編集方法はいたって簡単で、各編集ページの黒い帯に「PC」「Sumart phone」というリンクがあるので、
そこで切り替えることができます。

スマホモードをオフにする

  1. 管理画面の「ページ編集」に移動します
  2. ページ一覧が表示されるので、編集したいページの鉛筆のアイコン「編集」をクリックします
  3. 「スマホ用テンプレート」から「---」を選択します
  4. オンにする場合は「リッチ」または「プレーン」を選択します
【Tips】
・レスポンシブを有効にしたい場合は、CMSのSPモードをオフにする必要があります
・PCページも同じ操作でオフにすることができます
・1ページずつ対応する必要があります
→ CMS全体で対応が必要な場合はメーカー側で作業が発生します(有償対応です)

※PC用テンプレートとスマホ用テンプレート両方をオフにしないでください。ページが消えてしまいます。

PAGE TOP

ページの先頭へ