携 帯 サイト CMS Contents はじめに TOP... 1 基 本 設 定... 4 ページ 設 定... 5 画 像 管 理... 6 Step1 サイトを 作 成 しよう 1 画 像 を 登 録 する... 7 2 基 本 設 定 を う... 8 3 ページを 編 集 する... 9

携 帯 サイト CMS 操 作 マニュアル 2010/8/27 Revision1.1 SUNFIRST INC.

携 帯 サイト CMS Contents はじめに TOP... 1 基 本 設 定... 4 ページ 設 定... 5 画 像 管 理... 6 Step1 サイトを 作 成 しよう 1 画 像 を 登 録 する... 7 2 基 本 設 定 を う... 8 3 ページを 編 集 する... 9 1) 会 社 概 要 のページを 作 成 する... 9 2) お 知 らせ 記 事 のページを 作 成 する... 11 3) FAQ 記 事 のページを 作 成 する... 14 4) ページナビゲーションのページを 作 成 する... 17 1 HOME に 設 定 するページを 変 更 したい 場 合... 20 2 作 成 したページを 公 開 したい 場 合... 20 Step2 テンプレートをもとにページを 追 加 しよう 1 ページナビゲーション... 21 2 会 社 概 要... 25 3 アイテム 詳 細... 28 4 アイテム 覧... 31 5 クーポン 覧... 35 6 アンケート 覧... 38 7 お 知 らせ 記 事... 41 8 FAQ 記 事... 45 9 内 部 リンク 集... 49 10 外 部 リンク 集... 53 Step3 ページをカスタマイズしよう 1 外 部 リンクタイプのページを 作 成 しよう... 57 2 作 成 済 みのページを HTML で 編 集 しよう... 59 3 地 図 ページの 作 り... 62 4 会 員 登 録 ページの 作 り... 67 5 お 問 い 合 わせページの 作 り... 69

はじめに BrovalBoxアプリケーション 携 帯 サイトCMS の 概 要 及 び 各 メニューの 説 明 携 帯 サイトCMSの 管 理 画 は きく 分 けると TOP 基 本 設 定 ページ 設 定 画 像 管 理 の4つのカテゴリーから 成 って おり 各 カテゴリーでは 下 記 1 3の 内 容 を 設 定 することができま す 本 アプリケーションではテンプレ ートをもとにしたページ 作 成 を 主 としており プログラムの 知 識 は 不 要 です また HTML に よるページの 作 成 にも 対 応 してお ります 1 サイトの 基 本 設 定 ページに 共 通 する 基 本 設 定 です サイト 名 を 設 定 する ヘッダーイメージを 設 定 する ヘッダーコメントを 設 定 する フッターコメントを 設 定 する サイトのキーワードを 設 定 する サイトの 説 明 を 設 定 する Homeリンク 名 を 設 定 する 背 景 を 設 定 する 区 切 線 を 設 定 する 字 を 設 定 する リンク 字 を 設 定 する 2 ページを 管 理 する サイトを 構 成 する 各 ページの 設 定 です ページを 新 規 作 成 する ページ 名 テンプレート 種 類 でページを 検 索 する ページの 公 開 公 開 範 囲 の 設 定 をする ページのプレビューを 表 する ページのQRコードをダウンロードする ページの 編 集 をする Homeに 設 定 するページを 選 択 する 3 画 像 を 管 理 する 画 像 管 理 画 像 の 登 録 削 除 を います 使 可 能 なファイル 形 式 は jpg gif 画 像 となります 携 帯 端 末 メーカーや 機 種 によってはjpg gif 画 像 でも 表 できない 場 合 がございます ) 各 ページで 画 像 を 使 するためには まず 初 めに 画 像 管 理 より 画 像 の 登 録 を う 必 要 がございます 1

ページタイプについて ページタイプの 種 類 特 徴 テンプレートタイプ 10 種 類 のテンプレートから 途 に 合 ったものを 選 んで 作 成 します 外 部 リンクタイプ 外 部 サイトへのリンクを 設 定 します HTML 編 集 タイプ HTML 編 集 で 由 度 の いページを 作 成 します テンプレートについて テンプレートの 種 類 ページナビゲーション 会 社 概 要 アイテム 詳 細 アイテム 覧 クーポン 覧 アンケート 覧 お 知 らせ 記 事 FAQ 記 事 内 部 リンク 集 外 部 リンク 集 途 HOMEページなどのナビゲーションページ 会 社 の 概 要 ページ 商 品 やサービスなどを 紹 介 するページ アイテム 詳 細 ページ の 覧 を 表 するページ 販 売 促 進 で 作 成 したクーポン の 覧 を 表 するページ 販 売 促 進 で 作 成 したアンケート の 覧 を 表 するページ 記 事 タイトルと 記 事 内 容 を 紹 介 するページ FAQ 記 事 などを 紹 介 するページ ページ 内 のリンクページ 外 部 サイトのリンクページ コメント 欄 の ツールについて 各 ページに 共 通 するコメント 欄 では 以 下 の 装 飾 を うことができます 太 字 イタリック アンダーライン 取 り 消 し 線 字 位 置 ( 左 揃 え 中 央 揃 え 右 揃 え 均 等 割 付 ) 書 体 ( 英 書 体 のみ 対 応 ) フォントサイズ 字 字 背 景 絵 字 HTML ( 別 画 でソース 編 集 可 能 ) これらの 設 定 の 部 または 全 ては 携 帯 端 末 のメーカーや 機 種 によっては 反 映 されないケースがございますので ご 注 意 願 います コメント 欄 で 改 を う 場 合 通 常 の 様 に Enterキー で 改 しますとやや 広 めの 改 が ります 通 常 の 改 を れたい 場 合 には Shift + Enter で 改 を ってください 本 2

ページのステータスについて 携 帯 サイトCMSには ナビゲーション お 知 らせ 記 事 FAQ 記 事 会 社 概 要 の 4つのサンプルページが 登 録 されております デフォルト 設 定 ではステータスが 表 となっておりますので サイトを 公 開 する 場 合 には 必 ず 公 開 にチェックを れてくださ い ナビゲーションページでリンクを った 際 に 該 当 するページの ステータス が 公 開 となっていると こちらに 表 されません 3

基 本 設 定 ページに 共 通 する 基 本 情 報 を 設 定 します 設 定 画 携 帯 画 イメージ この 位 置 に 各 ページの 情 報 が 表 示 されます 各 項 について サイト 名 :ブックマーク 登 録 した 際 に サイト 名 各 ページのページ 名 称 が 表 されます ヘッダーイメージ: 全 てのページの 最 上 部 に 表 される 画 像 ヘッダーコメント: 全 てのページの 上 部 に 表 されます フッターコメント: 全 てのページの 下 部 に 表 されます ( 例 Copyrightなどを 記 載 します) サイトのキーワード:ページには 表 されません サイトの 説 明 :ページには 表 されません Homeリンク 名 :Home 以 外 のページの 下 部 に 表 される Homeへ 戻 るリンクボタンです 背 景 :ページ 全 体 の 背 景 です 区 切 線 : 各 項 を 区 切 る 平 線 です 字 :ページ 全 体 の 基 本 字 です リンク 字 :ページ 全 体 のリンク 字 です 4

ページ 設 定 サイトを 構 成 する 各 ページの 設 定 を います ページの 新 規 作 成 編 集 削 除 検 索 ページの 公 開 公 開 設 定 プレビュー 表 QRコードダ ウンロード Homeに 設 定 するペ ージの 選 択 などを うことができ ます 各 項 について 新 規 登 録 : 新 規 でページを 作 成 します Homeに 設 定 されているページ: 現 在 Home(Topページ)として 登 録 されているページが 表 されます ページ 検 索 : ページ 名 テンプレート 名 公 開 公 開 の 項 で ページを 検 索 することができます 検 索 結 果 : 作 成 済 みページ 覧 または 検 索 結 果 が 表 されます 5

画 像 管 理 画 像 の 追 加 と 削 除 各 画 像 の 管 理 を います 画 像 の 新 規 登 録 削 除 登 録 済 み 画 像 の 検 索 などを うことが できます 各 ページで 画 像 を 使 するた めには こちらから 画 像 の 登 録 を う 必 要 がございます 各 項 について 新 規 登 録 : 新 規 で 画 像 を 登 録 します 画 像 検 索 : 画 像 管 理 名 ファイル 名 登 録 の 項 で 画 像 を 検 索 することができます 検 索 結 果 : 登 録 済 み 画 像 覧 または 検 索 結 果 が 表 されます 使 可 能 なファイル 形 式 は jpg gif 画 像 となります 携 帯 端 末 メーカーや 機 種 によってはjpg gif 画 像 でも 表 できな い 場 合 がございます ) 6

Step1 サイトを 作 成 しよう 画 像 登 録 基 本 設 定 ページの 編 集 を い 簡 単 な 携 帯 サイトを 作 成 します 1 画 像 を 登 録 する ⅰ 携 帯 サイトCMSで 画 像 を 使 するためには ま ず 画 像 管 理 より 画 像 を 登 録 する 必 要 があります Topページより 画 像 管 理 を 開 き 新 規 登 録 をクリックします 使 可 能 なファイル 形 式 は jpg gif 画 像 となり ます 携 帯 端 末 メーカーや 機 種 によってはjpg gif 画 像 でも 表 できない 場 合 がございます ⅱ 画 像 情 報 画 が 表 されますので 参 照 から 登 録 したい 画 像 を 選 択 し 登 録 をクリック 画 像 管 理 名 に 適 当 な 名 前 を 設 定 し 最 後 に 確 認 をクリックします ⅲ 確 認 画 が 表 されますので 完 了 をクリッ クします ⅳ 完 了 画 が 表 され 画 像 の 登 録 は 完 了 です 戻 る をクリックします 7

2 基 本 設 定 を う ⅰ Topページより 基 本 設 定 をクリックします ここではサイト 全 体 に 共 通 して 表 されるイメージ やコメント 字 や 背 景 の 設 定 を うことがで きます ⅱ プレビュー をクリックすると 携 帯 画 でのイ メージを 確 認 することができます よろしければ 閉 じる をクリックします この 位 置 に 各 ページの 情 報 が 表 示 されます ⅲ プレビュー で 確 認 した 内 容 でよければ 確 認 をクリックします ⅳ 確 認 画 が 表 されますので 完 了 をクリック します 設 定 を 変 更 した 場 合 先 にこちらの 確 認 画 で 完 了 を 実 しないと 最 新 の 情 報 はプレビュー 画 で 確 認 できませんのでご 注 意 下 さい ⅴ 完 了 画 が 表 されますので 戻 る をクリック します 8

3 ページを 編 集 する 1) 会 社 概 要 のページを 編 集 する ⅰ Topページで ページ 設 定 を 選 択 します ページ 設 定 画 が 表 されます デフォルトで ナビゲーション お 知 らせ 記 事 FAQ 記 事 会 社 概 要 のサンプルページが 意 されております ので ここではそれらを 流 してページの 作 成 を っていきます サンプルページの 中 から 会 社 案 内 のページを 探 し 編 集 をクリックします デフォルトで ナビゲーション お 知 らせ 記 事 FAQ 記 事 会 社 概 要 のサンプルページが 登 録 さ れております ⅱ ページタイプ 選 択 画 が 表 されますので その まま 次 へ をクリックします ⅲ テンプレート 選 択 画 が 表 されますので 会 社 概 要 が 選 ばれていることを 確 認 して そのまま 次 へ をクリックします 9

ⅳ ページ 設 定 画 が 表 されますので 以 下 のそれ ぞれの 項 の 設 定 を い 確 認 をクリックします ページ 名 ( 必 須 ) ページイメージ ページコメント( 上 部 ) 会 社 概 要 ( 必 須 ) 会 社 概 要.1 会 社 概 要.2 ページコメント( 下 部 ) ⅴ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅵ 完 了 画 が 表 されますので そのまま 戻 る をクリックします 10

2) お 知 らせ 記 事 のページを 作 成 する ⅰ ページ 設 定 画 へ 戻 り サンプルページの 中 から お 知 らせ 記 事 のページを 探 し 編 集 を クリックします ⅱ ページタイプ 選 択 画 が 表 されますので テ ンプレートタイプ が 選 ばれていることを 確 認 して そのまま 次 へ をクリックします ⅲ テンプレート 選 択 画 が 表 されますので お 知 らせ 記 事 が 選 ばれていることを 確 認 して その まま 次 へ をクリックします 11

ⅳ ページ 設 定 画 が 表 されますので ページ 下 部 の 記 事 設 定 にある 新 規 登 録 をクリックしま す ⅴ 詳 細 画 が 表 されますので 以 下 のそれぞ れの 項 の 設 定 を い 確 認 をクリックします 付 記 事 名 ( 必 須 ) リンク 先 のページ 名 記 事 内 容 表 / 表 ( 必 須 ) ⅵ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅶ 完 了 画 が 表 されますので そのまま 閉 じる をクリックします 12

ⅷ ページ 設 定 画 へ 戻 りますので さらに 記 事 を 追 加 する 場 合 には 順 ⅳ からの 作 業 を 繰 り 返 しま す 記 事 設 定 が 完 了 しましたら ページ 上 部 の ペー ジ 設 定 にある 以 下 のそれぞれの 項 の 設 定 を い 確 認 をクリックします ページ 名 ( 必 須 ) ページイメージ ページコメント( 上 部 ) ページコメント( 下 部 ) ⅸ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅹ 完 了 画 が 表 されますので そのまま 閉 じる をクリックします 13

3) FAQ 記 事 のページを 作 成 する ⅰ ページ 設 定 画 へ 戻 り サンプルページの 中 から FAQ 記 事 のページを 探 し 編 集 をク リックします ⅱ ページタイプ 選 択 画 が 表 されますので テ ンプレートタイプ が 選 ばれていることを 確 認 して そのまま 次 へ をクリックします ⅲ テンプレート 選 択 画 が 表 されますので FAQ 記 事 が 選 ばれていることを 確 認 して その まま 次 へ をクリックします 14

ⅳ ページ 設 定 画 が 表 されますので ページ 下 部 の 記 事 設 定 にある 新 規 登 録 をクリックしま す ⅴ 詳 細 画 が 表 されますので 以 下 のそれぞ れの 項 の 設 定 を い 確 認 をクリックします 質 問 内 容 ( 必 須 ) 回 答 内 容 ( 必 須 ) 表 / 表 ( 必 須 ) ⅵ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅶ 完 了 画 が 表 されますので そのまま 閉 じる をクリックします 15

ⅷ ページ 設 定 画 へ 戻 りますので さらに 記 事 を 追 加 する 場 合 には 順 ⅳ からの 作 業 を 繰 り 返 しま す 記 事 設 定 が 完 了 しましたら ページ 上 部 の ペー ジ 設 定 にある 以 下 のそれぞれの 項 の 設 定 を い 確 認 をクリックします ページ 名 ( 必 須 ) ページイメージ ページコメント( 上 部 ) ページコメント( 下 部 ) ⅸ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅹ 完 了 画 が 表 されますので そのまま 閉 じる をクリックします 16

4) ページナビゲーションのページを 作 成 する ⅰ ページ 設 定 画 へ 戻 り サンプルページの 中 から ページナビゲーション のページを 探 し 編 集 をクリックします ⅱ ページタイプ 選 択 画 が 表 されますので テ ンプレートタイプ が 選 ばれていることを 確 認 して そのまま 次 へ をクリックします ⅲ テンプレート 選 択 画 が 表 されますので ペ ージナビゲーション が 選 ばれていることを 確 認 し て そのまま 次 へ をクリックします 17

ⅳ ページ 設 定 画 が 表 されますので ページ 下 部 の メニュー 設 定 にある 新 規 登 録 をクリック します ⅴ メニュー 設 定 画 が 表 されますので 以 下 のそ れぞれの 項 の 設 定 を い 確 認 をクリックしま す メニュー 名 ( 必 須 ) リンク 先 のページ 名 (プルダウンメニューから 選 択 ) ここでは Ⅰ で 作 成 した 会 社 概 要 を 選 択 表 / 表 ( 必 須 ) ⅵ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅶ 完 了 画 が 表 されますので そのまま 閉 じる をクリックします 18

ⅷ ページ 設 定 画 へ 戻 りますので 同 じ 要 領 で お 知 らせ 記 事 FAQ 記 事 を 新 規 登 録 します 完 了 しましたら ページ 上 部 の ページ 設 定 に ある 以 下 のそれぞれの 項 の 設 定 を い 確 認 を クリックします ページ 名 ( 必 須 ) ページイメージ ページコメント( 上 部 ) ページコメント( 下 部 ) ⅸ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅹ 完 了 画 が 表 されますので そのまま 閉 じる をクリックします 19

1 HOMEに 設 定 するページを 変 更 したい 場 合 ページ 設 定 画 のページ 覧 から HOME に 設 定 したいページの 欄 にある HOMEに 設 定 する を クリックします (デフォルトでは ナビゲーションページ が 選 択 されております ) HOMEに 設 定 されたページは 右 図 枠 内 に 表 され 他 の ページとは 区 別 されます 2 作 成 したページを 公 開 したい 場 合 作 成 した 各 ページには ステータス という 項 があり デフォルトでは 公 開 となっておりま す インターネットに 公 開 したい 場 合 には 公 開 に 設 定 する 必 要 があります 以 上 の 流 れで 下 記 のような 簡 単 なページ 構 成 の サイトが 出 来 上 がります 基 本 設 定 の プレビュー から 作 成 した 内 容 を 確 認 してみましょう 作 成 例 HOME お 知 らせ FAQ 会 社 概 要 20

Step2 各 テンプレート 毎 のページを 作 成 しよう 1 ページナビゲーション 他 ページへの 導 線 (ナビゲーション ナビゲーション)を うのに 適 したテンプレート テンプレートとなっております となっております 携 帯 サイトCMS CMSで 作 成 された 他 ページの 中 から リンク リンクさせたい させたいページ ページを 選 択 して 設 定 することができます 設 定 画 携 帯 画 イメージ ページを 作 成 する ⅰ ページ 設 定 画 を 選 択 し 新 規 登 録 をクリック します 21

ⅱ ページタイプ 選 択 画 が 表 されますので テン プレートタイプ を 選 択 して 次 へ クリックしま す ⅲ テンプレート 選 択 画 が 表 されますので ペー ジナビゲーション を 選 択 して 次 へ クリックし ます ⅳ ページ 設 定 画 が 表 されますので ページ 下 部 の メニュー 設 定 にある 新 規 登 録 をクリック します ⅴ メニュー 設 定 画 が 表 されますので 以 下 のそ れぞれの 項 の 設 定 を い 確 認 をクリックしま す メニュー 名 リンク 先 のページ(プルダウンメニューから 選 択 ) 作 成 済 みのページを 選 択 することができます 表 / 表 ( 必 須 ) 22

ⅵ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅶ 完 了 画 が 表 されますので そのまま 閉 じる をクリックします ⅷ ページ 設 定 画 へ 戻 りますので 同 じ 要 領 で 追 加 したいページを 新 規 登 録 します 完 了 しましたら ページ 上 部 の ページ 設 定 に ある 以 下 のそれぞれの 項 の 設 定 を い 確 認 を クリックします ページ 名 ( 必 須 ) ページイメージ ページコメント( 上 部 ) ページコメント( 下 部 ) 23

ⅸ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅹ 完 了 画 が 表 されますので そのまま 閉 じる をクリックします 24

2 会 社 概 要 企 業 や 店 舗 の 概 要 事 業 内 容 などの 作 成 に 適 したテンプレート テンプレートとなっております となっております 設 定 画 携 帯 画 イメージ ページを 作 成 する ⅰ ページ 設 定 画 を 選 択 し 新 規 登 録 をクリック します 25

ⅱ ページタイプ 選 択 画 が 表 されますので テン プレートタイプ を 選 択 して 次 へ クリックしま す ⅲ テンプレート 選 択 画 が 表 されますので 会 社 概 要 を 選 択 して 次 へ クリックします ⅳ ページ 設 定 画 が 表 されますので 以 下 のそれ ぞれの 項 の 設 定 を い 確 認 をクリックします ページ 名 ( 必 須 ) ページイメージ ページコメント( 上 部 ) 会 社 概 要 ( 必 須 ) 会 社 概 要.1 会 社 概 要.2 ページコメント( 下 部 ) 26

ⅴ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅵ 完 了 画 が 表 されますので そのまま 戻 る をクリックします 27

3 アイテム 詳 細 商 品 やサービス サービス メニュー メニューといった 項 それぞれの それぞれの 個 別 の 案 内 を 紹 介 したい 場 合 などに 適 したテンプレート テンプレートとなっ ております 各 アイテム1つにつき つにつき1 点 の 写 真 ( 画 像 )を 掲 載 することができます 設 定 画 携 帯 画 イメージ ページを 作 成 する ⅰ ページ 設 定 画 を 選 択 し 新 規 登 録 をクリック します 28

ⅱ ページタイプ 選 択 画 が 表 されますので テン プレートタイプ を 選 択 して 次 へ クリックしま す ⅲ テンプレート 選 択 画 が 表 されますので アイ テム 詳 細 を 選 択 して 次 へ クリックします ⅳ ページ 設 定 画 が 表 されますので 以 下 のそれ ぞれの 項 の 設 定 を い 確 認 をクリックします ページ 名 ( 必 須 ) ページイメージ ページコメント( 上 部 ) アイテム 名 ( 必 須 ) アイテムイメージ アイテム 概 要 アイテム 情 報.1 アイテム 情 報.2 画 像 表 ( 必 須 ) ページコメント( 下 部 ) 29

ⅴ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅵ 完 了 画 が 表 されますので そのまま 戻 る をクリックします 30

4 アイテム 覧 3のテンプレート テンプレートで 作 成 された 商 品 やサービス サービス メニュー メニューといった 項 を 覧 表 することが 出 来 るテンプレート となっております 設 定 画 携 帯 画 イメージ ページを 作 成 する ⅰ ページ 設 定 画 を 選 択 し 新 規 登 録 をクリック します 31

ⅱ ページタイプ 選 択 画 が 表 されますので テン プレートタイプ を 選 択 して 次 へ クリックしま す ⅲ テンプレート 選 択 画 が 表 されますので アイ テム 覧 を 選 択 して 次 へ クリックします ⅳ ページ 設 定 画 が 表 されますので ページ 下 部 の メニュー 設 定 にある 新 規 登 録 をクリック します 32

ⅴ 管 理 画 が 表 されますので 登 録 済 みアイテム 詳 細 覧 から 掲 載 したいアイテムの 欄 にあるチェッ クボックスにチェックを れ 選 択 をクリックし ます アイテムは 商 品 名 登 録 で 検 索 することが できます ( 複 数 選 択 可 ) ⅵ ページ 設 定 画 へ 戻 りますので ページ 上 部 の ページ 設 定 にある 以 下 のそれぞれの 項 の 設 定 を い 確 認 をクリックします ページ 名 ( 必 須 ) ページイメージ ページコメント( 上 部 ) ページコメント( 下 部 ) 33

ⅶ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅷ 完 了 画 が 表 されますので そのまま 戻 る をクリックします 34

5 クーポン 覧 BrovalBox BrovalBoxの 販 売 促 進 で 作 成 されたクーポン クーポンへの へのリンク リンクを 作 成 することのできるテンプレート テンプレートとなっております となっております 設 定 画 携 帯 画 イメージ ページを 作 成 する ⅰ ページ 設 定 画 を 選 択 し 新 規 登 録 をクリック します 35

ⅱ ページタイプ 選 択 画 が 表 されますので テン プレートタイプ を 選 択 して 次 へ クリックしま す ⅲ テンプレート 選 択 画 が 表 されますので クー ポン 覧 を 選 択 して 次 へ クリックします ⅳ ページ 設 定 画 が 表 されますので ページ 下 部 の メニュー 設 定 にある 新 規 登 録 をクリック します ⅴ 管 理 画 が 表 され BrovalBoxの 販 売 促 進 で 作 成 済 みのクーポン 覧 が 表 されますので リンク を 設 定 したいクーポンの 欄 にあるチェックボックス にチェックを れ 選 択 をクリックします 選 択 できるクーポンは 公 開 されているものに 限 定 されます ( 複 数 選 択 可 ) 36

ⅵ ページ 設 定 画 へ 戻 りますので ページ 上 部 の ページ 設 定 にある 以 下 のそれぞれの 項 の 設 定 を い 確 認 をクリックします ページ 名 ( 必 須 ) ページイメージ ページコメント( 上 部 ) ページコメント( 下 部 ) ⅶ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅷ 完 了 画 が 表 されますので そのまま 戻 る をクリックします 37

6 アンケート 覧 BrovalBox BrovalBoxの 販 売 促 進 で 作 成 されたアンケート アンケートへの へのリンク リンクを 作 成 することのできるテンプレート テンプレートとなっております となっております 設 定 画 携 帯 画 イメージ ページを 作 成 する ⅰ ページ 設 定 画 を 選 択 し 新 規 登 録 をクリック します 38

ⅱ ページタイプ 選 択 画 が 表 されますので テン プレートタイプ を 選 択 して 次 へ クリックしま す ⅲ テンプレート 選 択 画 が 表 されますので アン ケート 覧 を 選 択 して 次 へ クリックします ⅳ ページ 設 定 画 が 表 されますので ページ 下 部 の メニュー 設 定 にある 新 規 登 録 をクリック します ⅴ 管 理 画 が 表 され BrovalBoxの 販 売 促 進 で 作 成 済 みのアンケート 覧 が 表 されますので リン クを 設 定 したいアンケートの 欄 にあるチェックボッ クスにチェックを れ 選 択 をクリックします 選 択 できるアンケートは 公 開 されているものに 限 定 されます ( 複 数 選 択 可 ) 39

ⅵ ページ 設 定 画 へ 戻 りますので ページ 上 部 の ページ 設 定 にある 以 下 のそれぞれの 項 の 設 定 を い 確 認 をクリックします ページ 名 ( 必 須 ) ページイメージ ページコメント( 上 部 ) ページコメント( 下 部 ) ⅶ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅷ 完 了 画 が 表 されますので そのまま 戻 る をクリックします 40

7 お 知 らせ 記 事 お 知 らせ や What's New など など ピックアップ ピックアップして 記 事 を 紹 介 したい 場 合 などに 適 したテンプレート テンプレートとなっ ております 設 定 画 携 帯 画 イメージ ページを 作 成 する ⅰ ページ 設 定 画 を 選 択 し 新 規 登 録 をクリック します 41

ⅱ ページタイプ 選 択 画 が 表 されますので テン プレートタイプ を 選 択 して 次 へ クリックしま す ⅲ テンプレート 選 択 画 が 表 されますので お 知 らせ 記 事 を 選 択 して 次 へ クリックします ⅳ ページ 設 定 画 が 表 されますので ページ 下 部 の 記 事 設 定 にある 新 規 登 録 をクリックしま す ⅴ 詳 細 画 が 表 されますので 以 下 のそれぞ れの 項 の 設 定 を い 確 認 をクリックします 付 記 事 名 ( 必 須 ) リンク 先 のページ 名 記 事 内 容 表 / 表 ( 必 須 ) 42

ⅵ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅶ 完 了 画 が 表 されますので そのまま 閉 じる をクリックします ⅷ ページ 設 定 画 へ 戻 りますので さらに 記 事 を 追 加 する 場 合 には 順 ⅳ からの 作 業 を 繰 り 返 しま す 記 事 設 定 が 完 了 しましたら ページ 上 部 の ペー ジ 設 定 にある 以 下 のそれぞれの 項 の 設 定 を い 確 認 をクリックします ページ 名 ( 必 須 ) ページイメージ ページコメント( 上 部 ) ページコメント( 下 部 ) 43

ⅸ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅹ 完 了 画 が 表 されますので そのまま 戻 る をクリックします 44

8 FAQ 記 事 FAQ FAQのような のような 問 答 形 式 のページ ページを 作 成 したい 場 合 などに 適 したテンプレート テンプレートとなっております となっております 設 定 画 携 帯 画 イメージ ページを 作 成 する ⅰ ページ 設 定 画 を 選 択 し 新 規 登 録 をクリック します 45

ⅱ ページタイプ 選 択 画 が 表 されますので テン プレートタイプ を 選 択 して 次 へ クリックしま す ⅲ テンプレート 選 択 画 が 表 されますので FAQ 記 事 を 選 択 して 次 へ クリックします ⅳ ページ 設 定 画 が 表 されますので ページ 下 部 の 記 事 設 定 にある 新 規 登 録 をクリックしま す ⅴ 詳 細 画 が 表 されますので 以 下 のそれぞ れの 項 の 設 定 を い 確 認 をクリックします 質 問 内 容 ( 必 須 ) 回 答 内 容 ( 必 須 ) 表 / 表 ( 必 須 ) 46

ⅵ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅶ 完 了 画 が 表 されますので そのまま 閉 じる をクリックします ⅷ ページ 設 定 画 へ 戻 りますので さらに 記 事 を 追 加 する 場 合 には 順 ⅳ からの 作 業 を 繰 り 返 しま す 記 事 設 定 が 完 了 しましたら ページ 上 部 の ペー ジ 設 定 にある 以 下 のそれぞれの 項 の 設 定 を い 確 認 をクリックします ページ 名 ( 必 須 ) ページイメージ ページコメント( 上 部 ) ページコメント( 下 部 ) 47

ⅸ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅹ 完 了 画 が 表 されますので そのまま 戻 る をクリックします 48

9 内 部 リンク 集 携 帯 サイトCMS CMSツール 内 で 作 成 されたページ ページのリンク 集 を 作 成 することのできるテンプレート テンプレートとなっております となっております 設 定 画 携 帯 画 イメージ ページを 作 成 する ⅰ ページ 設 定 画 を 選 択 し 新 規 登 録 をクリック します 49

ⅱ ページタイプ 選 択 画 が 表 されますので テン プレートタイプ を 選 択 して 次 へ クリックしま す ⅲ テンプレート 選 択 画 が 表 されますので 内 部 リンク 集 を 選 択 して 次 へ クリックします ⅳ ページ 設 定 画 が 表 されますので ページ 下 部 の メニュー 設 定 にある 新 規 登 録 をクリック します ⅴ 詳 細 画 が 表 されますので 以 下 の 項 を 設 定 し 確 認 をクリックします メニュー 名 ( 必 須 ) リンク 先 のページ 名 (プルダウン)( 必 須 ) 説 明 表 / 表 ( 必 須 ) 50

ⅵ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅶ 完 了 画 が 表 されますので そのまま 閉 じる をクリックします 51

ⅷ ページ 設 定 画 へ 戻 りますので 同 じ 要 領 でリン クさせたいページを 新 規 登 録 します 完 了 しましたら ページ 上 部 の ページ 設 定 に ある 以 下 のそれぞれの 項 の 設 定 を い 確 認 を クリックします ページ 名 ( 必 須 ) ページイメージ ページコメント( 上 部 ) ページコメント( 下 部 ) ⅸ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅹ 完 了 画 が 表 されますので そのまま 戻 る をクリックします 52

10 外 部 リンク 集 携 帯 サイトCMS CMSツール 内 で 作 成 されたページ ページのリンク 集 を 作 成 することのできるテンプレート テンプレートとなっております となっております 設 定 画 携 帯 画 イメージ ページを 作 成 する ⅰ ページ 設 定 画 を 選 択 し 新 規 登 録 をクリック します 53

ⅱ ページタイプ 選 択 画 が 表 されますので テン プレートタイプ を 選 択 して 次 へ クリックしま す ⅲ テンプレート 選 択 画 が 表 されますので 外 部 リンク 集 を 選 択 して 次 へ クリックします ⅳ ページ 設 定 画 が 表 されますので ページ 下 部 の メニュー 設 定 にある 新 規 登 録 をクリック します ⅴ 詳 細 画 が 表 されますので 以 下 の 項 を 設 定 し 確 認 をクリックします メニュー 名 ( 必 須 ) リンク 先 アドレス( 必 須 ) 説 明 表 / 表 ( 必 須 ) 54

ⅵ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅶ 完 了 画 が 表 されますので そのまま 閉 じる をクリックします ⅷ ページ 設 定 画 へ 戻 りますので 同 じ 要 領 でリン クさせたいページを 新 規 登 録 します 完 了 しましたら ページ 上 部 の ページ 設 定 に ある 以 下 のそれぞれの 項 の 設 定 を い 確 認 を クリックします ページ 名 ( 必 須 ) ページイメージ ページコメント( 上 部 ) ページコメント( 下 部 ) 55

ⅸ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅹ 完 了 画 が 表 されますので そのまま 戻 る をクリックします 56

Step3 ページをカスタマイズしよう 1 外 部 リンクタイプのページ ページを 作 成 しよう 外 部 のサイト サイトへの へのリンク リンクを 設 定 するページ ページを 作 成 します (テンプレートタイプ テンプレートタイプの リンク 集 ( 外 部 ) とは 表 法 に 違 いがあります ) ページを 作 成 する ⅰ ページ 設 定 画 を 選 択 し 新 規 登 録 をクリック します ⅱ ページタイプ 選 択 画 が 表 されますので 外 部 リンクタイプ を 選 択 して 次 へ をクリックしま す ⅲ ページ 設 定 画 が 表 されますので ページ 名 と リンク 先 アドレス を して 確 認 をリッ クします 57

リンク 集 ( 外 部 )と 外 部 リンクタイプの 違 い リンク 集 ( 外 部 ) 外 部 リンクタイプ クリック! クリック! URLで 指 定 されたサイトへ 直 接 ジャンプします 1 階 層 下 のページへ 移 動 し 設 定 されている 外 部 リンクサイト の 覧 が 表 されたページが 開 きます そこで 更 にメニューを 選 択 する と 指 定 されたサイトへジャンプ します 58

2 作 成 済 みのページ ページをHTML 編 集 しよう テンプレート テンプレートを 基 に 作 成 されたページ ページのカスタマイズ カスタマイズを うことができます うことができます 度 HTML 編 集 タイプで 編 集 を った ったページ ページは 再 度 テンプレートタイプで 編 集 することはできませんのでご 注 意 願 います ページを 編 集 する ⅰ 作 成 済 みのページ 覧 から 編 集 したいページの 欄 にある 編 集 をクリックします ⅱ ページタイプ 選 択 画 が 表 されますので HTML 編 集 タイプ を 選 択 して 次 へ をクリック します ⅲ ページ 設 定 画 が 表 されます ここでは 番 下 に 画 像 を 新 たに 加 えてみましょう 従 業 員 数 : の 下 にカーソルを 合 わせ 枠 内 の 画 像 の 挿 / 編 集 ボタンをクリックし ます HTMLソースを 直 接 編 集 したい 場 合 には 右 図 点 線 枠 内 の HTML ボタンをクリックします 59

ⅳ 画 像 の 挿 / 編 集 の 設 定 画 が 表 されますので 以 下 の 項 をそれぞれ 設 定 し 挿 をクリッ ク 画 像 URL: 画 像 データが 格 納 されている 場 所 画 像 の 説 明 :Alt 情 報 配 置 :Baseline,Top,Middle,Bottom,Text top, Text bottom,left,rigth から 選 択 サイズ: 単 位 ピクセル 枠 線 : 単 位 ピクセル 上 下 余 : 単 位 ピクセル 左 右 余 : 単 位 ピクセル 1 画 像 管 理 に 登 録 されている 画 像 を 参 照 することはできません 2 本 ではBrovalboxの Web フォルダ 内 に cms-photo というフォルダを 作 成 し その 中 に pageimage.jpg という 画 像 ファイルを 格 納 しております URL://brovalbox/cms-photo/pageimage.jpg ⅴ 画 像 が 挿 されていることを 確 認 し 確 認 ボタ ンをクリックします 60

ⅴ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅵ 完 了 画 が 表 されますので そのまま 閉 じる をクリックします 61

3 地 図 ページの 作 り ここでは ここではGoogle Mapsを 携 帯 サイト 上 に 表 する する 法 をご 案 内 します 作 成 された 地 図 の 拡 / 縮 中 を 移 動 するといった 動 作 はできません Ⅰ Googleのアカウント アカウントを 取 得 する ⅰ まずは 以 下 のサイトよりGoogleのアカウントを 取 得 します すでに 持 っている は 新 たに 取 得 して いただく 必 要 はございません URL:https://www.google.com/accounts アカウント 発 は 無 料 です ⅱ 続 いて 以 下 のサイトよりGoogle MapsのAPIキ ーを 取 得 します URL: http://code.google.com/intl/ja/apis/maps/si gnup.html 利 規 約 に 同 意 のうえ ウェブサイトのURLを し APIキーの 成 をクリック ⅲ いくつかの 項 に 分 かれて 表 されますが 今 回 使 するのは HTTP Service Example の 項 の 右 図 枠 内 key= の 部 分 が 取 得 キーとなります こちらのキーが 必 要 となりますのでコピーして 保 存 しておきましょう 62

Ⅱ 地 図 の 中 点 を 決 める ⅰ 地 図 の 中 点 マーカーで 指 し す 場 所 は 緯 度 と 経 度 で 設 定 します 緯 度 経 度 の 導 き 出 し は 様 々ありますが こちらで は 例 を 紹 介 します 以 下 のサイトにアクセスして ください URL:http://www.benricho.org/chimei/get_La tlon/ 表 させたい 場 所 の 中 点 を 設 定 し その 時 に 表 され ている 緯 度 経 度 をコピーして 保 存 します Ⅲ ページを 編 集 する ⅰ ページ 設 定 画 を 選 択 し 新 規 登 録 をクリック します ⅱ ページタイプ 選 択 画 が 表 されますので HTML 編 集 タイプ を 選 択 して 次 へ をクリック します ⅲ ページ 設 定 画 が 表 されますので 右 図 枠 部 分 の HTML をクリックします 63

ⅳ HTMLソースエディタが 開 きますので 以 下 の 例 を 参 考 に します 設 定 例 パラメータ( 必 須 ) 以 下 の 設 定 をそのまま http://maps.google.com/staticmap? center( 必 須 ) 地 図 の 中 央 にあたる 座 標 となります center=35.454722,139.631667 zoom( 必 須 ) ズームレベルを0 19の 間 で 指 定 ( 例 は14) zoom=14 size( 必 須 ) 地 図 のサイズを 指 定 します 指 定 できる 最 の きさは512 512 ( 例 は230 200) size=230x200 maptype モバイル なので mobile と 指 定 maptype=mobile markers マーカーを 地 図 上 に 表 したい 場 合 に 緯 度 経 度 を 指 定 マーカーの は red,blue,green から 記 号 は a z または からそれぞれ 指 定 することができます ( 例 は を green 記 号 を z に 指 定 ) 記 号 の 指 定 をしなかった 場 合 には と 表 されます markers=35.454722,139.631668,greenz key( 必 須 ) Google Maps API(Ⅰ-ⅲ) で 取 得 した key を 設 定 します key=abqiaaaa7y2p9ovm_********************* 64

ⅴ ⅳ の 設 定 例 を 参 考 に するとこのように なります 本 では 改 を れ やすくしておりますが 実 際 は 改 は れずに して 下 さい ⅵ 実 際 のデータは 右 図 のような 続 きのソースとな ります こちらのソースを <img src=" ">の " " の 中 に れ 込 みHTMLを 完 成 させます 1 の 右 端 に 空 欄 がありますが 強 制 的 な 折 り 返 し で 改 は れておりません ⅶ データの が 完 了 しましたら 更 新 をクリッ クします ⅷ ページ 設 定 画 に 戻 りますので その 他 の 編 集 を います 完 了 したら 確 認 をクリック 作 成 した 地 図 はモバイル の 地 図 となる 為 閲 覧 画 では 表 となってしまうことがございます 同 様 にプレビューでも 表 されない 場 合 がございます が その 場 合 は 直 接 携 帯 電 話 からご 確 認 願 います 65

ⅸ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅹ 完 了 画 が 表 されますので そのまま 閉 じる をクリックします ⅹⅰ 完 成 した 地 図 は 右 の 図 のようなイメージで 表 さ れます 地 図 のセンターの 位 置 や 縮 尺 を 調 整 して 完 成 となります 66

4 会 員 登 録 ページの 作 り 携 帯 サイトからも 会 員 登 録 ができるよう 会 員 登 録 ページへの へのリンク リンクを 作 成 します ページを 作 成 する ⅰ ページ 設 定 画 を 選 択 し 新 規 登 録 をクリック します ⅱ ページタイプ 選 択 画 が 表 されますので 外 部 リンクタイプ を 選 択 して 次 へ をクリックしま す ⅲ ページ 名 と リンク 先 アドレス を 設 定 して 確 認 をクリックします リンクアドレス 欄 には http://ドメイン /bbm/promotion/www/ と または 以 下 の 順 で 確 認 することができます Brovalbox 販 売 促 進 ポイント 管 理 プレビュー こちらに 記 載 されいている リンクURL 部 分 をそのま ま 設 定 します ( 右 図 参 照 ) 67

ⅳ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします ⅵ 完 了 画 が 表 されますので そのまま 閉 じる をクリックします ⅴ 完 成 した 地 図 は 右 の 図 のようなイメージで 表 さ れます 既 に 登 録 済 みの 場 合 は 会 員 証 が 表 されます 68

5 お 問 い 合 わせページ ページの 作 り 携 帯 サイトから からメール メールで 問 い 合 わせが えるように 設 定 します ページを 作 成 する ⅰ ここでは 作 成 済 みの HOME(ページメニュ ー) の ページコメント 下 部 に 問 い 合 わせリン クを 設 定 します ページ 設 定 画 で HOMEの 編 集 をクリッ クします ⅱ ページタイプ 選 択 画 が 表 されますので その まま 次 へ をクリックします ⅲ テンプレート 選 択 画 が 表 されますので その まま 次 へ をクリックします 69

ⅳ ページ 設 定 画 が 表 されますので ページコ メント( 下 部 ) 欄 の HTML をクリックします ⅴ HTMLソースエディタが 表 されますので 以 下 の 様 に 設 定 して 更 新 をクリックします 例 1 <a href="mailto: 送 信 先 メールアドレ ス?subject= 題 名 ">リンクボタン 名 </a> 題 名 (subject)に 関 しましては 携 帯 の 機 種 によっ ては 字 化 けや 表 されないケースがございますので 送 信 先 メールアドレスのみ 設 定 する 場 合 には 以 下 のよう に 設 定 します 例 2 <a href="mailto: 送 信 先 メールアドレス">リンク ボタン 名 </a> 70

ⅵ ページ 設 定 画 に 戻 りますので そのまま 確 認 をクリックします ⅶ 確 認 画 が 表 されますので よろしければその まま 完 了 をクリックします 71

ⅷ 完 了 画 が 表 されますので そのまま 閉 じる をクリックします ⅸ ページ 下 部 に お 問 い 合 わせはこちら のリンク が 作 成 されました こちらをクリックすると 各 携 帯 端 末 のメーラーが 起 動 します 機 種 によっては 件 名 が 字 化 けしてしまうことが あります 72