ホームページ・ビルダーに用意されているフルCSSスマートフォンテンプレートを利用して、ページやサイトを作成する方法を説明します。

• １ページのフルCSSスマートフォンテンプレートを使用する方法
• 複数ページのフルCSSスマートフォンテンプレートを使用する方法

I １ページのフルCSSスマートフォンテンプレートを使用する方法

■操作

1. スタイルに応じて以下の操作を行います。

   ※〔かんたん〕〔スタンダード〕：かんたんナビバーの［新規作成］ボタンをクリックし、［フルCSSスマートフォンテンプレート］を選択します。

   ※〔エディターズ〕：メニューバーから［ファイル-フルCSSスマートフォンテンプレートから新規作成］を選択します。

   ［フルCSSスマートフォンテンプレート］ダイアログボックスが表示されます。

2. ［テーマ］で、テーマを選択します。
3. ［デザイン］から適用したいデザインを選択します。
4. ［作成するページ］で［1ページ］を選択します。
5. ［ページの設定］ボタンをクリックします。

   ［ページの設定］ダイアログボックスが表示されます。

6. 一覧から作成したページを選択します。
7. 右側の［プレビュー］で、ページのイメージを確認します。
8. ［OK］ボタンをクリックします。

   ［フルCSSスマートフォンテンプレート］ダイアログボックスに戻ります。

9. ［OK］ボタンをクリックします。

   ［フルCSSスマートフォンテンプレートの保存］ダイアログボックスが表示されます。

10. ［保存場所］に、作成したページを保存する場所を指定します。
11. ［基本情報の入力］で、テンプレートの内容を、目的に応じた内容に変更します。
    • ［前回値の呼び出し］ボタンをクリックすると、前回のページ作成で入力した基本情報が項目に反映されます。
    • テンプレートに情報がない項目は、淡色表示されます。
12. ［保存］ボタンをクリックします。

    ページ編集画面に作成されたページが表示されます。作成されたページは、ページ編集画面で自由に編集することができます。

▲ページの先頭へ戻る

II 複数ページのフルCSSスマートフォンテンプレートを使用する方法

■操作

1. スタイルに応じて以下の操作を行います。

   ※〔かんたん〕〔スタンダード〕：かんたんナビバーの［新規作成］ボタンをクリックし、［フルCSSスマートフォンテンプレート］を選択します。

   ※〔エディターズ〕：メニューバーから［ファイル-フルCSSスマートフォンテンプレートから新規作成］を選択します。

   ［フルCSSスマートフォンテンプレート］ダイアログボックスが表示されます。

2. ［テーマ］で、テーマを選択します。
3. ［デザイン］から適用したいデザインを選択します。
4. ［作成するページ］で［すべてのページ］を選択します。
   • ［ページの設定］ボタンをクリックすると、作成するすべてのページの構成をプレビューを確認できます。
5. ［OK］ボタンをクリックします。

   ［フルCSSスマートフォンテンプレートの保存］ダイアログボックスが表示されます。

6. ［保存場所］に、作成したページを保存する場所を指定します。
7. ［サイト名］に、サイトの名前を入力します。
8. ［基本情報の入力］で、テンプレートの内容を、目的に応じた内容に変更します。
   • ［前回値の呼び出し］ボタンをクリックすると、前回のページ作成で入力した基本情報が項目に反映されます。
   • テンプレートに情報がない項目は、淡色表示されます。
9. ［保存］ボタンをクリックします。

   ページ編集画面に作成されたトップページが表示されます。作成されたページは、ページ編集画面で自由に編集することができます。

■関連情報

→パソコン用のページを変換して、スマートフォン用のページをサイトに追加する

→変換元のページとスマートフォン用のページの同期を取る

▲ページの先頭へ戻る