モバイルデザインモバイルデザイン

モバイルサイトを作成し、パソコン用のページと異なるデザインでサイトを運営することができます。
モバイルサイトのデザインは、パソコン用のページと同様にモバイルサイト用のデザインのテンプレート(モバイルデザイン)を設定することができます。

  • モバイルサイトを作成する場合はサイト設定の《モバイルサイト》を「あり」に設定する必要があります。
  • モバイルサイトを作成しない場合(レスポンシブデザインを利用する場合)は、モバイルデザインは適用されません。

モバイルデザインを設定する

1
コントロールパネルの[作成][デザイン][サイトデザインを変える]をクリックすると、“サイトデザインダイアログ”が表示されます。

2
ダイアログの上部の[モバイルデザイン]をクリックし、“モバイルデザインダイアログ”に切り替えます。

3
“モバイルデザインダイアログ”【Myデザイン】タブに、インストール済みのデザインが表示されます。設定したいデザインがない場合は、【インストール】タブをクリックし、デザインのテンプレートをインストールします。

【Myデザイン】タブの表示

サムネイル画像

テンプレートのサムネイル画像を表示します。

  • 公式テンプレート・オリジナルテンプレート
    サムネイル画像(Customの表示なし)が表示されます。
    運営元が提供するテンプレートのため、個別にカスタマイズを行うことはできません。
    ※個別にカスタマイズする場合は、テンプレートの複製複製鉛筆マークをクリックするとする場合は複製してカスタマイズカスタマイズ
  • カスタムデザインテンプレート
    個別にカスタマイズするカスタムデザインテンプレートのサムネイル画像には「Cusom」と表示されます。
デザイン名称 ラジオボタンの下にテンプレート名称またはカスタムデザインテンプレート似場合はデザイン名称が表示されます。 
仕様 公式テンプレートに表示される仕様のアイコンをクリックするとテンプレートの仕様を表示します。
鉛筆マーク

鉛筆マークをクリックするとカスタムデザインテンプレートの作成、または編集ができます。

  • 公式テンプレート・オリジナルテンプレート
    公式テンプレートまたはオリジナルテンプレートの鉛筆マークをクリックすると、このテンプレートをベースにカスタムデザインテンプレートを作成します。
    ※ディレクトリ名は既に使用している名前がある場合は利用できません。
    ※Myデザインにインストールできるテンプレートは最大5点までとなります。
  • カスタムデザインテンプレート
    カスタムデザインテンプレートの鉛筆マークをクリックすると、テンプレート内のファイルを編集することができます。
    ※個別のカスタマイズにはHTMLやCSSの技術、知識が必要不可欠となるため、鉛筆マークから編集する場合は運営元へお問い合わせください。
更新マーク

公式テンプレートに表示される更新マークをクリックすると、テンプレートが最新の状態に更新されます。公式テンプレートは提供元により一斉配布されるため、通常はこの更新は不要です。

  • サイト利用容量が90%以上になっている場合など、一斉配布時に正常に更新されていない不具合が生じた際にこの機能をご利用ください。
削除マーク

削除マークをクリックするとテンプレートを削除します。

  • 公開サイト、編集サイトに使用しているテンプレートを削除することはできません。

4
インストールしたいデザインの[インストール]ボタンをクリックすると、【Myデザイン】タブにそのデザインのテンプレートがインストールされます。
※Myデザインには最大5点までしかインストールできません。インストールできない場合は[インストール]ボタンは表示されません。
※画像にマウスを合わせるとデザインのテンプレート名が表示されます。

5
次に【Myデザイン】タブをクリックし、インストールしたデザインの中から使いたいデザインのラジオボタンにチェックを入れます。

6
[OK]ボタンをクリックするとサイトのデザインが変更されます。

公式テンプレートを更新する

モバイルデザインの公式テンプレートを最新の状態になるように更新します。公式テンプレートは提供元により一斉配布されるため、通常はこの更新は不要です。

  • サイト利用容量が95%以上になっている場合など、一斉配布時に正常に更新されていない不具合が生じた際にこの機能をご利用ください。

1
“モバイルデザインダイアログ”【Myデザイン】タブに表示される公式テンプレートの中から、更新したい公式テンプレートの更新マークをクリックします。

  • 公式テンプレート以外(オリジナルテンプレート、カスタムデザインテンプレート)には更新マークは表示されません。

2
確認メッセージの[OK]ボタンをクリックし、「更新しました。」とメッセージが表示されると完了です。

サイトデザインに切り替える

サイトデザインの設定に切り替える場合は、上部の[サイトデザイン]をクリックします。

⇒ サイトデザインについてはこちら

サイト内検索