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

(1)

携帯サイト

_{携帯サイト CMS}

CMS

操作

操作マニュアル

マニュアル

2010/8/27 Revision1.1

(2)

◆はじめに

TOP ... 1

基本設定 ... 4

ページ設定 ... 5

画像管理 ... 6

◆Step１サイトを作成しよう

① 画像を登録する ... 7

② 基本設定を⾏う ... ８

③ ページを編集する ... 9

1) 会社概要のページを作成する ... 9

2) お知らせ記事のページを作成する ...11

3) FAQ 記事のページを作成する ...14

4) ページナビゲーションのページを作成する ...17

※1 HOME に設定するページを変更したい場合 ...20

※2 作成したページを公開したい場合 ... 20

◆Step２テンプレートをもとにページを追加しよう

① ページナビゲーション ... 21

② 会社概要 ...25

③ アイテム詳細 ... 28

④ アイテム⼀覧 ... 31

⑤ クーポン⼀覧 ... 35

⑥ アンケート⼀覧 ... 38

⑦ お知らせ記事 ... 41

⑧ FAQ 記事 ... 45

⑨ 内部リンク集 ... 49

⑩ 外部リンク集 ... 53

◆Step３ページをカスタマイズしよう

① 外部リンクタイプのページを作成しよう ... 57

② 作成済みのページを HTML で編集しよう ...59

③ 地図ページの作り⽅ ... 62

携帯サイト CMS ≪Contents≫

⾴

(3)

はじめに…

サイト

サイトの

の

の基本設定

基本設定

①

■

BrovalBoxアプリケーション「携帯サイトCMS」の概要及び各メニューの説明。

≪ページに共通する基本設定です≫ ・サイト名を設定する。・ヘッダーイメージを設定する。・ヘッダーコメントを設定する。・フッターコメントを設定する。・サイトのキーワードを設定する。・サイトの説明⽂を設定する。

ページ

ページを

を

を管理

管理

管理する

する

②

画像

画像を

を

を管理

管理

管理する

する

③

≪サイトを構成する各ページの設定です≫ ・ページを新規作成する。・ページのQRコードをダウンロードする。・ページ名、テンプレート種類でページを検索する。・ページの編集をする。・ページの公開・⾮公開範囲の設定をする。・Homeに設定するページを選択する。・ページのプレビューを表⺬する。携帯サイトCMSの管理画⾯は、⼤きく分けると「TOP」「基本設定」「ページ設定」「画像管理」の４つのカテゴリーから成っており、各カテゴリーでは下記①∼ ③の内容を設定することができます。本アプリケーションではテンプレートをもとにしたページ作成を主としており、プログラムの知識は不要です。また、HTML⼊⼒によるページの作成にも対応しております。・Homeリンク名を設定する。・背景⾊を設定する。・区切線⾊を設定する。・⽂字⾊を設定する。・リンク⽂字⾊を設定する。 ≪画像管理≫

(4)

◆ コメント欄の⼊⼒ツールについて

≪各ページに共通するコメント⼊⼒欄では以下の装飾を⾏うことができます≫ ・太字・イタリック・アンダーライン・取り消し線・⽂字位置（左揃え、中央揃え、右揃え、均等割付）・書体（英⽂書体のみ対応）・フォントサイズ・⽂字⾊・⽂字背景⾊・絵⽂字・HTML⼊⼒（別画⾯でソース編集可能） ※これらの設定の⼀部または全ては、携帯端末のメーカーや機種によっては反映されないケースがございますので、ご注意願います。 ※コメント欄で改⾏を⾏う場合、通常の様に「Enterキー」で改⾏しますとやや広めの改⾏が⼊ります。通常の改⾏を⼊れたい場合には「Shift ＋ Enter」で改⾏を⾏ってください。 ≪⾒本≫

◆ テンプレートについて

≪テンプレートの種類≫ ・ページナビゲーション ……… ・会社概要 ……… ・アイテム詳細 ……… ・アイテム⼀覧 ……… ・クーポン⼀覧 ……… ・アンケート⼀覧 ……… ・お知らせ記事 ……… ・FAQ記事 ……… ・内部リンク集 ……… ・外部リンク集 ………

◆ ページタイプについて

≪⽤途≫ HOMEページなどのナビゲーションページ会社の概要ページ商品やサービスなどを紹介するページ「アイテム詳細ページ」の⼀覧を表⺬するページ「販売促進で作成したクーポン」の⼀覧を表⺬するページ「販売促進で作成したアンケート」の⼀覧を表⺬するページ記事タイトルと記事内容を紹介するページ FAQ記事などを紹介するページページ内のリンクページ外部サイトのリンクページ ≪ページタイプの種類≫ ・テンプレートタイプ ……… ・外部リンクタイプ ……… ・HTML編集タイプ ……… ≪特徴≫ 10種類のテンプレートから⽤途に合ったものを選んで作成します。外部サイトへのリンクを設定します。 HTML編集で⾃由度の⾼いページを作成します。

(5)

◆ ページのステータスについて

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

(6)

基本設定

各項⽬

各項⽬について

について

◆ ■

ページに共通する基本情報を設定します。

サイト名：ブックマーク登録した際に、「サイト名 − 各ページのページ名称」が表⺬されます。ヘッダーイメージ：全てのページの最上部に表⺬される画像。ヘッダーコメント：全てのページの上部に表⺬されます。フッターコメント：全てのページの下部に表⺬されます。（例 Copyrightなどを記載します）サイトのキーワード：ページには表⺬されません。サイトの説明⽂：ページには表⺬されません。 Homeリンク名：Home以外のページの下部に表⺬される、Homeへ戻るリンクボタンです。背景⾊：ページ全体の背景⾊です。区切線⾊：各項⽬を区切る⽔平線です。⽂字⾊：ページ全体の基本⽂字⾊です。リンク⽂字⾊：ページ全体のリンク⽂字⾊です。設定画⾯携帯画⾯イメージ

この位置に各ページの情

報が表示されます。

(7)

ページ設定

各項⽬

各項⽬について

について

◆ ■

サイトを構成する各ページの設定を⾏います。

新規登録：新規でページを作成します。 Homeに設定されているページ：現在Home（Topページ）として登録されているページが表⺬されます。ページ検索：「ページ名」「テンプレート名」「公開・⾮公開」の項⽬で、ページを検索することができます。検索結果：作成済みページ⼀覧、または検索結果が表⺬されます。ページの新規作成・編集・削除、検索、ページの公開・⾮公開設定、プレビュー表⺬、QRコードダウンロード、Homeに設定するページの選択などを⾏うことができます。

(8)

画像管理

各項⽬

各項⽬について

について

◆ ■

画像の追加と削除、各画像の管理を⾏います。

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

(9)

Step１サイトを作成しよう

画像

画像を

を

を登録

登録

登録する

する

①

■

画像登録、基本設定、ページの編集を⾏い、簡単な携帯サイトを作成します。

ⅰ、携帯サイトCMSで画像を使⽤するためには、まず画像管理より画像を登録する必要があります。 Topページより【画像管理】を開き、【新規登録】をクリックします。 ※使⽤可能なファイル形式は「jpg」「gif」画像となります。携帯端末メーカーや機種によってはjpg、gif画像でも表⺬できない場合がございます。 ⅱ、画像情報画⾯が表⺬されますので、【参照】から登録したい画像を選択し、【登録】をクリック。【画像管理名】に適当な名前を設定し最後に【確認】をクリックします。 ⅲ、確認画⾯が表⺬されますので、【完了】をクリックします。

(10)

基本設定

基本設定を

を

を⾏

⾏

⾏う

う

②

ⅰ、 Topページより【基本設定】をクリックします。ここではサイト全体に共通して表⺬されるイメージやコメント、⽂字⾊や背景⾊の設定を⾏うことができます。 ⅱ、【プレビュー】をクリックすると、携帯画⾯でのイメージを確認することができます。よろしければ【閉じる】をクリックします。 ⅲ、【プレビュー】で確認した内容でよければ、【確認】をクリックします。

この位置に各ページの

情報が表示されます。

ⅳ、確認画⾯が表⺬されますので、【完了】をクリックします。 ※設定を変更した場合、先にこちらの確認画⾯で「完了」を実⾏しないと、最新の情報はプレビュー画⾯で確認できませんのでご注意下さい。 ⅴ、

(11)

ページ

ページを

を

を編集

編集

編集する

する

③

1) 会社概要のページを編集する

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

(12)

ⅳ、ページ設定画⾯が表⺬されますので、以下のそれぞれの項⽬の設定を⾏い【確認】をクリックします。・ページ名（必須）・ページイメージ・ページコメント（上部）・会社概要（必須）・会社概要.1 ・会社概要.2 ・ページコメント（下部） ⅴ、確認画⾯が表⺬されますので、よろしければそのまま【完了】をクリックします。 ⅵ、完了画⾯が表⺬されますので、そのまま【戻る】をクリックします。

(13)

2) お知らせ記事のページを作成する

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

(14)

ⅵ、確認画⾯が表⺬されますので、よろしければそのまま【完了】をクリックします。 ⅳ、ページ設定画⾯が表⺬されますので、ページ下部の「記事設定」にある【新規登録】をクリックします。 ⅴ、詳細⼊⼒画⾯が表⺬されますので、以下のそれぞれの項⽬の設定を⾏い【確認】をクリックします。・⽇付・記事名（必須）・リンク先のページ名・記事内容・表⺬／⾮表⺬（必須） ⅶ、完了画⾯が表⺬されますので、そのまま【閉じる

(15)

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

(16)

3) FAQ記事のページを作成する

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

(17)

ⅵ、確認画⾯が表⺬されますので、よろしければそのまま【完了】をクリックします。 ⅳ、ページ設定画⾯が表⺬されますので、ページ下部の「記事設定」にある【新規登録】をクリックします。 ⅴ、詳細⼊⼒画⾯が表⺬されますので、以下のそれぞれの項⽬の設定を⾏い【確認】をクリックします。・質問内容（必須）・回答内容（必須）・表⺬／⾮表⺬（必須）

(18)

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

(19)

4) ページナビゲーションのページを作成する

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

(20)

ⅵ、確認画⾯が表⺬されますので、よろしければそのまま【完了】をクリックします。 ⅳ、ページ設定画⾯が表⺬されますので、ページ下部の「メニュー設定」にある【新規登録】をクリックします。 ⅴ、メニュー設定画⾯が表⺬されますので、以下のそれぞれの項⽬の設定を⾏い【確認】をクリックします。・メニュー名（必須）・リンク先のページ名（プルダウンメニューから選択） ※ここでは「Ⅰ」で作成した「会社概要」を選択・表⺬／⾮表⺬（必須） ⅶ、完了画⾯が表⺬されますので、そのまま【閉じる】をクリックします。

(21)

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

(22)

作成した各ページには「ステータス」という項⽬があり、デフォルトでは【⾮公開】となっております。インターネットに公開したい場合には【公開】に設定する必要があります。以上の流れで、下記のような簡単なページ構成のサイトが出来上がります。【基本設定】の【プレビュー】から作成した内容を確認してみましょう。ページ設定画⾯のページ⼀覧から「HOME」に設定したいページの欄にある【HOMEに設定する】をクリックします。（デフォルトでは「ナビゲーションページ」が選択されております。） ※HOMEに設定されたページは「右図」⾚枠内に表⺬され、他のページとは区別されます。

※1 HOMEに設定するページを変更したい場合

HOME お知らせ FAQ 会社概要 ≪作成例≫

※2 作成したページを公開したい場合

(23)

Step２各テンプレート毎のページを作成しよう

ページ

ページを

を

を作成

作成

作成する

する

○

■ ■■■他他他他ページページページページへのへのへのへの導線導線導線導線（（（（ナビゲーションナビゲーションナビゲーションナビゲーション））を））ををを⾏⾏⾏⾏うのにうのにうのにうのに適適した適適したしたしたテンプレートテンプレートテンプレートテンプレートとなっておりますとなっておりますとなっておりますとなっております。。。。携帯携帯携帯携帯サイトサイトサイトサイトCMSCMSCMSCMSでででで作成作成作成された作成されたされたされた他他他他ページページページページのののの中中中中からから、からから、、、リンクリンクリンクリンクさせたいさせたいさせたいさせたいページページページページをを選択をを選択選択選択してしてしてして設定設定設定設定することができますすることができますすることができますすることができます。。。。設定画⾯携帯画⾯イメージ ⅰ、ページ設定画⾯を選択し【新規登録】をクリックします。

①

ページナビゲーション

(24)

ⅱ、ページタイプ選択画⾯が表⺬されますので【テンプレートタイプ】を選択して【次へ】クリックします。 ⅲ、テンプレート選択画⾯が表⺬されますので【ページナビゲーション】を選択して【次へ】クリックします。 ⅳ、ページ設定画⾯が表⺬されますので、ページ下部の「メニュー設定」にある【新規登録】をクリックします。 ⅴ、メニュー設定画⾯が表⺬されますので、以下のそれぞれの項⽬の設定を⾏い【確認】をクリックします。・メニュー名・リンク先のページ（プルダウンメニューから選

(25)

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

(26)

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

(27)

ページ

ページを

を

を作成

作成

作成する

する

○

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

②

会社概要

(28)

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

(29)

ⅴ、確認画⾯が表⺬されますので、よろしければそのまま【完了】をクリックします。 ⅵ、完了画⾯が表⺬されますので、そのまま【戻る】をクリックします。

(30)

ページ

ページを

を

を作成

作成

作成する

する

○

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

③

アイテム

アイテム詳細

詳細

(31)

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

(32)

ⅴ、確認画⾯が表⺬されますので、よろしければそのまま【完了】をクリックします。 ⅵ、完了画⾯が表⺬されますので、そのまま【戻る】をクリックします。

(33)

ページ

ページを

を

を作成

作成

作成する

する

○

■ ■ ■■③③③③ののののテンプレートテンプレートテンプレートテンプレートでででで作成作成作成作成されたされたされたされた商品商品商品商品ややややサービスサービスサービスサービス、、メニュー、、メニューメニューメニューといったといったといったといった項⽬項⽬項⽬項⽬をををを、、、⼀覧表⺬、⼀覧表⺬⼀覧表⺬⼀覧表⺬することがすることがすることがすることが出来出来出来出来るるるるテンプレートテンプレートテンプレートテンプレート となっております となっております となっておりますとなっております。。。。 設定画⾯携帯画⾯イメージ ⅰ、ページ設定画⾯を選択し【新規登録】をクリックします。

④

アイテム

アイテム⼀覧

⼀覧

(34)

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

(35)

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

(36)

ⅶ、確認画⾯が表⺬されますので、よろしければそのまま【完了】をクリックします。 ⅷ、完了画⾯が表⺬されますので、そのまま【戻る】をクリックします。

(37)

ページ

ページを

を

を作成

作成

作成する

する

○

■ ■

■■BrovalBoxBrovalBoxBrovalBoxBrovalBoxのののの販売促進販売促進販売促進販売促進でででで作成作成作成作成されたされたされたされたクーポンクーポンクーポンクーポンへのへのへのへのリンクリンクリンクリンクをををを作成作成作成作成することのできるすることのできるテンプレートすることのできるすることのできるテンプレートテンプレートテンプレートとなっておりますとなっておりますとなっておりますとなっております。。。。

設定画⾯携帯画⾯イメージ

ⅰ、

ページ設定画⾯を選択し【新規登録】をクリックします。

(38)

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

(39)

ⅵ、ページ設定画⾯へ戻りますので、ページ上部の「ページ設定」にある以下のそれぞれの項⽬の設定を⾏い【確認】をクリックします。・ページ名（必須）・ページイメージ・ページコメント（上部）・ページコメント（下部） ⅶ、確認画⾯が表⺬されますので、よろしければそのまま【完了】をクリックします。 ⅷ、完了画⾯が表⺬されますので、そのまま【戻る】をクリックします。

(40)

ページ

ページを

を

を作成

作成

作成する

する

○

■ ■ ■

■BrovalBoxのBrovalBoxBrovalBoxBrovalBoxののの販売促進販売促進販売促進販売促進でででで作成作成作成作成されたされたされたされたアンケートアンケートアンケートアンケートへのへのリンクへのへのリンクリンクリンクをををを作成作成作成作成することのできるすることのできるすることのできるすることのできるテンプレートテンプレートテンプレートテンプレートとなっておりますとなっておりますとなっておりますとなっております。。。。

ⅰ、

(41)

ⅱ、ページタイプ選択画⾯が表⺬されますので【テンプレートタイプ】を選択して【次へ】クリックします。 ⅲ、テンプレート選択画⾯が表⺬されますので【アンケート⼀覧】を選択して【次へ】クリックします。 ⅳ、ページ設定画⾯が表⺬されますので、ページ下部の「メニュー設定」にある【新規登録】をクリックします。 ⅴ、管理画⾯が表⺬され、BrovalBoxの販売促進で作成済みのアンケート⼀覧が表⺬されますので、リンクを設定したいアンケートの欄にあるチェックボックスにチェックを⼊れ【選択】をクリックします。

(42)

ⅵ、ページ設定画⾯へ戻りますので、ページ上部の「ページ設定」にある以下のそれぞれの項⽬の設定を⾏い【確認】をクリックします。・ページ名（必須）・ページイメージ・ページコメント（上部）・ページコメント（下部） ⅶ、確認画⾯が表⺬されますので、よろしければそのまま【完了】をクリックします。 ⅷ、完了画⾯が表⺬されますので、そのまま【戻る】をクリックします。

(43)

ページ

ページを

を

を作成

作成

作成する

する

○

■ ■ ■

■「「「「おおおお知知知知らせらせらせらせ」」」」ややや「や「「「What'sWhat'sWhat'sWhat's NewNew」NewNew」」」などなどなどなど、、ピックアップ、、ピックアップピックアップピックアップしてしてしてして記事記事を記事記事ををを紹介紹介紹介紹介したいしたい場合したいしたい場合場合場合などになどになどになどに適適した適適したしたしたテンプレートテンプレートテンプレートテンプレートとなっとなっとなっとなっ ております ております ております ております。。。。 設定画⾯携帯画⾯イメージ ⅰ、ページ設定画⾯を選択し【新規登録】をクリックします。

⑦

お

お知

知

知らせ

らせ

らせ記事

記事

(44)

ⅱ、ページタイプ選択画⾯が表⺬されますので【テンプレートタイプ】を選択して【次へ】クリックします。 ⅲ、テンプレート選択画⾯が表⺬されますので【お知らせ記事】を選択して【次へ】クリックします。 ⅳ、ページ設定画⾯が表⺬されますので、ページ下部の「記事設定」にある【新規登録】をクリックします。 ⅴ、詳細⼊⼒画⾯が表⺬されますので、以下のそれぞれの項⽬の設定を⾏い【確認】をクリックします。・⽇付・記事名（必須）・リンク先のページ名・記事内容

(45)

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

(46)

ⅸ、確認画⾯が表⺬されますので、よろしければそのまま【完了】をクリックします。 ⅹ、完了画⾯が表⺬されますので、そのまま【戻る】をクリックします。

(47)

ページ

ページを

を

を作成

作成

作成する

する

○

■ ■ ■

■FAQのようなFAQFAQFAQのようなのようなのような⼀問⼀答形式⼀問⼀答形式⼀問⼀答形式⼀問⼀答形式のののページのページページページをををを作成作成作成作成したいしたい場合したいしたい場合場合場合などになどになどになどに適適適適したしたテンプレートしたしたテンプレートテンプレートテンプレートとなっておりますとなっておりますとなっておりますとなっております。。。。

ⅰ、

(48)

ⅱ、ページタイプ選択画⾯が表⺬されますので【テンプレートタイプ】を選択して【次へ】クリックします。 ⅲ、テンプレート選択画⾯が表⺬されますので【 FAQ記事】を選択して【次へ】クリックします。 ⅳ、ページ設定画⾯が表⺬されますので、ページ下部の「記事設定」にある【新規登録】をクリックします。 ⅴ、詳細⼊⼒画⾯が表⺬されますので、以下のそれぞれの項⽬の設定を⾏い【確認】をクリックします。・質問内容（必須）・回答内容（必須）・表⺬／⾮表⺬（必須）

(49)

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

(50)

(51)

ページ

ページを

を

を作成

作成

作成する

する

○

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

⑨

内部

内部リンク

リンク

リンク集

集

(52)

ⅱ、ページタイプ選択画⾯が表⺬されますので【テンプレートタイプ】を選択して【次へ】クリックします。 ⅲ、テンプレート選択画⾯が表⺬されますので【内部リンク集】を選択して【次へ】クリックします。 ⅳ、ページ設定画⾯が表⺬されますので、ページ下部の「メニュー設定」にある【新規登録】をクリックします。 ⅴ、詳細⼊⼒画⾯が表⺬されますので、以下の項⽬を設定し【確認】をクリックします。・メニュー名（必須）・リンク先のページ名（プルダウン）（必須）・説明⽂

(53)

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

(54)

ⅷ、ページ設定画⾯へ戻りますので、同じ要領でリンクさせたいページを新規登録します。完了しましたら、ページ上部の「ページ設定」にある以下のそれぞれの項⽬の設定を⾏い【確認】をクリックします。・ページ名（必須）・ページイメージ・ページコメント（上部）・ページコメント（下部） ⅸ、確認画⾯が表⺬されますので、よろしければそのまま【完了】をクリックします。 ⅹ、完了画⾯が表⺬されますので、そのまま【戻る】をクリックします。

(55)

ページ

ページを

を

を作成

作成

作成する

する

○

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

⑩

外部

外部リンク

リンク

リンク集

集

(56)

ⅱ、ページタイプ選択画⾯が表⺬されますので【テンプレートタイプ】を選択して【次へ】クリックします。 ⅲ、テンプレート選択画⾯が表⺬されますので【外部リンク集】を選択して【次へ】クリックします。 ⅳ、ページ設定画⾯が表⺬されますので、ページ下部の「メニュー設定」にある【新規登録】をクリックします。 ⅴ、詳細⼊⼒画⾯が表⺬されますので、以下の項⽬を設定し【確認】をクリックします。・メニュー名（必須）・リンク先アドレス（必須）・説明⽂

(57)

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

(58)

(59)

Step3 ページをカスタマイズしよう

ページ

ページを

を

を作成

作成

作成する

する

○

■ ■ ■ ■外部外部外部外部ののののサイトサイトへのサイトサイトへのへのへのリンクリンクリンクリンクををを設定を設定設定設定するするするするページページページをページををを作成作成作成作成しますしますしますします。。。。（（（（テンプレートタイプテンプレートタイプテンプレートタイプテンプレートタイプのののの「「「「リンクリンクリンクリンク集集集（集（（（外部外部外部外部））」））」」」とはとはとはとは表⺬⽅表⺬⽅表⺬⽅表⺬⽅法法法 法にににに違違違違いがありますいがありますいがありますいがあります。。。。）））） ⅰ、ページ設定画⾯を選択し【新規登録】をクリックします。 ⅱ、ページタイプ選択画⾯が表⺬されますので【外部リンクタイプ】を選択して【次へ】をクリックします。 ⅲ、ページ設定画⾯が表⺬されますので【ページ名】と【リンク先アドレス】を⼊⼒して【確認】をリックします。

①

外部

外部リンクタイプ

リンクタイプ

リンクタイプの

の

のページ

ページ

ページを

ページ

を

を作成

作成

作成しよう

しよう

しよう。

。

(60)

リンク

リンク集

集

集（

（

（外部

外部

外部）

）

）と

と

と外部

と

外部

外部リンクタイプ

リンクタイプ

リンクタイプの

の

の違

違

違い

い

○

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

(61)

ページ

ページを

を

を編集

編集

編集する

する

する。

。

○

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

②

作成済

作成済みの

みの

みのページ

ページ

ページを

を

をHTML

を

HTML

HTML編集

編集

編集しよう

しよう

しよう。

。

(62)

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

(63)

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

(64)

■ ■ ■

■ここではGoogleここではここではここではGoogleGoogleGoogle MapsMapsMapsMapsをを携帯をを携帯携帯携帯サイトサイトサイトサイト上上上上にに表⺬にに表⺬表⺬表⺬するするするする⽅法⽅法⽅法⽅法をごをご案内をごをご案内案内案内しますしますしますします。。。。 ※ ※ ※ ※ 作成作成作成作成されたされたされたされた地図地図地図地図のののの拡⼤拡⼤拡⼤拡⼤////縮⼩縮⼩縮⼩縮⼩、、、、中⼼中⼼中⼼中⼼をををを移動移動移動移動するといったするといった動作するといったするといった動作動作動作はできませんはできませんはできませんはできません。。。。

③

地図

地図ページ

ページ

ページの

の

の作

作

作り

り

り⽅

⽅

⽅。

。

Google

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=●●●」の「●」部分が取得キーとなります。こちらのキーが必要となりますのでコピーして保存しておきましょう。

(65)

ページ

ページを

を

を編集

編集

編集する

する

する。

。

Ⅲ

ⅱ、ページタイプ選択画⾯が表⺬されますので【 HTML編集タイプ】を選択して【次へ】をクリックします。 ⅲ、ページ設定画⾯が表⺬されますので、右図⾚枠部分の【HTML】をクリックします。 ⅰ、ページ設定画⾯を選択し【新規登録】をクリックします。

地図

地図の

の

の中⼼点

中⼼点

中⼼点を

を

を決

を

決

決める

める

める。

。

Ⅱ

ⅰ、地図の中⼼点、マーカーで指し⺬す場所は緯度と経度で設定します。緯度経度の導き出し⽅は様々ありますが、こちらでは⼀例を紹介します。以下のサイトにアクセスしてください。 URL:http://www.benricho.org/chimei/get_La tLon/ 表⺬させたい場所の中⼼点を設定し、その時に表⺬されている「緯度経度」をコピーして保存します。

(66)

ⅳ、 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_*********************

(67)

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

(68)

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

(69)

■ ■ ■ ■携帯携帯携帯携帯サイトサイトサイトサイトからもからも会員登録からもからも会員登録会員登録会員登録ができるようができるようができるようができるよう、、、、会員登録会員登録ページ会員登録会員登録ページページページへのへのへのへのリンクリンクリンクリンクをををを作成作成作成作成しますしますしますします。。。。 ⅱ、ページタイプ選択画⾯が表⺬されますので【外部リンクタイプ】を選択して【次へ】をクリックします。 ⅲ、「ページ名」と「リンク先アドレス」を設定して【確認】をクリックします。 ※リンクアドレス欄には、「http://ドメイン /bbm/promotion/www/」と⼊⼒。または以下の⼿順で確認することができます。『Brovalbox→販売促進→ポイント管理→プレビュー』こちらに記載されいている「リンクURL」部分をそのまま設定します。（右図参照）

④

会員登録

会員登録ページ

ページ

ページの

の

の作

作

作り

り

り⽅

⽅

⽅。

。

ページ

ページを

を

を作成

作成

作成する

する

○

ⅰ、ページ設定画⾯を選択し【新規登録】をクリックします。

(70)

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

(71)

■ ■ ■ ■携帯携帯携帯携帯サイトサイトサイトサイトからからからメールからメールメールメールでででで問問問問いい合いい合合合わせがわせがわせがわせが⾏⾏⾏⾏えるようにえるように設定えるようにえるように設定設定設定しますしますしますします。。。。 ⅱ、ページタイプ選択画⾯が表⺬されますので、そのまま【次へ】をクリックします。

⑤

お

お問

問

問い

い

い合

合

合わせ

わせ

わせページ

ページ

ページの

の

の作

作

作り

り

り⽅

⽅

⽅。

。

ページ

ページを

を

を作成

作成

作成する

する

○

ⅰ、ここでは作成済みの「HOME（ページメニュー）」の「ページコメント下部」に問い合わせリンクを設定します。ページ設定画⾯で「HOMEの【編集】をクリックします。 ⅲ、テンプレート選択画⾯が表⺬されますので、そのまま【次へ】をクリックします。

(72)

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

(73)

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

(74)

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

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

携帯サイト

携帯サイト

携帯サイト

携帯サイト CMS

CMS

CMS

CMS

操作

操作

操作

操作マニュアル

マニュアル

マニュアル

マニュアル

2010/8/27 Revision1.1

◆はじめに

TOP ... 1

基本設定 ... 4

ページ設定 ... 5

画像管理 ... 6

◆Step１ サイトを作成しよう

① 画像を登録する ... 7

② 基本設定を⾏う ... ８

③ ページを編集する ... 9

1) 会社概要のページを作成する ... 9

2) お知らせ記事のページを作成する ...11

3) FAQ 記事のページを作成する ...14

4) ページナビゲーションのページを作成する ...17

※1 HOME に設定するページを変更したい場合 ...20

※2 作成したページを公開したい場合 ... 20

◆Step２ テンプレートをもとにページを追加しよう

① ページナビゲーション ... 21

② 会社概要 ...25

③ アイテム詳細 ... 28

④ アイテム⼀覧 ... 31

⑤ クーポン⼀覧 ... 35

⑥ アンケート⼀覧 ... 38

⑦ お知らせ記事 ... 41

⑧ FAQ 記事 ... 45

⑨ 内部リンク集 ... 49

⑩ 外部リンク集 ... 53

◆Step３ ページをカスタマイズしよう

① 外部リンクタイプのページを作成しよう ... 57

② 作成済みのページを HTML で編集しよう ...59

③ 地図ページの作り⽅ ... 62

携帯サイト CMS ≪Contents≫

⾴

はじめに…

サイト

サイト

サイト

サイトの

の

の

の基本設定

基本設定

基本設定

基本設定

①

■

BrovalBoxアプリケーション「携帯サイトCMS」の概要及び各メニューの説明。

ページ

ページ

ページ

ページを

を

を

を管理

管理

管理

管理する

する

する

する

②

画像

画像

画像

画像を

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

_{携帯サイト CMS}

◆Step１サイトを作成しよう

◆Step２テンプレートをもとにページを追加しよう

◆Step３ページをカスタマイズしよう

Step１サイトを作成しよう