ここでは、スマートフォンサイトのビルボードに表示される画像の編集方法を説明します。

編集モードを切り替える

サイトエディタの下部にある「編集モード切り替えボタン」の「スマートフォン」ボタンをクリックし［１］、スマートフォン用ホームページの編集モードに切り替えます。次に「ビルボード」エリアをクリックし［２］、〈編集〉ボタンをクリックします［３］。

設定画面を進める

「ビルボードの設定」が表示されたら、「テンプレートの選択」→「テキスト・画像の入力（PC）」→「テキスト・画像の入力（スマートフォン）」画面へ、〈次へ〉ボタンをクリックして進めます［１］。

スマートフォンサイト用のビルボード画像を設定する

「テキスト・画像の入力（スマフォ設定）」画面が表示されたら、キャッチコピーとなる「サブタイトル」と、ビルボードの中央に表示される「タイトル」を入力して、必要に応じてフォント、フォントカラー、フォントサイズの変更を行います［１］。次にビルボードの背景画像を設定しましょう［2］。

「画像選択画面」が表示されたら背景に利用したい画像を選択して［３］、〈選択〉ボタンをクリックします［４］。

さらに「テキスト・画像の入力（携帯電話）」画面で〈ロゴ画像〉をクリックして［５］、タイトルとともにビルボードの中央に表示される画像を設定します。設定が完了したら、〈次へ〉ボタンをクリックします［６］。

設定したタイトル、画像などを確認する

設定の確認」画面が表示されたら、入力したテキストおよび、選択した画像が反映されていることを確認し［１］、〈適用〉ボタンをクリックします［２］。

適用後、設定した画像がサイトエディタのビルボードに配置されているのを確認して完了です。