携帯サイトのヘッダーの画像を編集する

Annexでは、パソコン用ホームページを作ると同時に、携帯サイトも作成されます。ここでは、携帯サイトの最上部（「ヘッダー」エリア）に表示される画像の編集方法を説明します。

編集モードを切り替える

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

設定画面を進める

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

携帯電話用ページのビルボード画像を設定する

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

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

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

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

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

サイトエディタに戻ったら、「編集モード切り替えボタン」の「携帯サイト」ボタンをクリックし［３］、設定した画像が配置されているのを確認して完了です［４］。