詳 細 機 能 マニュアル 目 次 1. 本 サービスについて 1.1. 本 サービスの 特 徴 2. 初 期 セットアップ 2.1. アカウント 発 行 2.2. 登 録 完 了 画 面 2.3. 配 色 パターン 選 択 画 面 2.4. デザインパターン 選 択 画 面 2.5. 共 通 デザ

Transcription

1 スマホサイトビルダー モビーク 詳 細 機 能 マニュアル 更 新 日 : 2015 年 02 月 13 日 Ver: Copyright mobeek All Rights reserved.

2 詳 細 機 能 マニュアル 目 次 1. 本 サービスについて 1.1. 本 サービスの 特 徴 2. 初 期 セットアップ 2.1. アカウント 発 行 2.2. 登 録 完 了 画 面 2.3. 配 色 パターン 選 択 画 面 2.4. デザインパターン 選 択 画 面 2.5. 共 通 デザイン 設 定 画 面 2.6. ページ 新 規 作 成 画 面 3. ログイン 3.1. ログイン 画 面 3.2. パスワード 再 設 定 画 面 4. ページ 管 理 画 面 4.1. 基 本 操 作 方 法 4.2. ページの 新 規 作 成 4.3. ページの 優 先 度 変 更 4.4. 共 通 タグ 発 行 4.5. 設 定 4.6. コピー 4.7. プレビュー 4.8. 個 別 タグ 発 行 4.9. 本 番 環 境 で 有 効 ( 無 効 )にする テスト 環 境 で 有 効 ( 無 効 )にする ページの 削 除 ヘッダメニュー

3 5. ページ 編 集 画 面 5.1. 基 本 操 作 方 法 5.2. 要 素 テキスト イメージ フォーム 共 通 テキスト 入 力 5.3. コンテナ 標 準 のテキスト 郵 便 番 号 メールアドレス 電 話 番 号 携 帯 メールアドレス パスワード テキストエリア チェックボックス ラジオボタン セレクトボックス 送 信 ボタン ライン インラインフレーム ボックス ボタン テーブル タブ エキスパンド スライド 5.4. マイパーツ 5.5. 右 クリックメニュー(スマホサイトビュー) 5.6. 右 クリックメニュー(PCサイトビュー) 5.7. ページ 設 定

4 6. 各 種 設 定 6.1. 共 通 デザイン 設 定 6.2. マイパーツ 管 理 6.3. タブレット 設 定 6.4. 画 像 管 理 6.5. プロフィール 7. その 他 7.1. マニュアル 7.2. お 問 い 合 わせ 7.3. アップグレード 8. サポートについて

5 1. 本 サービスについて モビークは 既 存 のPCサイトから テキストや 画 像 をドラッグ&ドロップする 簡 単 な 操 作 で スタイリッシュで かつ メンテナンス 性 SEO 対 策 に 優 れたスマホサイトが 作 成 できるサービスです 1.1. 本 サービスの 特 徴 ドラッグ&ドロップで 簡 単 編 集 ドラッグ&ドロップという 直 感 的 な 操 作 で スマホサイトを 作 成 デザインできます スタイリッシュなデザイン 部 品 あらかじめプロのデザイナーが 作 成 したデザインテンプレートとスライド タブ エキスパンドなどの 豊 富 な 部 品 が 用 意 さ れています これらの 部 品 を 利 用 することで 誰 でも 簡 単 にスタイリッシュなスマホサイトが 作 成 できます PCサイトと 自 動 連 動 既 存 のPCサイトのテキスト 画 像 を 活 用 しているため 元 となるサイトが 更 新 されると 自 動 的 にスマホサイトも 更 新 されま す これによりPCサイトとスマホサイトを 別 々に 更 新 する 運 用 の 負 荷 を 大 幅 に 削 減 することが 可 能 です もちろん 既 存 サイトにはない 新 しいテキスト 画 像 などの 要 素 をスマホサイトに 追 加 することも 可 能 です 最 高 のSEO 対 策 PCサイトを 変 換 してスマホサイトを 作 成 するという 方 法 は レスポンシブウェブデザインと 呼 ばれており Google 社 がスマ ホサイト 作 成 方 法 として 最 も 推 奨 している 方 法 です PCサイトと 全 く 同 じURLでスマホサイトが 表 示 されるため PCサイト のSEOパワーを100% 引 き 継 げる 唯 一 の 方 法 といわれております

6 2. 初 期 セットアップ 2.1. アカウント 発 行 1 mobeekのホームページから メールアドレスを 登 録 してください 登 録 したアドレス 宛 に 仮 登 録 メールが 届 きます メールに 載 っている 本 登 録 用 URLにアクセスし 以 下 の 項 目 を 入 力 します パスワード 6 文 字 以 上 パスワードの 確 認 6 文 字 以 上 変 換 したいPCサイトのURL お 友 達 からの 紹 介 コード ( 任 意 ) 個 人 情 報 のお 取 り 扱 いについて の 内 容 を ご 確 認 の 上 個 人 情 報 の 取 り 扱 いに 同 意 す る にチェックしてください 必 須 項 目 の 入 力 が 終 わったら タンを 押 下 します 6 新 規 登 録 ボ 登 録 したメールアドレスに 本 登 録 メールが 届 きますので 内 容 をご 確 認 ください 1つのアカウントにつき 1ドメインのみ 使 用 可 能 となります

7 2.2. 登 録 完 了 画 面 2.2. ~ 2.6. は 初 めてアカウントを 登 録 した 時 だけ 表 示 されます 既 にセットアップが 終 わっている 方 は ログイン(3 章 ) 以 降 をご 参 照 ください 登 録 完 了 画 面 が 表 示 されるので 次 へ ボタンを 押 下 してください 2.3. 配 色 パターン 選 択 画 面 1 作 成 するページの 配 色 パターン を 選 択 します メインカラー: コンテナ( コンテナ(5.3) を 参 照 )のメ インカラーとして 用 いられます サブカラー: コンテナのサブカラーとして 用 いられま す 背 景 色 : ページの 背 景 色 として 用 いられます カラーを 選 択 すると 画 面 右 側 のプレビュー 表 示 が 変 更 されます 決 定 したら 2 この 配 色 パターンで 決 定 ボタンを 押 下 し デザインパターン 選 択 画 面 (2.4) へ 遷 移 します

8 2.4. デザインパターン 選 択 画 面 変 換 するサイトのデザインパターンを 以 下 の4つから 選 択 します シンプルタイプ 四 角 : 角 が 四 角 になります シンプルタイプ 角 丸 : 角 が 角 丸 になります リッチタイプ 四 角 : グラデーションが 設 定 され 角 が 四 角 になります リッチタイプ 角 丸 : グラデーションが 設 定 され 角 が 角 丸 になります デザインパターンを 押 下 すると 共 通 デザイン 設 定 画 面 (2.5) に 遷 移 します 5 戻 る ボタンを 押 下 すると 配 色 パターン 選 択 画 面 (2.3) へ 遷 移 します 2.5. 共 通 デザイン 設 定 画 面 共 通 デザインを 設 定 します 本 設 定 は 後 から 変 更 可 能 です 一 旦 仮 の 設 定 でも 構 いません 設 定 が 終 わったら 1 このデザインで 決 定 する ボタンを 押 下 し ページ 新 規 作 成 画 面 (2.6) へ 遷 移 しま す 2 戻 る ボタン を 押 下 すると デザインパターン 選 択 画 面 (2.4) へ 遷 移 します 下 記 のタブの 詳 細 は 共 通 デザイン 設 定 (6.1) をご 参 照 くだ さい カラー 基 本 設 定 タブ リンクボタン 設 定 タブ タブメニュー 設 定 タブ エキスパンド 設 定 タブ スライド 設 定 タブ

9 2.6. ページ 新 規 作 成 画 面 ページの 新 規 作 成 を 行 います 詳 細 は ページの 新 規 作 成 (4.2) を 参 照 してください ページが 新 規 作 成 できたら ページ 管 理 画 面 (4 章 ) に 遷 移 します 作 成 したページのタイトルが 一 覧 に 表 示 されていることを 確 認 してください 表 示 されるメッセージに 従 って 作 成 したページのタイトルをクリックして ページ 編 集 画 面 (5 章 ) に 遷 移 します

10 3. ログイン 3.1. ログイン 画 面 login/にアクセスしてください ページを 作 成 編 集 する 管 理 サイトへログインします 登 録 した 1 メールアドレス(アカウントID) 2 パスワード を 入 力 して 3 ログイン ボタン を 押 下 してください ページ 管 理 画 面 (4 章 ) に 遷 移 します 4 パスワードを 忘 れた 方 の 再 発 行 はこちら リンク をクリックすると パスワード 再 設 定 画 面 (3.2) へ 遷 移 します

11 3.2. パスワード 再 設 定 画 面 パスワードを 忘 れた 場 合 に メールアドレスへパスワード 再 設 定 用 のURLを 送 信 します 1 メールアドレス(アカウントID) を 入 力 して 2 送 信 ボタン を 押 下 すると 登 録 したメールアドレスにパスワード 再 設 定 用 のURLが 送 信 され パスワード 再 設 定 メール 送 信 完 了 画 面 (3.2.1) に 遷 移 します URLの 有 効 期 限 は 発 行 から 約 1 時 間 となります パスワード 再 設 定 メール 送 信 完 了 画 面 メール 送 信 完 了 すると 下 記 の 画 面 が 表 示 されます 再 設 定 用 のURLが 記 載 されたメールを 確 認 してください

12 パスワード 再 設 定 入 力 画 面 受 信 したメールからパスワード 再 設 定 用 のURLにアクセスすると パスワードを 再 入 力 する 画 面 が 表 示 されます 1 パスワード を6 文 字 以 上 で 入 力 して 2 送 信 ボタン を 押 下 すると パスワードの 再 設 定 が 完 了 し パスワード 再 設 定 完 了 画 面 (3.2.3) に 遷 移 します パスワード 再 設 定 完 了 画 面 パスワードの 再 設 定 を 完 了 すると 下 記 の 画 面 が 表 示 されます 1 引 き 続 き 編 集 を 行 う ボタン を 押 下 すると ページ 管 理 画 面 (4 章 ) に 遷 移 します

13 4. ページ 管 理 画 面 ページの 追 加 削 除 公 開 をする 管 理 画 面 です 1 現 在 使 用 できるページ 数 現 在 使 用 できるページ 数 は 作 成 できるページの 最 大 数 となります ページ 数 が 最 大 数 に 達 している 場 合 ページの 新 規 作 成 ( ページの 新 規 作 成 (4.2) 参 照 ) コピー ( コピー(4.6) 参 照 ) を 使 用 しても 作 成 できるページ 数 の 上 限 に 達 したためページを 作 成 できません というエラ ーメッセージが 表 示 されます ページ 数 追 加 の 申 し 込 みに 関 しては アップグレード(7.3) をご 参 照 ください 2 ページの 新 規 作 成 ページを 新 規 で 作 成 します 詳 細 は ページの 新 規 作 成 (4.2) をご 参 照 ください 3 ページの 優 先 度 変 更 変 換 するページの 優 先 度 を 変 更 します 詳 細 は ページの 優 先 度 変 更 (4.3) をご 参 照 ください 4 共 通 タグ 発 行 PCサイトをスマホサイトに 変 換 するために 埋 め 込 む 共 通 タグを 発 行 します 詳 細 は 共 通 タグ 発 行 (4.4) をご 参 照 くださ い

14 5 設 定 変 換 するページの 適 用 範 囲 を 設 定 します 詳 細 は 設 定 (4.5) をご 参 照 ください 6 コピー 作 成 済 のページをコピーしてページを 作 成 します 詳 細 は コピー(4.6) をご 参 照 ください 7 プレビュー 生 成 作 成 したページのプレビューを 行 います 詳 細 は プレビュー(4.7) をご 参 照 ください 8 個 別 タグ 発 行 PCサイトをスマホサイトに 変 換 するために 埋 め 込 む 個 別 タグを 発 行 します プレビューURL 列 の 横 にある 黒 い 矢 印 を 押 下 し 個 別 タグ 発 行 列 を 表 示 させてから 発 行 ボタンを 押 下 します 詳 細 は 個 別 タグ 発 行 (4.8) をご 参 照 ください 9 チェックボックス 対 象 ページを 選 択 するために 使 用 します 対 象 機 能 は 下 記 をご 参 照 ください 本 番 環 境 で 有 効 ( 無 効 )にする(4.9) テスト 環 境 で 有 効 ( 無 効 )にする(4.10) ページの 削 除 (4.11) 列 名 のチェックボックスをクリックすると 全 ての 行 をチェックするか チェックを 外 すことができます 10 ヘッダメニュー ページ 管 理 画 面 各 種 設 定 画 面 その 他 画 面 への 遷 移 ログアウトができます 詳 細 は ヘッダメニュー(4.12) をご 参 照 ください

15 11 スマートフォン タブレットタブ タブレット 環 境 の 利 用 契 約 をされている 場 合 タブレットタブ からタブレットページの 作 成 編 集 ができます タブレット 環 境 の 利 用 の 申 し 込 みに 関 しては アップグレード(7.3) をご 参 照 ください ページ 管 理 画 面 の 使 用 方 法 はスマートフォンタブと 同 様 になります ページを 編 集 するとスマートフォンとは 別 のページとして 保 存 され その 後 スマートフォンのページを 更 新 しても タ ブレットPCでアクセスした 場 合 タブレット 用 に 作 成 したデザインで 表 示 されます

16 4.1. 基 本 操 作 方 法 ページの 新 規 作 成 ( ページの 新 規 作 成 (4.2) を 参 照 ) ボタンを 押 下 して 変 換 するページのタイトルとURLを 設 定 しペ ージを 作 成 します 一 覧 に 追 加 された 各 ページタイトルをクリックすることで 編 集 画 面 に 遷 移 することができます 編 集 画 面 の 操 作 については ページ 編 集 画 面 (5 章 ) 以 降 の 章 をご 参 照 ください ヘルプアイコンを 押 下 すると アイコンによってチュートリアルガイドや 機 能 説 明 が 表 示 されます 必 要 に 応 じてご 参 照 ください 4.2. ページの 新 規 作 成 ページを 新 規 で 作 成 します 1 ページタイトル:モビーク 内 での 管 理 用 ページタイトルです 実 際 のスマ ートフォンサイトでタイトルは 表 示 され ません 例 :TOPページ など 他 のページと 区 別 で きるタイトルにします 2 変 換 元 となるURL: 変 換 元 となる PC 用 ページのURLを 入 力 します 例 : アカウント 登 録 時 に 指 定 した 変 換 し たいPCサイトのURL と 同 じドメインで なければ 登 録 できません ます 詳 細 は ナビゲーションページ 登 録 (4.2.1) を 参 照 してください 本 機 能 を 使 用 すると URLをクリア しないとURLは 変 更 できなくなります 3 ナビから 登 録 ボタンを 押 下 すると ログイン 後 のページや フォーム 入 力 後 のページを 登 録 するための ナビゲーションページ 登 録 画 面 に 遷 移 し 4 URLをクリア ボタンを 押 下 すると 入 力 したURLがクリアされます 上 記 項 目 1 2 を 入 力 して 5 確 定 する ボタンを 押 下 します

17 ナビゲーションページ 登 録 ログイン 後 のページや フォーム 入 力 後 のページを 登 録 することができます URLに 遷 移 する 前 のページの 1 URL を 入 力 し 2 開 く ボタン を 押 下 してください 下 に 開 いた 3 ページから ログイン 情 報 の 入 力 や フォーム 入 力 を して 画 面 遷 移 してください 登 録 したいページに 遷 移 したら 4 このページを 登 録 する ボタン を 押 下 し ページの 新 規 作 成 (4.2) に 戻 ります ページが 文 字 化 けして 表 示 された 場 合 は 5 文 字 コード を 変 更 して 再 度 2 開 く ボタン を 押 下 してください 6 現 在 位 置 には 現 在 開 いているページのURLが 表 示 されます

18 4.3. ページの 優 先 度 変 更 複 数 ページで 同 じURLが 設 定 されている 場 合 に( ページの 新 規 作 成 (4.2) または ページの 適 用 範 囲 を 設 定 ( 設 定 (4.5) を 参 照 )で 設 定 されたURLが 重 複 している 場 合 ) どのページを 優 先 して 変 換 するかを 本 機 能 で 設 定 することができます 1 優 先 度 を 変 更 したいページの 行 を 選 択 しドラッグ&ドロップしてその 状 態 からページを 上 か 下 かに 移 動 させま す 上 にあるページのURLほど 優 先 度 が 高 くなり 優 先 度 が 高 いページで 設 定 され たデザインで 変 換 されます 優 先 度 を 変 更 したら 2 確 定 する ボタン を 押 下 してください How to 優 先 度 が 有 効 になるのは 表 示 設 定 にチェックがついている( 本 番 環 境 で 有 効 ( 無 効 )にする(4.9) を 参 照 )ページのみ です 表 示 設 定 を 無 効 にすることでページを 表 示 させないように 設 定 できます 4.4. 共 通 タグ 発 行 PCサイトを 変 換 するために 必 要 な 共 通 タグを 発 行 する 画 面 です 共 通 タグをPCサイトのHTMLのheadタグに 埋 め 込 むことでス マホサイトへの 変 換 ができます 1 がPCサイトに 埋 め 込 む 変 換 タグ となります 2 変 換 タグのテキストをコピー ボタンを 押 下 すると 共 通 タグをクリップ ボードにコピー(Ctrl+Cと 同 様 )するこ とができます 変 換 タグのテキストをコピー ボタ ンはブラウザにflashプラグインが 有 効 に なっていない 場 合 ボタンが 表 示 されま せん( 使 用 不 可 となります) 選 択 すると 変 換 タグの 内 容 が 変 更 されます 3 変 換 タグの 詳 細 設 定 ボタン を 押 下 すると 4 スマホサイト 切 り 替 えボタン 5 タブレットサイト 切 り 替 え ボタン が 表 示 されます それぞれの 切 り 替 えボタンをPCサイトに 表 示 するか しないかを 選 択 できます

19 4.5. 設 定 変 換 するページの 適 用 範 囲 を 設 定 します URLを 設 定 したいページの 行 の 設 定 ボ タンを 押 下 し 変 換 ページのURL 設 定 画 面 (4.5.1) に 遷 移 します 変 換 ページのURL 設 定 画 面 変 換 するページの 適 用 範 囲 を 設 定 する 画 面 です 新 規 作 成 した 際 に 設 定 したURLに 加 えて 他 のページのURLも 設 定 することができます 追 加 できるURLは 最 大 10 件 までとなります 1 ナビから 登 録 ボタン を 押 下 した 場 合 は ナビゲーションページ 登 録 (4.2.1) へ 遷 移 します 本 機 能 を 使 用 すると URLをクリア しないとURLは 変 更 できなくなります 2 クリア ボタン を 押 下 すると 入 力 したURLがクリアされま す 5 文 字 コード は 下 記 の 文 字 コードを 選 択 します UTF-8 Shift_JIS EUC-JP 自 動 を 選 択 した 場 合 変 換 元 ページの 設 定 を 引 き 継 ぎます 3 高 度 な 設 定 を 表 示 する ボタン を 押 下 すると http https のラジ オボタン 文 字 コード のプルダウン が 表 示 されます プロトコルを 変 更 する 場 合 は 4 http か https のラジオボタン を 選 択 し 変 更 してください 6 次 へ ボタン を 押 下 すると 変 換 パターン 設 定 画 面 (4.5.2) に 遷 移 します

20 変 換 パターン 設 定 画 面 ページの 変 換 パターンをURL 完 全 一 致 か 正 規 表 現 ( 相 対 パス)のどちらかから 選 択 します 正 規 表 現 を 使 用 したことがない 方 はラジ オボタンの 1 完 全 一 致 を 選 択 してください 正 規 表 現 を 使 用 する 場 合 はラジオボタン の 2 正 規 表 現 ( 相 対 パス) を 選 択 してください 正 規 表 現 を 活 用 することで 同 じ 形 式 のURLのページを 全 て 変 換 することができ ます 3 自 動 生 成 ボタン を 押 下 すると 現 在 登 録 されているURLに 適 切 な 正 規 表 現 を 出 力 することができま す How to 下 記 のようにidだけが 可 変 になるURLを 正 規 表 現 でカバーしたい 場 合 下 記 のように 正 規 表 現 を 設 定 してください 変 換 したいページのURL:/shop/index.html?id=001,/shop/index.html?id=002,/shop/index.html?id= 設 定 する 正 規 表 現 ( 相 対 パス):^/shop/index\.html\?id\=.*$ 一 般 的 な 正 規 表 現 での 設 定 を 記 載 しており 確 実 な 動 作 を 保 証 するものではございません 必 ず 実 際 に 実 機 で 動 作 させてページがスマートフォンサイトに 変 換 されるかをご 確 認 ください 4 5 次 へ ボタンを 押 下 すると 変 換 範 囲 確 定 画 面 (4.5.3) に 遷 移 します 戻 る ボタンを 押 下 すると 変 換 ページのURL 設 定 画 面 (4.5.1) に 遷 移 します

21 変 換 範 囲 確 定 画 面 変 換 するページのURL パターンを 確 定 します 1 確 定 する ボタン を 押 下 するとURLの 設 定 を 完 了 し ページ 管 理 画 面 (4 章 ) に 遷 移 します 2 戻 る ボタン を 押 下 すると 変 換 パターン 設 定 画 面 (4.5.2) に 遷 移 し ます

22 4.6. コピー 作 成 済 のページを 利 用 して 新 規 のページを 作 成 することができます コピーしたいページの 行 の コピー ボ タンを 押 下 します 1 ページタイトル 2 URL を 入 力 して 3 確 定 する ボタン を 押 下 すると コピーしたページが 作 成 されます 4 ナビから 登 録 ボタン を 押 下 した 場 合 は ナビゲーションページ 登 録 (4.2.1) へ 遷 移 します 本 機 能 を 使 用 すると URLをクリア しないとURLは 変 更 できなくなります 5 クリア ボタン を 押 下 すると 入 力 したURLがクリアされま す 4.7. プレビュー 作 成 したページをプレビューします プレビューしたいページの 行 の 生 成 ボタンを 押 下 します 別 ウィンドウでスマホ 変 換 されたプレビューページが 表 示 されます 2 QRコードをスマートフォンで 読 み 込 ませると 変 換 したプレビューページを 確 認 することができます 3 設 定 ( 設 定 (4.5) )で 複 数 の 1 URLをクリックすると URLを 設 定 している 場 合 は 表 示 したいペー ジのURLを 選 択 します

23 4.8. 個 別 タグ 発 行 共 通 タグ( 共 通 タグ 発 行 (4.4) を 参 照 )をPCサイトのHTMLのheadタグに 埋 め 込 むことでスマホサイトへの 変 換 ができるよう になりますが 入 力 フォームの 登 録 画 面 確 認 画 面 のようにURLが 同 じでもレイアウトが 異 なる 画 面 がある 場 合 それぞれ のHTMLに 個 別 タグを 埋 め 込 むことで 変 換 が 可 能 となります プレビューURL 列 の 横 にある 黒 い 矢 印 を 押 下 し 表 示 された 個 別 タグ 列 の 発 行 ボタンを 押 下 します 1 がPCサイトに 埋 め 込 む 変 換 タグ となります 2 変 換 タグのテキストをコピー ボタンを 押 下 すると 共 通 タグをクリップボードにコピー(Ctrl+Cと 同 様 )することができます 変 換 タグのテキストをコピー ボタンはブラウザにflashプラグインが 有 効 になっていない 場 合 ボタンが 表 示 されま せん( 使 用 不 可 となります) 3 変 換 タグの 詳 細 設 定 ボタン を 押 下 すると 4 スマホサイト 切 り 替 えボタン 5 タブレットサイト 切 り 替 え 選 択 すると 変 換 タグの 内 容 が 変 更 されます ボタン が 表 示 されます それぞれの 切 り 替 えボタンをPCサイトに 表 示 するか しないかを 選 択 できます

24 4.9. 本 番 環 境 で 有 効 ( 無 効 )にする 本 番 環 境 でページの 変 換 を 有 効 にします 1 ページ 管 理 画 面 から 変 換 したい ページの 左 のチェックボックスをチェックし ページ 一 覧 下 のプルダウンから 2 本 番 環 境 で 有 効 にする を 選 択 し 3 実 行 ボタンを 押 下 してくだ さい 実 行 するとページ 一 覧 の 表 示 設 定 で 4 チェックが 付 きます この 状 態 で 本 番 環 境 にスマホでアクセス すると 表 示 が 変 換 されます 本 番 環 境 で 無 効 にする を 選 択 し 実 行 ボタンを 押 下 するとチェックが 外 れ 変 換 が 無 効 になります PCサイト 側 に 変 換 タグ( 共 通 個 別 )が 設 定 されている 必 要 があります 共 通 タグ 発 行 (4.4) を 参 照

25 4.10. テスト 環 境 で 有 効 ( 無 効 )にする テスト 環 境 でページの 変 換 を 有 効 にします アカウントにテスト 環 境 が 設 定 されている 場 合 のみ 有 効 にできます 1 ページ 管 理 画 面 から 変 換 したい ページの 左 のチェックボックスをチェッ クし ページ 一 覧 下 のプルダウンか ら 2 テスト 環 境 で 有 効 にする を 選 択 し 3 実 行 ボタンを 押 下 してく ださい 実 行 するとページ 一 覧 の 表 示 設 定 でテス ト 列 に 4 チェックが 付 きます この 状 態 でテスト 環 境 にスマホでアクセ スすると 表 示 が 変 換 されます テスト 環 境 で 無 効 にする を 選 択 し 実 行 ボタンを 押 下 するとチェックが 外 れ 変 換 が 無 効 になります PCサイト 側 に 変 換 タグ( 共 通 個 別 )が 設 定 されている 必 要 があります 共 通 タグ 発 行 (4.4) を 参 照 ページの 削 除 ページを 削 除 します ページ 管 理 画 面 から 削 除 したいページ の 1 左 のチェックボックスをチェック し ページ 一 覧 下 のプルダウンから 2 3選 択 ページを 削 除 を 選 択 し 実 行 ボタンを 押 下 してくだ さい 選 択 したページを 削 除 してもよろしいでしょうか? のダイア ログで 削 除 する を 選 択 するとページの 削 除 が 実 行 されます 削 除 したページは 元 に 戻 すことはできませんので 注 意 してく ださい

26 4.12. ヘッダメニュー 画 面 左 上 のサービスロゴを 押 下 するとページ 管 理 画 面 に 遷 移 します ヘッダメニューは ページ 編 集 画 面 (5 章 ) からも 利 用 できます その 他 下 記 の 設 定 画 面 に 遷 移 します マニュアル お 問 い 合 わせ アップグレード 遷 移 先 画 面 の 詳 細 は その 他 (7 章 ) をご 参 照 ください ページ 管 理 下 記 の 設 定 画 面 に 遷 移 します ページの 新 規 作 成 (4.2) ページの 優 先 度 変 更 (4.3) ページ 一 覧 ページ 一 覧 画 面 に 遷 移 します

27 各 種 設 定 下 記 の 設 定 画 面 に 遷 移 します 共 通 デザイン 設 定 マイパーツ 設 定 タブレット 設 定 画 像 管 理 プロフィール 遷 移 先 画 面 の 詳 細 は 各 種 設 定 (6 章 ) をご 参 照 ください ログアウト ログアウトボタンを 押 下 すると ログイン 画 面 (3.1) へ 遷 移 します

28 5. ページ編集画面 スマホサイト タブレットサイトのレイアウトを編集します 1 ページタイトル ページのタイトルを表示します 2 ヘッダメニュー表示 非表示ボタン ヘッダメニューの表示 非表示を行えます ヘッダメニューを非表示にすることで作業スペースが広くなり 変換作業 がしやすくなります 3 PCサイトビュー 変換元となるPCページを表示します ここで スマホサイトで利用したいテキストや画像の要素を選択できます Flash 及びJavaScriptで動的に出力されるコンテンツは表示されません 4 スマホサイトビュー スマホサイトのデザイン編集画面です 表示順番やレイアウトの変更はこちらの画面で行います 5 詳細設定画面 枠線 色 サイズ 形状の変更などの細かいプロパティの設定ができます スマホサイトビュー上で コンテンツを選 択して 右クリック 詳細設定を選択することで 各コンテンツに対する詳細設定画面を表示することができます

29 6 要 素 選 択 メニュー[ 重 要 ] このメニューには2つの 使 い 方 があります 1:PC 要 素 をどの 形 式 (テキストorイメージ)で 表 示 するかを 選 択 するメニュー 要 素 選 択 メニューで イメージ を 選 択 してPCサイトビューの 画 像 をスマホサイトビューにドラッグ&ドロップすると イメージ がスマホサイトビューに 反 映 されます 一 方 要 素 選 択 メニューで テキスト を 選 択 した 状 態 でPCサイ トビュー 内 の 画 像 をスマホサイトビューにドラッグ&ドロップすると 選 択 したイメージのalt 属 性 のテキスト がス マホサイトビューに 反 映 されます 2:スマホサイトに 新 規 で 配 置 したい 要 素 を 作 成 する 場 合 のメニュー PCサイトでは 何 も 選 択 せずに 要 素 選 択 メニューのテキスト イメージのボタンをそのままドラッグして スマホサイ トビューにドロップすると 新 規 のテキスト イメージを 作 成 することができます フォーム 要 素 は 新 規 で 作 成 するこ とはできません 要 素 の 詳 細 に 関 しては 要 素 (5.2) をご 参 照 ください 7 コンテナ 選 択 メニュー[ 重 要 ] このメニューには2つの 使 い 方 があります 1:PC 要 素 をどのコンテナに 入 れて 配 置 するのかを 選 択 するメニュー コンテナ 選 択 メニューで エキスパンド を 選 択 した 状 態 でPCサイトビューの 複 数 のテキストリンクを 選 択 して スマ ホサイトビューにドラッグ&ドロップすると 複 数 のテキストリンクは エキスパンドメニューとして スマホサイトビ ューに 反 映 されます また コンテナ 選 択 メニューで スライド を 選 択 した 状 態 でPCサイトビュー 内 の 複 数 の 画 像 を 選 択 して スマホサイ トビューにドラッグ&ドロップすると 複 数 の 画 像 が スライドメニューに 格 納 された 状 態 で スマホサイトビューに 反 映 されます 2:スマホサイトに 新 規 でコンテナを 配 置 したい 場 合 のメニュー PCサイトでは 何 も 選 択 せずに コンテナ 選 択 メニューのボックス ボタン テーブル タブ エキスパンド スライド のボタンを 選 択 後 そのままドラッグして スマホサイトビューにドロップすると 新 規 のコンテナをスマホサイト 上 に 配 置 することができます コンテナの 詳 細 に 関 しては コンテナ(5.3) をご 参 照 ください

30 8 その 他 メニュー ライン 要 素 インラインフレーム 要 素 マイパーツがまとまっているメニューです 基 本 的 な 使 用 方 法 は 要 素 選 択 メニュー コンテナ 選 択 メニューと 同 様 です 9 ヘルプボタン ヘルプボタンを 押 下 するとヘルプメ ニューが 表 示 されます ファースト ステップアップガイド コンテナの チュートリアルガイド 詳 細 設 定 ヘ ルプなどが 表 示 されます 10 ページ 設 定 ボタン ページ 全 体 の 設 定 を 行 います 詳 細 は ページ 設 定 (5.7) をご 参 照 ください

31 11 保 存 ボタン ページを 保 存 します 1 保 存 ボタン を 押 下 すると 2 保 存 しますか? のダイアログが 表 示 されます 保 存 する を 選 択 すると 現 在 のペー ジの 変 換 状 態 が 保 存 されます ページを 編 集 して 保 存 ボタンを 押 下 せずに 他 のページに 移 動 する 場 合 下 記 の 確 認 ダイアログが 表 示 されます 保 存 する 必 要 があるなら 1 このページから 移 動 しない を 選 択 し 保 存 してください 保 存 する 必 要 がなければ 2 このページから 移 動 する を 選 択 し 違 うページに 移 動 します 他 のウィンドウで 同 じページを 編 集 していた 場 合 や 他 のユーザが 同 じページを 編 集 していた 場 合 に 保 存 ボタンを 押 下 すると 下 記 の 上 書 き 更 新 確 認 ダイアログが 表 示 されます 上 書 き 更 新 してもよければ 保 存 するボタンを 押 下 し ます

32 12 詳 細 設 定 ボタン スマホサイトビューで 選 択 した 要 素 コンテナの 詳 細 設 定 画 面 が 表 示 されます 詳 細 設 定 (5.5.1) と 同 様 の 動 作 になり ます 要 素 コンテナを 選 択 していない 場 合 は 表 示 されません 13 ノードナビゲーション 要 素 コンテナの 階 層 構 造 を 表 示 します 14 メッセージログ ページを 作 成 する 際 の 操 作 で 表 示 されたエラーメッ セージのログを 確 認 できます

33 ページ 編 集 画 面 (タブレット) 基 本 的 な 利 用 方 法 はスマートフォンページ 編 集 画 面 と 同 じです ページ 管 理 画 面 (4 章 ) 11 の タブレットタブ からタブレットページの 作 成 編 集 ができます 公 開 をする 場 合 にはタブレット 環 境 の 利 用 契 約 が 必 要 となります タブレット 環 境 の 利 用 の 申 し 込 みに 関 しては アップグレード(7.3) をご 参 照 ください 1 タブレットサイトビュー タブレットサイトのデザイン 編 集 画 面 です 表 示 順 番 やレイアウトの 変 更 はこちらの 画 面 で 行 います 2 縦 横 切 替 タブレットサイトビューの 幅 の 長 さを 縦 横 で 切 替 できます 編 集 ブラウザの 幅 が 狭 い 場 合 タブレットサイトビューにマウスオーバーすると タブレットサイトビューが 大 きく 表 示 さ れます( 編 集 ブラウザが 広 い 場 合 は 画 面 中 央 で2 分 割 されて 表 示 され マウスオーバーによる 幅 の 変 更 はありません) タブレットページを 編 集 するとスマートフォンページとは 別 のページとして 保 存 され スマホサイトとタブレットサイトは それぞれ 別 のレイアウトで 変 換 されるようになります

34 5.1. 基 本 操 作 方 法 1. PCサイトビューで 必 要 な 要 素 (テキスト イメージ)を 選 択 して スマホサイトビュー 上 にドラッグ&ドロップす る 2. スマホサイトビューでコンテンツの 詳 細 プロパティ(サイズ 色 余 白 形 状 )を 設 定 する という2つの 操 作 を 繰 り 返 して スマホサイトをデザインします 本 サービスには 現 状 やり 直 し(アンドゥ) 機 能 がございませんので スマホサイトビューの 変 換 状 態 をこまめに 保 存 す るようにしてください 初 めて 編 集 画 面 を 開 いた 場 合 ファーストステップアップガイドが 自 動 的 に 始 まります 基 本 的 な 操 作 説 明 や 要 素 コンテナの 活 用 方 法 などが 説 明 されますので 初 めて 本 サービスをご 利 用 いただく 場 合 は 内 容 をよくご 確 認 ください(ヘルプボタンからファーストステップアップガイドはいつでも 参 照 できますので すぐにページ 作 成 を 始 めたい 場 合 は 左 上 のチャプター 移 動 ボタンから 先 に 進 めていただいても 問 題 ありません)

35 詳 細 設 定 画 面 の 基 本 的 な 説 明 を 記 載 します タイトル 要 素 コンテナのタイトルが 表 示 されます ヘルプアイコン 要 素 コンテナの 説 明 チュートリアルが 確 認 できます タブ 要 素 コンテナの 設 定 項 目 をタブから 選 択 できます 一 般 設 定 高 度 な 設 定 CSS 詳 細 設 定 の3つのタブが 基 本 となりますが 要 素 コンテナの 種 類 によって 差 異 があります 詳 細 設 定 画 面 をクローズします リサイズ 詳 細 設 定 画 面 をリサイズします 要 素 コンテナで 合 わせて 一 つの 詳 細 設 定 画 面 のみ 表 示 できます 要 素 コンテナ 毎 の 設 定 項 目 の 詳 細 は 次 項 から 確 認 してください

36 5.2. 要 素 スマホサイトに 設 置 する 最 小 単 位 の 部 品 を 本 サービスでは 要 素 と 呼 びます スマホで 表 示 されるページは 要 素 の 組 み 合 わせによってできます 基 本 的 な 要 素 には テキスト と イメージ があります PCサイトの9 割 以 上 はこの2つの 要 素 で 構 成 されています テキスト イメージ 補 足 的 に 使 用 する 要 素 にライン インラインフレームがあります これらの 要 素 は 必 要 に 応 じて 使 用 してください ライン インライン フレーム お 問 い 合 わせのページなどで 入 力 フォームを 使 用 したい 場 合 は フォーム 要 素 を 使 用 します フォーム 要 素 にはテキスト 入 力 フォーム(パスワード メールアドレス 電 話 番 号 など) 送 信 ボタン チェックボック ス ラジオボタン セレクトボックス 等 幾 つかの 種 類 が 存 在 します テキスト 入 力 テキストエリア 送 信 ボタン チェックボックス ラジオボタン セレクトボックス これらの 要 素 を 格 納 する 器 として コンテナ があります 要 素 をコンテナにどう 設 置 するか また コンテナをスマホサ イトビューにどう 設 置 するかでスマホサイトのデザインが 決 まります コンテナ の 種 類 に 関 しては コンテナ(5.3) で 後 述 します 要 素 はスマホサイトビュー 内 でクリックすると 緑 枠 で 選 択 されます 詳 細 設 定 から 要 素 の 表 示 を 細 かく 調 整 できます 決 定 ボタンなどがある 一 部 の 項 目 を 除 き 設 定 を 変 更 した 時 点 でスマ ホサイトビューの 表 示 は 設 定 値 がリアルタイムで 反 映 されます 設 定 できる 項 目 の 詳 細 については 次 項 以 降 で 確 認 してくだ さい

37 テキスト PCサイトに 存 在 する 文 章 コンテンツは テキスト 要 素 で 表 現 します 文 字 の 大 きさや 色 修 飾 を 設 定 することができます HTMLエディタを 使 用 してHTMLタグを 直 接 記 述 することもできます PCサイトからドラッグドロップした 場 合 は PCサイトの 情 報 と 連 動 するので メンテナンスが 不 要 になります 各 詳 細 設 定 のヘルプアイコンを 押 下 す ると 要 素 コンテナの 機 能 説 明 チュ ートリアルガイドへのリンクが 表 示 され ます 必 要 に 応 じてご 参 照 ください

38 一 般 設 定 タブ 1 文 字 文 字 のフォント 修 飾 を 設 定 することができます 設 定 できる 項 目 は 下 記 の 通 りです 色 フォントサイズ( 大 小 ) 修 飾 ( 太 字 斜 体 下 線 影 付 き) 配 置 ( 左 寄 せ 中 央 寄 せ 右 寄 せ) 2 HTMLの 構 造 を 保 持 する チェックするとHTMLのタグ 構 成 が 保 持 され PCサイトと 同 様 のフォントや 修 飾 で 表 示 されます チェックしないとPCサイトビューからドロップしたテキスト 要 素 のみ 表 示 されます HTMLタグが 同 様 であっても cssの 設 定 が 異 なる 場 合 はPCサイトと 同 じ 表 示 は 保 証 されません 3 リンクURL テキストをクリックした 際 に 画 面 遷 移 する 先 のURLを 設 定 します PCサイトで 元 々リンクが 設 定 されている 場 合 PCサイトビューからドロップしたテキスト 要 素 にはリンクURLが 設 定 され ます URLを 変 更 する 場 合 は 編 集 ボタンを 押 下 し URLを 変 更 してから 決 定 ボタンを 押 下 します 変 更 したURLはその 後 PCサイト 側 のURLを 変 更 しても 連 動 されることはありません 4 テキスト テキスト 本 文 を 設 定 します PCサイトビューからテキスト 要 素 をドロップした 場 合 設 定 されているテキストがそのまま 設 定 されます 画 像 をドロップした 場 合 alt 属 性 に 設 定 されているテキストが 設 定 されます 新 規 で 作 成 したテキストには 初 期 値 として テキスト が 設 定 されます テキストを 変 更 する 場 合 は 編 集 ボタンを 押 下 し テキストを 変 更 してから 決 定 ボタンを 押 下 します 変 更 したテキストはその 後 PCサイト 側 のURLを 変 更 しても 連 動 されることはありません ブロック 内 編 集 回 り 込 み 回 り 込 みチェックボックスをチェックするとテキストを 横 並 びに 配 置 できます 左 右 余 白 左 右 の 余 白 をピクセル(px) 単 位 で 設 定 します 初 期 値 は10pxです 上 下 余 白 上 下 の 余 白 をピクセル(px) 単 位 で 設 定 します 初 期 値 は10pxです 行 間 設 定 複 数 行 に 渡 るテキストの 行 間 をem 単 位 で 設 定 します 初 期 値 は1.2emです 文 字 編 集 編 集 を 行 う ボタンを 押 下 するとHTMLエディタを 起 動 し HTMLタグを 記 述 することができます 一 度 HTMLエディター 上 で 修 正 を 反 映 した 場 合 通 常 のテキストには 戻 せません またPCサイトと 連 動 されることはあり ません

39 HTMLエディタ javascript cssを 記 述 する 場 合 スマホサイトの 画 面 の 表 示 崩 れが 発 生 する 場 合 があります ソース クリックするとHTMLタグ を 実 際 に 編 集 することができます HTMLタグの 知 識 が 必 要 となりま す 文 字 文 字 のフォント 修 飾 を 設 定 することができます 設 定 できる 項 目 は 下 記 の 通 りです 文 字 色 背 景 色 フォントサイズ (パーセンテージ) 修 飾 ( 太 字 斜 体 下 線 ) 配 置 ( 左 寄 せ 中 央 寄 せ 右 寄 せ) ハイパーリンク ハイパーリンク を 設 定 できます テーブル テーブルを 設 定 できま す 5 横 罫 線 横 罫 線 を 設 定 できます 6 HTML 編 集 エリア 1 ソースがOFFの 時 はHTMLエディタとして 文 字 の 装 飾 ハイパーリンクの 設 定 などができます ( 文 字 を 選 択 状 態 にして 設 定 してください) 1 ソースをONにしている 時 はHTMLタグを 直 接 編 集 します 7 反 映 HTMLの 修 正 を 反 映 します 反 映 ボタンを 押 下 した 後 にページの 保 存 を 行 わない 限 り 反 映 した 修 正 は 保 存 されませんのでご 注 意 ください

40 高 度 な 設 定 タブ 文 字 変 換 1 変 換 規 則 最 大 5 件 の 変 換 規 則 を 登 録 できます How to 使 用 頻 度 の 高 い 変 換 は 下 記 のとおりです クリック を タッチ に 変 換 を 必 須 に 変 換 を に 変 換 スペースが 削 除 されます を <br> に 変 換 の 後 に 改 行 されます 非 表 示 タグ 設 定 2 非 表 示 タグ PCサイトビューからドロップしたテキスト 要 素 のみ 表 示 されます 設 定 したタグの 内 容 を 非 表 示 に 設 定 します リンク 拡 張 設 定 3 リンクを 開 く 方 法 リンクURLを 設 定 している 場 合 クリックした 場 合 の 動 作 を 下 記 項 目 から 設 定 できます 同 じページで 開 く(デフォルト) 新 しいウィンドウで 開 く ウィンドウ 名 を 指 定 して 開 く Android Chromeでは 既 に 同 じウインドウ 名 のものが 開 いている 場 合 自 動 的 にウインドウが 切 り 替 わりません target 指 定 を 引 き 継 ぐ target 指 定 が 指 定 されていない 場 合 は 無 効 となります JavaScriptイベントハンドラ 設 定 4 onclickイベント 設 定 JavaScriptのonclickイベントが 設 定 されている 場 合 の クリックした 場 合 の 動 作 を 下 記 項 目 から 設 定 できます

41 リンクを 開 く(onclickイベントを 残 さない)(デフォルト) onclickイベントを 残 す onclickイベントがあれば 残 す CSS 詳 細 設 定 タブ cssを 記 述 する 場 合 スマホサイトの 画 面 の 表 示 崩 れが 発 生 する 場 合 があります テキストにcss( Cascading Style Sheets(スタ イル シート))を 設 定 します 本 テキスト 要 素 を 指 します モビーク 独 自 の 仕 様 となりますのでご 注 意 ください) How to テキストのフォントサイズを20pxに 変 更 します { font-size:20px; } ( 適 用 した 文 字 )

42 イメージ PCサイトに 存 在 する 画 像 イメージは イメージ 要 素 で 表 現 します 画 像 の 幅 設 定 位 置 指 定 やリンクURLを 編 集 したり 画 像 の 切 り 取 りをすることができます PCサイトからドラッグドロップした 場 合 は PCサイトの 情 報 と 連 動 するので メンテナンスが 不 要 になります 背 景 画 像 のみ 設 定 されている 要 素 をイメージとしてドロップすると 下 記 のような 確 認 ダイアログが 表 示 されます 1 背 景 画 像 を 利 用 する(img 画 像 がな い 場 合 ) を 選 択 すると 背 景 画 像 がスマホサイトビューにドロップさ れます イメージは 利 用 可 能 ですが PCサイ ト 連 動 ができません 態 でドロップされます 2 全 て 背 景 画 像 を 利 用 しない を 選 択 すると 背 景 画 像 は 利 用 されない 状

43 一 般 設 定 タブ リンクURL イメージをクリックした 際 に 画 面 遷 移 する 先 のURLを 設 定 します PCサイトで 元 々リンクが 設 定 されている 場 合 PCサイトビューからドロップしたイメージ 要 素 にはリンクURLが 設 定 されます URLを 変 更 する 場 合 は 編 集 ボタンを 押 下 し URLを 変 更 してから 決 定 ボタンを 押 下 します 変 更 したURLはその 後 PCサイト 側 のURLを 変 更 しても 連 動 されることはありません URL 表 示 する 画 像 のURLを 設 定 します アップロードした 画 像 や 標 準 アイコンを 表 示 する 場 合 ドメイン 名 までの URLは 表 示 されません 一 覧 から 選 択 モビークにアップロードした 画 像 や 標 準 アイコンを 選 択 して 表 示 することができます 画 面 イメージは 次 のページで 参 照 してください 幅 設 定 幅 の 割 合 をパーセンテージで 設 定 します 初 期 値 は100%です オリジナルサイズで 表 示 のチェックをつけると 画 像 のオリジナルサイズでの 表 示 となり 幅 設 定 は 無 効 となり ます 上 下 余 白 上 下 の 余 白 をピクセル(px) 単 位 で 設 定 します 初 期 値 は0pxです 画 像 の 位 置 指 定 表 示 位 置 を 左 寄 せ 中 央 右 寄 せから 設 定 します 回 り 込 み チェックボックスにチェックをつけるとイメージが 改 行 されずに 横 並 びに 配 置 されます 画 像 の 切 り 取 り 詳 細 設 定 下 部 の 画 像 をマウスでクリックし 切 り 取 りをする 幅 高 さを 指 定 します イメージの 切 り 取 りをすると その 後 PCサイト 側 のイメージを 変 更 しても 幅 高 さは 連 動 されることはありません 再 度 幅 高 さを 設 定 してください 解 除 ボタンを 押 下 すると 切 り 取 り 状 態 は 初 期 化 されます 幅 高 さの 最 小 値 は16px 16pxとなります

44 3 一 覧 から 選 択 ボタンを 押 下 すると 表 示 される 画 像 一 覧 画 面 です 画 像 アップロードタブ モビークにアップロードした 画 像 を 選 択 して 表 示 することができます ダブルクリックするとイメージが 設 定 さ れます ファイルを 選 択 して 送 信 ボタンを 押 下 すると 画 像 をアップロードできま す 標 準 アイコンタブ 標 準 アイコンを 選 択 して 表 示 することが できます 最 初 に 使 用 したい 色 を 選 択 します 使 用 したいアイコンをダブルクリックす るとアイコンが 設 定 されます

45 高 度 な 設 定 タブ リンク 拡 張 設 定 1 リンクを 開 く 方 法 リンクURLを 設 定 している 場 合 クリックした 場 合 の 動 作 を 下 記 項 目 から 設 定 できます 同 じページで 開 く(デフォルト) 新 しいウィンドウで 開 く ウィンドウ 名 を 指 定 して 開 く Android Chromeでは 既 に 同 じウインドウ 名 のものが 開 いている 場 合 自 動 的 にウインドウが 切 り 替 わりません target 指 定 を 引 き 継 ぐ target 指 定 が 指 定 されていない 場 合 は 無 効 となります JavaScriptイベントハンドラ 設 定 2 onclickイベント 設 定 JavaScriptのonclickイベントが 設 定 されている 場 合 の クリックした 場 合 の 動 作 を 下 記 項 目 から 設 定 できます リンクを 開 く(onclickイベントを 残 さない)(デフォルト) onclickイベントを 残 す onclickイベントがあれば 残 す

46 CSS 詳 細 設 定 タブ cssを 記 述 する 場 合 スマホサイトの 画 面 の 表 示 崩 れが 発 生 する 場 合 があります イメージにcssを 設 定 します 本 イメ ージ 要 素 を 指 します) How to 画 像 の 枠 に 青 い1pxの 線 を 表 示 します img{ border: 1px solid blue; }

47 フォーム メールアドレス パスワード 電 話 番 号 郵 便 番 号 チェックボックス ラジオボタン セレクトボックス 送 信 ボタンな ど 各 種 フォームのタイトルやチェック 機 能 の 設 定 ができます お 問 い 合 わせページや 会 員 登 録 ページなどをデザインするときに 本 要 素 を 使 用 します フォーム 要 素 はPCサイトの 要 素 を 必 ず 使 用 します スマホサイトで 新 規 に 追 加 することはできません Tips! フォーム 要 素 ではEFO(エントリーフォーム 最 適 化 ) 機 能 が 使 用 できます 入 力 チェック 機 能 必 須 入 力 入 力 文 字 入 力 形 式 のチェック 入 力 後 即 時 チェック エラー 表 示 エラー 文 字 の 表 示 必 須 入 力 箇 所 の 明 示 必 須 入 力 箇 所 はピンク 色 で 表 示 されます 入 力 エラー 箇 所 への 自 動 フォーカス 送 信 ボタン 押 下 時 にフォーカスします 全 角 / 半 角 自 動 変 換 ひらがな カタカナにも 対 応 キーボードの 最 適 化 数 字 キーや メールアドレス 用 キーボードなど OSのバージョンにより 5 キーボードの 最 適 化 は 一 部 フォームで 最 適 化 されない 場 合 があります

48 共 通 本 項 では 全 てのフォームで 共 通 の 設 定 タブを 説 明 します フォーム 全 体 設 定 タブ 本 設 定 は 基 本 的 に 変 更 しないでください action actionurlを 設 定 します 編 集 するとPC 連 動 されなくなります method methodを 設 定 します 編 集 する とPC 連 動 されなくなります enctype enctypeを 設 定 します 編 集 す るとPC 連 動 されなくなります CSS 詳 細 設 定 タブ cssを 記 述 する 場 合 スマホサイトの 画 面 の 表 示 崩 れが 発 生 する 場 合 があります フォームにcssを 設 定 します (@this@が 本 フォーム 要 素 を 指 し ます)

49 テキスト 入 力 テキスト 入 力 フォームは 下 記 の6 種 類 が 使 用 できます スマホサイトビューに 配 置 した 後 でも 種 類 を 変 更 することができま す 標 準 のテキスト メールアドレス 携 帯 メールアドレス 電 話 番 号 郵 便 番 号 パスワード スマホサイトビューには 各 入 力 フォームごとにドロップしてください ( 複 数 の 入 力 フォームが 含 まれたブロックをド ロップすると 最 初 の 一 つしか 配 置 されません) スマホサイトビューにドロップすると 標 準 のテキスト または パスワードで 配 置 されます それ 以 外 の 種 類 のフォ ームは 配 置 後 に 種 類 を 変 更 してください

50 標 準 のテキスト name value Formname PCサイト 側 で 設 定 されているname 属 性 value 属 性 formname 属 性 が 表 示 されます タイトル タイトルを 設 定 します タイトルはエラーメッセージ 表 示 時 にも 使 用 されます 入 力 例 の 表 示 入 力 例 を 設 定 します 編 集 するとPC 連 動 されなくなります 入 力 チェック 項 目 必 須 チェックすると 未 入 力 チェックが 動 作 します 最 大 文 字 数 最 大 文 字 数 を 設 定 します 設 定 文 字 数 を 超 える 文 字 数 は 入 力 できません 編 集 するとPC 連 動 されな くなります 入 力 タイプの 変 更 下 記 項 目 から 入 力 タイプを 設 定 できます 標 準 のテキスト メールアドレス 携 帯 メールアドレス 電 話 番 号 郵 便 番 号 パスワード 7 入 力 文 字 タイプ 下 記 項 目 から 選 択 できます 全 ての 文 字 タイプ ひらがな カタカナ 英 数 字 英 数 字 + 記 号 英 字 のみ 整 数 数 値 ( 小 数 点 含 む) 8 全 角 / 半 角 の 指 定 下 記 項 目 から 選 択 できます 入 力 文 字 タイプによって 選 択 項 目 が 変 化 します 指 定 しない( ひらがな は 指 定 できません) 半 角 ( 全 ての 文 字 タイプ ひらがな は 指 定 できません) 全 角 ( ひらがな は 指 定 できません)

51 郵 便 番 号 name value Formname PCサイト 側 で 設 定 されているname 属 性 value 属 性 formname 属 性 が 表 示 されます タイトル タイトルを 設 定 します タイトルはエラーメッセージ 表 示 時 にも 使 用 されます 入 力 例 の 表 示 入 力 例 を 設 定 します 編 集 するとPC 連 動 されなくなります 入 力 チェック 4 5 項 目 必 須 チェックすると 未 入 力 チェックが 動 作 します 入 力 タイプの 変 更 下 記 項 目 から 入 力 タイプを 設 定 できます 標 準 のテキスト メールアドレス 携 帯 メールアドレス 電 話 番 号 郵 便 番 号 パスワード 6 入 力 文 字 タイプ 下 記 項 目 から 選 択 できます ハイフンなし ハイフンあり 7 全 角 / 半 角 の 指 定 下 記 項 目 から 選 択 できます 指 定 しない 半 角 全 角

52 メールアドレス name value Formname PCサイト 側 で 設 定 されているname 属 性 value 属 性 formname 属 性 が 表 示 されます タイトル タイトルを 設 定 します タイトルはエラーメッセージ 表 示 時 にも 使 用 されます 入 力 例 の 表 示 入 力 例 を 設 定 します 編 集 するとPC 連 動 されなくなります 入 力 チェック 項 目 必 須 チェックすると 未 入 力 チェックが 動 作 します 最 大 文 字 数 最 大 文 字 数 を 設 定 します 設 定 文 字 数 を 超 える 文 字 数 は 入 力 できません 編 集 するとPC 連 動 されな くなります 入 力 タイプの 変 更 下 記 項 目 から 入 力 タイプを 設 定 できます 標 準 のテキスト メールアドレス 携 帯 メールアドレス 電 話 番 号 郵 便 番 号 パスワード

53 電 話 番 号 name value Formname PCサイト 側 で 設 定 されているname 属 性 value 属 性 formname 属 性 が 表 示 されます タイトル タイトルを 設 定 します タイトルはエラーメッセージ 表 示 時 にも 使 用 されます 入 力 例 の 表 示 入 力 例 を 設 定 します 編 集 するとPC 連 動 されなくなります 入 力 チェック 4 5 項 目 必 須 チェックすると 未 入 力 チェックが 動 作 します 入 力 タイプの 変 更 下 記 項 目 から 入 力 タイプを 設 定 できます 標 準 のテキスト メールアドレス 携 帯 メールアドレス 電 話 番 号 郵 便 番 号 パスワード 6 入 力 文 字 タイプ 下 記 項 目 から 選 択 できます ハイフンなし ハイフンあり 7 全 角 / 半 角 の 指 定 下 記 項 目 から 選 択 できます 指 定 しない 半 角 全 角

54 携 帯 メールアドレス name value Formname PCサイト 側 で 設 定 されているname 属 性 value 属 性 formname 属 性 が 表 示 されます タイトル タイトルを 設 定 します タイトルはエラーメッセージ 表 示 時 にも 使 用 されます 入 力 例 の 表 示 入 力 例 を 設 定 します 編 集 するとPC 連 動 されなくなります 入 力 チェック 項 目 必 須 チェックすると 未 入 力 チェックが 動 作 します 最 大 文 字 数 最 大 文 字 数 を 設 定 します 設 定 文 字 数 を 超 える 文 字 数 は 入 力 できません 編 集 するとPC 連 動 されな くなります 入 力 タイプの 変 更 下 記 項 目 から 入 力 タイプを 設 定 できます 標 準 のテキスト メールアドレス 携 帯 メールアドレス 電 話 番 号 郵 便 番 号 パスワード

55 パスワード 1 2 name value Formname PCサイト 側 で 設 定 されているname 属 性 value 属 性 formname 属 性 が 表 示 されます タイトル タイトルを 設 定 します タイトルはエラーメッセージ 表 示 時 にも 使 用 されます 入 力 チェック 項 目 必 須 チェックすると 未 入 力 チェックが 動 作 します 最 小 文 字 数 最 小 文 字 数 を 設 定 します 設 定 文 字 数 未 満 の 文 字 数 を 入 力 するとエラーとなります 最 大 文 字 数 最 大 文 字 数 を 設 定 します 設 定 文 字 数 を 超 える 文 字 数 は 入 力 できません 編 集 するとPC 連 動 されなく なります 入 力 タイプの 変 更 下 記 項 目 から 入 力 タイプを 設 定 できます 標 準 のテキスト メールアドレス 携 帯 メールアドレス 電 話 番 号 郵 便 番 号 パスワード 7 入 力 文 字 タイプ 下 記 項 目 から 選 択 できます 英 数 字 + 記 号 英 数 字

56 テキストエリア 一 般 設 定 タブ name value Formname PCサイト 側 で 設 定 されているname 属 性 value 属 性 formname 属 性 が 表 示 されます タイトル タイトルを 設 定 します タイトルはエラーメッセージ 表 示 時 にも 使 用 されます 入 力 例 の 表 示 入 力 例 を 設 定 します 編 集 するとPC 連 動 されなくなります 行 数 テキストエリアの 行 数 を 設 定 します 編 集 ボタンを 押 下 し 行 数 を 入 力 して 決 定 ボタンを 押 下 しま す 編 集 するとPC 連 動 されなくなります 入 力 チェック 5 6 項 目 必 須 チェックすると 未 入 力 チェックが 動 作 します 最 大 文 字 数 最 大 文 字 数 を 設 定 します 設 定 文 字 数 を 超 える 文 字 数 は 入 力 できません 編 集 するとPC 連 動 されな くなります

57 チェックボックス 一 般 設 定 タブ name value Formname PCサイト 側 で 設 定 されているname 属 性 value 属 性 formname 属 性 が 表 示 されます ラベル ラベルを 設 定 します グループプロパティ グループプロパティが 表 示 されます タイトルや 入 力 チェックは 同 じグループプロパティ 内 のチェックボックスで 有 効 となります タイトル タイトルを 設 定 します タイトルはエラーメッセージ 表 示 時 にも 使 用 されます 入 力 チェック 項 目 必 須 チェックすると 未 入 力 チェックが 動 作 します 最 小 選 択 項 目 数 チェックの 最 小 数 を 設 定 します 最 大 選 択 項 目 数 チェックの 最 大 数 を 設 定 します

58 ラジオボタン 一 般 設 定 タブ name value Formname name 属 性 value 属 性 formname 属 性 が 表 示 されます ラベル [ 画 面 キャプチャ]ラベルを 設 定 します グループプロパティ グループプロパティが 表 示 されます タイトルや 入 力 チェックは 同 じグループプロパティ 内 のラジオボタンで 有 効 となります タイトル タイトルを 設 定 します タイトルはエラーメッセージ 表 示 時 にも 使 用 されます 入 力 チェック 5 項 目 必 須 チェックすると 未 入 力 チェックが 動 作 します

59 セレクトボックス 一 般 設 定 タブ 1 2 name value Formname name 属 性 value 属 性 formname 属 性 が 表 示 されます タイトル タイトルを 設 定 します タイトルはエラーメッセージ 表 示 時 に 使 用 されます 入 力 チェック 3 項 目 必 須 チェックすると 未 入 力 チェックが 動 作 します セレクトボックスで 表 示 される 項 目 は PCサイトのセレクトボックスをそのまま 使 用 します 項 目 を 変 更 することはでき ません

60 送 信 ボタン 一 般 設 定 タブ 1 2 name value Formname PCサイト 側 で 設 定 されているname 属 性 value 属 性 formname 属 性 が 表 示 されます タイトル タイトルを 設 定 します 高 度 な 設 定 タブ 1 画 像 ボタン 設 定 PCサイトの 送 信 ボタンが 画 像 イメージで 表 示 されている 場 合 チェックすると 画 像 ボタンとして 表 示 さ れます チェックしないとテキストの 送 信 ボタンとして 表 示 されます PCサイトの 送 信 ボタンにalt 属 性 が 設 定 されてい ない 場 合 テキストは 設 定 されません

61 ライン スマホサイトに 線 を 引 きます 本 要 素 はPCサイトにあるコンテンツを 使 用 しない スマホサイトのデザインを 整 えるため に 使 用 する 補 足 的 な 要 素 となります How to 本 要 素 の 詳 細 設 定 を 表 示 するのが 難 しい 場 合 : 要 素 にマウスオーバーして 緑 色 の 枠 線 を 表 示 してください この 状 態 で 右 クリックメニューを 表 示 し 詳 細 設 定 を 選 択 してください

62 一 般 設 定 タブ 幅 設 定 幅 の 割 合 をパーセンテージで 設 定 します 初 期 値 は 100%です 上 下 余 白 上 下 の 余 白 をピクセル(px) 単 位 で 設 定 します 初 期 値 は10pxです ラインの 色 ラインの 色 を 設 定 します CSS 詳 細 設 定 タブ cssを 記 述 する 場 合 スマホサイトの 画 面 の 表 示 崩 れが 発 生 する 場 合 があります ラインにcssを 設 定 します (@this@が 本 ライン 要 素 を 指 します)

63 インラインフレーム iframeタグで 表 示 しているコンテンツを 表 示 するために 利 用 します Google Maps Youtubeといった 外 部 サイトが 提 供 しているサービス 別 ページのお 知 らせなどの 機 能 を 表 示 できます

64 一 般 設 定 タブ リンクURL インラインフレームタグ 内 で 表 示 するページのURLを 設 定 します PCサイトで 元 々リンクが 設 定 されている 場 合 PCサイトビューからドロップしたテキスト 要 素 にはリンクURLが 設 定 されます URLを 変 更 する 場 合 は 編 集 ボタンを 押 下 し URLを 変 更 してから 決 定 ボタンを 押 下 します 変 更 したURLはその 後 PCサイト 側 のURLを 変 更 しても 連 動 されることはありません 上 下 余 白 上 下 の 余 白 をピクセル(px) 単 位 で 設 定 します 初 期 値 は10pxです 幅 設 定 幅 の 長 さをピクセル(px) 単 位 で 設 定 します 初 期 値 は320pxです 位 置 指 定 表 示 位 置 を 左 寄 せ 中 央 右 寄 せから 設 定 します 枠 枠 の 有 無 を 設 定 します 枠 の 色 設 定 枠 の 色 を 設 定 します ( 枠 なしの 場 合 は 無 効 となります) CSS 詳 細 設 定 タブ cssを 記 述 する 場 合 スマホサイトの 画 面 の 表 示 崩 れが 発 生 する 場 合 があります インラインフレームにcssを 設 定 します (@this@が 本 インラインフレー ム 要 素 を 指 します)

65 5.3. コンテナ 要 素 ( 要 素 (5.2) ) を 設 置 するための 器 を 本 サービスでは コンテナ と 呼 びます 器 と 表 現 されているように 要 素 を コンテナ へどのように 並 べ コンテナ をスマホサイトビューにどう 配 置 す るかがスマホサイトデザインの 重 要 なポイントになります コンテナ にはボックス ボタン テーブル タブ エキスパンド スライドの6 種 類 があり 表 示 方 法 によって コン テナを 選 択 していく 必 要 があります ボックス ボタン テーブル タブ エキスパンド スライド コンテナ はスマホサイトビュー 内 でクリックすると 青 枠 で 選 択 されます 詳 細 設 定 からコンテナの 表 示 を 細 かく 調 整 できます 設 定 を 変 更 した 時 点 でスマホサイトビューの 表 示 は 設 定 値 がリアルタ イムで 反 映 されます 注 意 :css 詳 細 設 定 タブをコンテナで 利 用 することは 推 奨 しておりません 今 後 モビーク のバージョンアップによ り 従 来 の 表 示 とは 異 なった 表 示 になる 可 能 性 があります

66 ボックス ボックス( 箱 )という 名 称 の 通 り 全 ての 要 素 とコンテナ(スライドを 除 く)を 格 納 できる 最 も 基 本 的 なコンテナです 幅 や 背 景 色 形 状 などデザインの 設 定 ができます

67 一 般 設 定 タブ 文 字 文 字 のフォント 修 飾 を 設 定 することができます 設 定 できる 項 目 は 下 記 の 通 りです 文 字 色 フォントサイズ( 大 小 ) 修 飾 ( 太 字 斜 体 下 線 影 付 き) 配 置 ( 左 寄 せ 中 央 寄 せ 右 寄 せ) 上 余 白 上 の 余 白 をピクセル(px) 単 位 で 設 定 します 初 期 値 は-1pxです 幅 設 定 幅 の 割 合 をパーセンテージで 設 定 します 初 期 値 は100%です ボックスの 背 景 色 ボックスコンテナの 背 景 色 を 設 定 しま す 色 なしのチェックボックスをチェックした 場 合 透 明 ( 無 色 )で 設 定 されます グラデーション 設 定 ボックスの 背 景 色 のグラデーション を 設 定 します ( 背 景 色 が 色 なしの 場 合 は 無 効 となります) もっと 見 る ボタンを 押 下 すると 他 のグラデーションを 設 定 できます ボックスの 位 置 設 定 ボックスの 位 置 を 下 記 項 目 から 設 定 できます 左 寄 せ 中 央 右 寄 せ 7 形 状 ボックスの 形 状 を 下 記 項 目 から 設 定 できます 角 丸 四 角 8 枠 ボックスの 枠 表 示 を 設 定 できます 枠 あり 枠 なし 9 影 ボックスの 影 表 示 を 下 記 項 目 から 設 定 できます 影 なし 影 あり 光 彩 10 枠 の 色 設 定 ボックスの 枠 の 色 を 設 定 します ( 枠 なしの 場 合 は 自 動 設 定 となります) 11 ボタン 設 定 ボタン 化 チェックボックスをチェックすると ボックスのデザインをボタンに 変 更 できます コ ンテナ 種 別 が 変 わります (ボックスコンテナ ボタンコンテナ( ボタン(5.3.2) を 参 照 ))

68 高 度 な 設 定 タブ デザイン 設 定 1 下 余 白 下 の 余 白 をピクセル(px) 単 位 で 設 定 します 初 期 値 は0pxです 表 示 条 件 設 定 2 表 示 条 件 ボックスを 表 示 する 条 件 を 下 記 項 目 から 設 定 で きます 1つでもPCサイトにあれば 表 示 (テ フォルト) 1つでも 表 示 するものがあれば 表 示 全 て 表 示 するものが 見 つかれば 表 示 全 てPCサイトにあれば 表 示 表 示 が 見 つからなくても 表 示 タブレット 設 定 3 設 置 レイアウト 場 所 の 指 定 設 置 レイアウト 場 所 の 指 定 を 下 記 項 目 から 設 定 できます コンテンツ 部 に 表 示 (テ フォルト) ヘッダー 部 に 表 示 メニュー 部 に 表 示 フッター 部 に 表 示 タブレットでは 表 示 しない 4 レイアウト 内 の 設 置 方 法 タブレットで 表 示 したときのレ イアウトを 下 記 項 目 から 設 定 できます 100% 表 示 320px 左 寄 320px 右 寄 320px 中 央 50% 左 寄 50% 右 寄 3 列 左 寄 3 列 右 寄 5 設 置 並 び 状 態 解 除 する 回 り 込 み 状 態 を 解 除 します

69 CSS 詳 細 設 定 タブ cssを 記 述 する 場 合 スマホサイトの 画 面 の 表 示 崩 れが 発 生 する 場 合 があります ボックス 以 下 の 要 素 コンテナにcssを 設 定 します 本 ボック スを 指 します) 注 意 :css 詳 細 設 定 タブをコンテナで 利 用 することは 推 奨 しておりま せん

70 ボタン ボタンコンテナはリンクボタンを 作 成 する 時 に 使 用 するコンテナです 幅 や 背 景 色 形 状 の 設 定 ができ 一 覧 からボタンのデザインを 選 択 できます 設 定 項 目 に 関 してはボタンはボックスとほぼ 同 様 となり ます ボタン 化 チェックボックスをチェックするかによっ て ボックスコンテナかボタンコンテナを 使 い 分 けるこ とができます スマホサイトビューにドロップした 後 に 変 更 可 能 で す

71 一 般 設 定 タブ 1 文 字 文 字 のフォント 修 飾 を 設 定 することができます 設 定 できる 項 目 は 下 記 の 通 りです 文 字 色 フォントサイズ( 大 小 ) 修 飾 ( 太 字 斜 体 下 線 影 付 き) 配 置 ( 左 寄 せ 中 央 寄 せ 右 寄 せ) 上 余 白 上 の 余 白 をピクセル(px) 単 位 で 設 定 します 初 期 値 は-1pxです 幅 設 定 幅 の 割 合 をパーセンテージで 設 定 します 初 期 値 は100%です ボタンの 背 景 色 ボタンコンテナの 背 景 色 を 設 定 します 色 なしのチェックボックスをチェックした 場 合 透 明 ( 無 色 ) で 設 定 されます 5 6 グラデーション 設 定 ボタンの 背 景 色 のグラデーションを 設 定 します ( 背 景 色 が 色 なしの 場 合 は 無 効 となります) もっと 見 る ボタンを 押 下 すると 他 のグラデーションを 設 定 できます ボタンの 位 置 設 定 ボタンの 位 置 を 下 記 項 目 から 設 定 でき ます 左 寄 せ 中 央 右 寄 せ 7 形 状 ボタンの 形 状 を 下 記 項 目 から 設 定 できます 角 丸 四 角 8 枠 ボタンの 枠 表 示 を 設 定 できます 枠 あり 枠 なし 9 影 ボタンの 影 表 示 を 下 記 項 目 から 設 定 できます 影 なし 影 あり 光 彩 10 枠 の 色 設 定 ボタンの 枠 の 色 を 設 定 します ( 枠 なしの 場 合 は 自 動 設 定 となります) 11 ボタン 設 定 ボタン 化 チェックボックスのチェックを 外 すと ボタンのデザインをボックスに 変 更 できます コ ンテナ 種 別 が 変 わります (ボックスコンテナ ボタンコンテナ ボックス(5.3.1) を 参 照 ) 12 リンクの 矢 印 色 ボタンのリンクの 矢 印 色 を 設 定 できます 13 ボタン 一 覧 を 表 示 ボタンを 押 下 するとボタンのデザインを 一 覧 から 設 定 できます 画 面 イメージは 次 のページで 参 照 してください

72 13 ボタン 一 覧 を 表 示 ボタンを 押 下 すると 表 示 されるボタン 一 覧 画 面 です もっと 見 る ボタンを 押 下 すると 他 の 候 補 からデザインを 設 定 できます

73 高 度 な 設 定 タブ デザイン 設 定 1 2 下 余 白 下 の 余 白 をピクセル(px) 単 位 で 設 定 します 初 期 値 は0pxです 矢 印 アイコンの 位 置 方 向 ボタンの 矢 印 アイコンの 位 置 方 向 を 下 記 項 目 から 設 定 できます 本 設 定 はボタンの デザインを 矢 印 アイコンの 向 きを 変 更 できるボタン グ ループから 選 んでいる 場 合 のみ 有 効 となります 右 配 置 右 向 き 右 配 置 上 向 き 右 配 置 下 向 き 左 配 置 左 向 き 上 配 置 上 向 き 下 配 置 下 向 き 表 示 条 件 設 定 3 表 示 条 件 設 定 を 下 記 項 目 から 設 定 できます 1つでもPCサイトにあれば 表 示 (テ フォルト) 1つでも 表 示 するものがあれば 表 示 全 て 表 示 するものが 見 つかれば 表 示 全 てPCサイトにあれば 表 示 表 示 が 見 つからなくても 表 示 タブレット 設 定 50% 左 寄 50% 右 寄 3 列 左 寄 3 列 右 寄 4 5 設 置 レイアウト 場 所 の 指 定 設 置 レイアウト 場 所 の 指 定 を 下 記 項 目 から 設 定 できます コンテンツ 部 に 表 示 (テ フォルト) ヘッダー 部 に 表 示 メニュー 部 に 表 示 フッター 部 に 表 示 タブレットでは 表 示 しない レイアウト 内 の 設 置 方 法 タブレットで 表 示 したときのレ イアウトを 下 記 項 目 から 設 定 できます 100% 表 示 320px 左 寄 320px 右 寄 320px 中 央 6 設 置 並 び 状 態 解 除 する 回 り 込 み 状 態 を 解 除 します

74 CSS 詳 細 設 定 タブ cssを 記 述 する 場 合 スマホサイトの 画 面 の 表 示 崩 れが 発 生 する 場 合 があります ボタン 以 下 の 要 素 コンテナにcssを 設 定 します 本 ボタンを 指 します) 注 意 :css 詳 細 設 定 タブをコンテナで 利 用 することは 推 奨 しておりま せん

75 テーブル 表 を 使 ったレイアウトを 作 成 する 時 はテーブルコンテナを 使 用 します 行 列 の 数 幅 の 割 合 枠 線 の 有 無 などの 設 定 ができるので 厳 密 に 表 示 内 容 を 調 整 できます

76 一 般 設 定 タブ 中 格 子 格 子 How to 文 字 文 字 のフォント 修 飾 を 設 定 することができます 設 定 できる 項 目 は 下 記 の 通 りです 文 字 色 フォントサイズ( 大 小 ) 修 飾 ( 太 字 斜 体 下 線 影 付 き) 配 置 ( 左 寄 せ 中 央 寄 せ 右 寄 せ) 上 余 白 上 の 余 白 をピクセル(px) 単 位 で 設 定 します 初 期 値 は-1pxです セルの 分 割 数 セルの 分 割 数 を 設 定 できます 初 期 値 は2 行 2 列 です 幅 設 定 幅 の 割 合 をパーセンテージで 設 定 します 初 期 値 は100%です セル 内 の 余 白 設 定 セル 内 の 余 白 をピクセル(px) 単 位 で 設 定 します 初 期 値 は0pxです セルの 比 率 指 定 列 ごとの 比 率 をパーセンテージで 設 定 し ます 初 期 値 は 未 設 定 の 状 態 です テーブルの 背 景 色 テーブルコンテナの 背 景 色 を 設 定 しま す 色 なしのチェックボックスをチェックした 場 合 透 明 ( 無 色 )で 設 定 されます テーブルの 配 置 設 定 テーブルの 配 置 を 下 記 項 目 から 設 定 できます 左 寄 せ 中 央 右 寄 せ 罫 線 テーブルの 表 示 する 罫 線 を 下 記 項 目 から 設 定 できま す 下 罫 線 上 罫 線 左 罫 線 右 罫 線 外 枠 枠 なし 中 縦 罫 線 中 横 罫 線 順 番 に 罫 線 の 種 類 を 押 下 することで 複 数 の 罫 線 を 追 加 することができます 例 えば 上 罫 線 下 罫 線 を 順 番 に 押 下 する と 上 と 下 の 罫 線 が 表 示 されたテーブルコンテナとなります 10 枠 の 色 設 定 テーブルの 枠 の 色 を 設 定 します ( 枠 なしの 場 合 は 無 効 となります)

77 高 度 な 設 定 タブ デザイン 設 定 セル 内 の 位 置 指 定 セル 内 のコンテンツの 表 示 位 置 を 下 記 項 目 から 設 定 できます 上 寄 せ 上 下 中 央 下 寄 せ ベースライン 下 余 白 下 の 余 白 をピクセル(px) 単 位 で 設 定 します 初 期 値 は0pxです テーブルの 背 景 色 (1 行 目 ) 1 行 目 のセルの 背 景 色 を 設 定 できます テーブルの 背 景 色 (1 列 目 ) 1 列 目 のセルの 背 景 色 を 設 定 できます 表 示 条 件 設 定 5 表 示 条 件 テーブルを 表 示 する 条 件 を 下 記 項 目 から 設 定 で きます 1つでもPCサイトにあれば 表 示 (テ フォルト) 1つでも 表 示 するものがあれば 表 示 全 て 表 示 するものが 見 つかれば 表 示 全 てPCサイトにあれば 表 示 表 示 が 見 つからなくても 表 示 タブレット 設 定 6 7 設 置 レイアウト 場 所 の 指 定 設 置 レイアウト 場 所 の 指 定 を 下 記 項 目 から 設 定 できます コンテンツ 部 に 表 示 (テ フォルト) ヘッダー 部 に 表 示 メニュー 部 に 表 示 フッター 部 に 表 示 タブレットでは 表 示 しない レイアウト 内 の 設 置 方 法 タブレットで 表 示 したときのレ イアウトを 下 記 項 目 から 設 定 できます 100% 表 示 320px 左 寄 320px 右 寄 320px 中 央 50% 左 寄 50% 右 寄 3 列 左 寄 3 列 右 寄 8 設 置 並 び 状 態 解 除 する 回 り 込 み 状 態 を 解 除 します

78 CSS 詳 細 設 定 タブ cssを 記 述 する 場 合 スマホサイトの 画 面 の 表 示 崩 れが 発 生 する 場 合 があります テーブル 以 下 の 要 素 コンテナにcssを 設 定 します 本 テーブ ルを 指 します) 注 意 :css 詳 細 設 定 タブをコンテナで 利 用 することは 推 奨 しておりま せん

79 タブ タブを 使 ったレイアウトを 作 成 する 時 はタブコンテナを 使 用 します タブの 数 高 さ 間 隔 選 択 時 未 選 択 時 の 色 などが 設 定 できます

80 一 般 設 定 タブ 1 文 字 文 字 のフォント 修 飾 を 設 定 することができます 設 定 できる 項 目 は 下 記 の 通 りです 文 字 色 フォントサイズ( 大 小 ) 修 飾 ( 太 字 斜 体 下 線 影 付 き) 配 置 ( 左 寄 せ 中 央 寄 せ 右 寄 せ) 上 余 白 上 の 余 白 をピクセル(px) 単 位 で 設 定 します 初 期 値 は-1pxです タブの 数 タブの 数 を 設 定 できます 初 期 値 は3 個 です 幅 設 定 幅 の 割 合 をパーセンテージで 設 定 します 初 期 値 は100%です タブの 間 隔 設 定 タブの 間 隔 をピクセル(px) 単 位 で 設 定 し ます 初 期 値 は0pxです タブの 高 さ 設 定 タブの 高 さをピクセル(px) 単 位 で 設 定 し ます 初 期 値 は40pxです タブ 選 択 時 の 背 景 色 タブ 選 択 時 の 背 景 色 を 設 定 します タブ 未 選 択 時 の 背 景 色 タブ 未 選 択 時 の 背 景 色 を 設 定 しま す グラデーション 設 定 タブの 背 景 色 のグラデーションを 設 定 します もっと 見 る ボタンを 押 下 すると 他 のグラデ ーションを 設 定 できます 枠 タブの 枠 表 示 を 設 定 できます 枠 あり 枠 なし 11 影 タブの 影 表 示 を 下 記 項 目 から 設 定 できます 影 なし 影 あり 12 枠 の 色 設 定 タブの 枠 の 色 を 設 定 します ( 枠 なしの 場 合 は 自 動 設 定 となります) 13 タブの 形 状 を 変 更 一 覧 を 表 示 ボタンを 押 下 するとタ ブのデザインを 一 覧 から 設 定 できます 画 面 イメージは 次 のページで 参 照 してください

81 13 一 覧 を 表 示 ボタンを 押 下 すると 表 示 されるタブ 一 覧 画 面 です

82 高 度 な 設 定 タブ デザイン 設 定 1 下 余 白 下 の 余 白 をピクセル(px) 単 位 で 設 定 します 初 期 値 は0pxです 表 示 条 件 設 定 2 表 示 条 件 ボックスを 表 示 する 条 件 を 下 記 項 目 から 設 定 で きます 1つでもPCサイトにあれば 表 示 (テ フォルト) 1つでも 表 示 するものがあれば 表 示 全 て 表 示 するものが 見 つかれば 表 示 全 てPCサイトにあれば 表 示 表 示 が 見 つからなくても 表 示 タブレット 設 定 3 列 左 寄 3 列 右 寄 3 4 設 置 レイアウト 場 所 の 指 定 設 置 レイアウト 場 所 の 指 定 を 下 記 項 目 から 設 定 できます コンテンツ 部 に 表 示 (テ フォルト) ヘッダー 部 に 表 示 メニュー 部 に 表 示 フッター 部 に 表 示 タブレットでは 表 示 しない レイアウト 内 の 設 置 方 法 タブレットで 表 示 したときのレ イアウトを 下 記 項 目 から 設 定 できます 100% 表 示 320px 左 寄 320px 右 寄 320px 中 央 50% 左 寄 50% 右 寄 5 設 置 並 び 状 態 解 除 する 回 り 込 み 状 態 を 解 除 します

83 CSS 詳 細 設 定 タブ cssを 記 述 する 場 合 スマホサイトの 画 面 の 表 示 崩 れが 発 生 する 場 合 があります タブ 以 下 の 要 素 コンテナにcssを 設 定 します 本 タブを 指 し ます) 注 意 :css 詳 細 設 定 タブをコンテナで 利 用 することは 推 奨 しておりま せん

84 エキスパンド エキスパンドコンテナはコンテンツの 表 示 非 表 示 を 制 御 したい 時 に 使 用 するコンテナです デザインの 設 定 や コンテンツ 展 開 時 のアニメーションの 有 無 などが 設 定 できます 一 画 面 に 表 示 したい 情 報 が 多 い 場 合 に 利 用 をおすすめしたいコンテナです

85 一 般 設 定 タブ 1 文 字 文 字 のフォント 修 飾 を 設 定 することができます 設 定 できる 項 目 は 下 記 の 通 りです 文 字 色 フォントサイズ( 大 小 ) 修 飾 ( 太 字 斜 体 下 線 影 付 き) 配 置 ( 左 寄 せ 中 央 寄 せ 右 寄 せ) 2 3 上 余 白 上 の 余 白 をピクセル(px) 単 位 で 設 定 します 初 期 値 は-1pxです 初 期 展 開 状 態 初 期 展 開 状 態 を 下 記 の 項 目 から 設 定 できま す 開 いておく 閉 じておく 最 初 を 開 く 最 初 を 開 く は 同 じルールの 適 用 を 行 った 場 合 に 有 効 になります 同 じルールの 適 用 を 行 っていない 場 合 は 開 いておく と 同 様 の 状 態 となります 開 閉 アニメーション 開 閉 アニメーションの 有 無 を 設 定 で きます 幅 設 定 幅 の 割 合 をパーセンテージで 設 定 します 初 期 値 は100%です タイトルの 高 さ 設 定 タイトルの 高 さをピクセル(px) 単 位 で 設 定 します 初 期 値 は40pxです タイトルの 背 景 色 タイトルの 背 景 色 を 設 定 します グラデーション 設 定 タイトルの 背 景 色 のグラデーション を 設 定 します もっと 見 る ボタンを 押 下 すると 他 のグ ラデーションを 設 定 できます 開 閉 アイコンカラー 開 閉 アイコンのカラーを 設 定 できま す 形 状 エキスパンドの 形 状 を 設 定 できます 角 丸 四 角 11 枠 エキスパンドの 枠 表 示 を 設 定 できます 枠 あり 枠 なし 12 影 エキスパンドの 影 表 示 を 下 記 項 目 から 設 定 できます 影 あり 影 なし 13 枠 の 色 設 定 エキスパンドの 枠 の 色 を 設 定 します ( 枠 なしの 場 合 は 自 動 設 定 となります) 14 エキスパンドの 形 状 を 変 更 一 覧 を 表 示 ボタンを 押 下 するとエキスパンドのデザインを 一 覧 から 設 定 できます 画 面 イメージは 次 のページで 参 照 してください

86 14 一 覧 を 表 示 ボタンを 押 下 すると 表 示 されるエキスパンド 一 覧 画 面 です もっと 見 る ボタンを 押 下 すると 他 の 候 補 からデザインを 設 定 できます

87 高 度 な 設 定 タブ パーツ 設 定 1 下 のパーツの 表 示 設 定 下 のパーツの 表 示 有 無 を 設 定 しま す デザイン 設 定 2 下 余 白 下 の 余 白 をピクセル(px) 単 位 で 設 定 します 初 期 値 は0pxです 表 示 条 件 設 定 3 表 示 条 件 ボックスを 表 示 する 条 件 を 下 記 項 目 から 設 定 で きます 1つでもPCサイトにあれば 表 示 (テ フォルト) 1つでも 表 示 するものがあれば 表 示 全 て 表 示 するものが 見 つかれば 表 示 全 てPCサイトにあれば 表 示 表 示 が 見 つからなくても 表 示 タブレット 設 定 3 列 左 寄 3 列 右 寄 4 5 設 置 レイアウト 場 所 の 指 定 設 置 レイアウト 場 所 の 指 定 を 下 記 項 目 から 設 定 できます コンテンツ 部 に 表 示 (テ フォルト) ヘッダー 部 に 表 示 メニュー 部 に 表 示 フッター 部 に 表 示 タブレットでは 表 示 しない レイアウト 内 の 設 置 方 法 タブレットで 表 示 したときのレ イアウトを 下 記 項 目 から 設 定 できます 100% 表 示 320px 左 寄 320px 右 寄 320px 中 央 50% 左 寄 50% 右 寄 6 設 置 並 び 状 態 解 除 する 回 り 込 み 状 態 を 解 除 します

88 CSS 詳 細 設 定 タブ cssを 記 述 する 場 合 スマホサイトの 画 面 の 表 示 崩 れが 発 生 する 場 合 があります エキスパンド 以 下 の 要 素 コンテナにcssを 設 定 します 本 エ キスパンドを 指 します) 注 意 :css 詳 細 設 定 タブをコンテナで 利 用 することは 推 奨 しておりま せん

89 スライド 複 数 の 画 像 イメージをスライドアニメーションさせるコンテナです flashで 実 行 されるようなアニメーションを 簡 単 に 表 現 できます 画 像 の 数 や 表 示 アニメーションの 間 隔 などが 設 定 できます

90 一 般 設 定 タブ 1 文 字 文 字 のフォント 修 飾 を 設 定 することができます 設 定 できる 項 目 は 下 記 の 通 りです 文 字 色 フォントサイズ( 大 小 ) 修 飾 ( 太 字 斜 体 下 線 影 付 き) 配 置 ( 左 寄 せ 中 央 寄 せ 右 寄 せ) 上 余 白 上 の 余 白 をピクセル(px) 単 位 で 設 定 します 初 期 値 は5pxです 幅 設 定 幅 の 割 合 をパーセンテージで 設 定 します 初 期 値 は100%です 高 さの 比 率 ( 幅 に 対 する) 画 像 の 比 率 画 像 の 高 さの 比 率 を 設 定 します 初 期 値 は 高 さ0.5: 幅 1となります スライドの 数 スライドする 画 像 の 数 を 設 定 します 初 期 値 は3 個 です 1~14 個 まで 設 定 できます スライドアニメーション アニメーションの 設 定 を 下 記 項 目 から 設 定 できます なし(フリックした 時 だけスライドします) 5 秒 ごとにスライド 10 秒 ごとにスライド 15 秒 ごとにスライド 20 秒 ごとにスライド 7 スライドタイトルの 表 示 位 置 スライドのタイトルの 表 示 位 置 を 下 記 項 目 から 設 定 できます スライドの 下 に 表 示 (テ フォルト) スライド 内 部 に 表 示 ( 黒 透 明 ) スライド 内 部 に 表 示 ( 白 透 明 ) タイトルを 表 示 しない 8 9 枠 の 色 設 定 スライドの 枠 の 色 を 設 定 します スライド 内 の 背 景 色 スライドコンテナの 背 景 色 を 設 定 し ます 色 なしのチェックボックスをチェックした 場 合 透 明 ( 無 色 )で 設 定 されます 10 スライドの 形 状 を 変 更 一 覧 を 表 示 ボタンを 押 下 する とスライドのデザインを 一 覧 から 設 定 できます 画 面 イメージは 次 のページで 参 照 してください

91 10 一 覧 を 表 示 ボタンを 押 下 すると 表 示 されるスライド 一 覧 画 面 です

92 高 度 な 設 定 タブ デザイン 設 定 下 余 白 下 の 余 白 をピクセル(px) 単 位 で 設 定 します 初 期 値 は0pxです 矢 印 の 色 スライドの 矢 印 の 色 を 設 定 します 色 指 定 なしのチェックボックスをチェックした 場 合 自 動 で 設 定 されます ドットインジケーターの 色 ドットインジケーターの 矢 印 の 色 を 設 定 します 色 指 定 なしのチェックボックスをチェックした 場 合 自 動 で 設 定 されます 表 示 中 ドット 背 景 色 表 示 中 ドット 背 景 色 を 設 定 しま す 色 指 定 なしのチェックボックスをチェックした 場 合 自 動 で 設 定 されます 表 示 中 ドット 枠 の 色 表 示 中 ドット 枠 の 色 を 設 定 しま す 色 指 定 なしのチェックボックスをチェックした 場 合 透 明 ( 無 色 )で 設 定 されます スライドアニメーション 設 定 最 後 に 弾 む 6 7 アニメーション 速 度 スライドアニメーションの 速 度 を 下 記 項 目 から 設 定 できます 0.1 秒 0.2 秒 0.4 秒 0.6 秒 1.0 秒 (デフォルト) 1.2 秒 1.5 秒 2.0 秒 2.5 秒 3.0 秒 アニメーションパターン スライドアニメーションのパタ ーンを 下 記 項 目 から 設 定 できます 一 定 の 速 度 (デフォルト) 徐 々に 加 速 し 最 後 はゆっくり 前 半 ゆっくり 後 半 早 く 前 半 早 く 後 半 ゆっくり 最 後 に 揺 らぐ 最 初 と 最 後 に 揺 らぐ 最 初 と 最 後 に 揺 らぐ(ゆっくり)

93 表 示 条 件 設 定 8 表 示 条 件 スライドを 表 示 する 条 件 を 下 記 項 目 から 設 定 できます 1つでもPCサイトにあれば 表 示 (テ フォルト) 1つでも 表 示 するものがあれば 表 示 全 て 表 示 するものが 見 つかれば 表 示 全 てPCサイトにあれば 表 示 表 示 が 見 つからなくても 表 示 タブレット 設 定 設 置 レイアウト 場 所 の 指 定 設 置 レイアウト 場 所 の 指 定 を 下 記 項 目 から 設 定 できます コンテンツ 部 に 表 示 (テ フォルト) ヘッダー 部 に 表 示 メニュー 部 に 表 示 フッター 部 に 表 示 タブレットでは 表 示 しない レイアウト 内 の 設 置 方 法 タブレットで 表 示 したときのレイアウトを 下 記 項 目 から 設 定 できます 100% 表 示 320px 左 寄 320px 右 寄 320px 中 央 50% 左 寄 50% 右 寄 3 列 左 寄 3 列 右 寄 設 置 並 び 状 態 解 除 する 回 り 込 み 状 態 を 解 除 します CSS 詳 細 設 定 タブ cssを 記 述 する 場 合 スマホサイトの 画 面 の 表 示 崩 れが 発 生 する 場 合 があります スライド 以 下 の 要 素 コンテナにcssを 設 定 します (@this@が 本 ス ライドを 指 します)

94 5.4. マイパーツ マイパーツ とは 複 数 のページで 使 用 することができ る 部 品 です スマホサイトの 中 で 共 通 で 使 用 する 部 品 をマイパーツ 化 することによってメンテナンス 性 を 高 め 全 てのページ のデザインを 統 一 することができます マイパーツを 作 成 する 方 法 は マイパーツ 化 (5.5.6) をご 参 照 ください マイパーツをスマホサイトビューにドロップした 後 詳 細 設 定 から 作 成 済 のマイパーツを 選 択 します

95 一 般 設 定 タブ 1 マイパーツ 作 成 済 のマイパーツから 使 用 するマイパーツを 選 択 します タブレット 設 定 2 設 置 レイアウト 場 所 の 指 定 設 置 レイアウト 場 所 の 指 定 を 下 記 項 目 から 設 定 できます コンテンツ 部 に 表 示 (テ フォルト) ヘッダー 部 に 表 示 メニュー 部 に 表 示 フッター 部 に 表 示 タブレットでは 表 示 しない

96 5.5. 右 クリックメニュー(スマホサイトビュー) 詳 細 設 定 選 択 した 要 素 コンテナの 詳 細 設 定 画 面 が 表 示 されます 設 定 項 目 については 要 素 (5.2) コンテナ(5.3) をご 参 照 くださ い 親 コンテナを 選 択 選 択 した 要 素 コンテナの 親 コンテナを 選 択 することができます 親 コンテナが 何 かは 要 素 コンテナを 選 択 した 際 にスマホサイトビュー 下 部 のノードナビゲーションに 表 示 されています

97 同 じルールの 適 用 同 じ 構 成 の 繰 り 返 しになっているテキスト 要 素 やイメージ 要 素 は 全 て 個 別 にスマホサイトビューにドロップしなくても 一 つの 要 素 に 同 じルー ルを 適 用 することで 表 示 できます サイトからのお 知 らせなど 繰 り 返 しで 表 示 したい 要 素 や 繰 り 返 す 要 素 の 数 が 可 変 である 場 合 は 本 機 能 を 使 用 してください 同 じルールを 適 用 したコンテナを 一 括 で 更 新 することができ メンテナ ンス 性 を 高 めることができます 本 機 能 はコンテナにしか 使 用 できません 繰 り 返 ししたい 要 素 をコン テナに 設 置 してから 使 用 してください パターン1~5で 同 じパターンの 繰 り 返 しになっている 範 囲 を 選 択 でき ます PCサイトビューの 青 枠 を 確 認 して 同 じパターンの 繰 り 返 しになっ ている 範 囲 を 選 んでパターンを 選 択 してください 同 じルールを 適 用 したコンテナには 下 図 の 赤 矢 印 先 のアイコンが 表 示 されます How to お 知 らせを 同 じルールの 適 用 で 表 示 した 例 先 頭 のコンテナと 同 じルールで2つ 目 以 降 のお 知 らせが 表 示 されます コピー 要 素 コンテナを 選 択 してコピーすると 同 じ 内 容 を 挿 入 することができます フォーム 要 素 や フォーム 要 素 が 含 まれたコンテナはコピーすることができません 後 ろに 挿 入 選 択 した 要 素 コンテナの 後 ろにコピーした 要 素 や コンテナを 挿 入 することができます コピー( コピー(5.5.4) 参 照 )をしていない 場 合 は 使 用 できません

98 マイパーツ 化 選 択 したコンテナをマイパーツ 化 します 以 下 の 場 合 マイパーツ 化 できませんのでご 注 意 ください ページ 直 下 に 置 かれていないコンテナ( 必 ず 親 コンテナを 選 択 (5.5.2) から 一 番 上 のコンテナを 選 択 してください また は ページ 設 定 (5.7) 9 選 択 ドロップモード 切 替 からルート 選 択 モードに 変 更 してからコンテナを 選 択 してください ) フォーム 要 素 スライドコンテナ タブコンテナ またはそれらが 含 まれるコンテナ マイパーツに 関 して 詳 しくは マイパーツ 管 理 (6.2) をご 参 照 ください 削 除 選 択 した 要 素 コンテナを 削 除 します 確 認 ダイアログは 表 示 されず 削 除 した 要 素 コンテナは 基 本 的 に 復 旧 できません 拡 張 利 用 できません

99 5.6. 右 クリックメニュー(PCサイトビュー) 選 択 拡 大 PCサイトで 現 在 選 択 している 範 囲 を 拡 大 できます( 一 つ 上 のタグ 要 素 に 移 動 します) 選 択 を 戻 す 選 択 拡 大 (5.6.1 選 択 拡 大 )で 拡 大 した 範 囲 を 元 に 戻 せます ( 拡 大 していない 場 合 は 無 効 です) ビューへ 送 る PCサイトビューで 選 択 した 要 素 を 下 記 の 要 素 コンテナ としてスマホサイトビューの 一 番 下 に 追 加 します テキストとして イメージとして ボタンとして エキスパンドとして スライドとして

100 その 他 一 旦 非 表 示 にする 選 択 した 要 素 をPCサイト 上 から 非 表 示 にします 非 表 示 にした 要 素 は ページ 設 定 (5.7) の 8 非 表 示 要 素 を 表 示 する から 再 表 示 することができます Flashから 画 像 を 抽 出 する PCサイトビューにはFlashで 表 示 されているコンテンツは 赤 枠 で 表 示 されます 右 クリックメニューから Flashから 画 像 を 抽 出 する を 選 択 すると 画 像 を 抽 出 することができます 詳 細 は Flashから 画 像 を 抽 出 する 画 面 (6.4.1) を 参 照 してください

101 5.7. ページ 設 定 ページ 全 体 の 設 定 ができます

102 基 本 設 定 タブ 1 2 背 景 色 設 定 ページの 背 景 色 を 設 定 します 指 定 なしをクリックした 場 合 共 通 デザイン 設 定 で 指 定 した 値 を 利 用 します 現 在 参 照 中 のページ 現 在 参 照 中 のページのURLを 表 示 します 参 照 先 のページを 変 更 参 照 ページ 文 字 コードを 選 択 して 開 くボタンを 押 下 す るとPCサイトビューを 再 表 示 します 3 参 照 ページ 設 定 (4.5) でページ 適 用 範 囲 のURLを 追 加 で 設 定 して いる 場 合 に 選 択 できます URLを 追 加 登 録 していない 場 合 は 表 示 されません 4 文 字 コード ページを 開 く 際 の 文 字 コードを 下 記 項 目 から 設 定 できます 自 動 utf8 utf16 Shift_JIS euc-jp iso-2022-jp

103 表 示 位 置 設 定 ラベル 名 初 期 表 示 位 置 になるラベル 名 を 設 定 します 非 表 示 要 素 を 表 示 する PCサイトビューに 存 在 する 非 表 示 要 素 を 表 示 / 非 表 示 切 替 できるアイコンがPCサイトビュー に 表 示 されます 本 機 能 で 表 示 できるのはcssのdisplayプロパティ visibilityプロパティで 非 表 示 にしている 要 素 のみとなりま す 選 択 ドロップモード 切 替 ボタンを 押 下 するとマイパーツ 設 定 ボタン 左 横 にモード 変 更 用 のボタンが 表 示 されま す 下 記 のモードから 選 択 ができます 追 加 ドロップモード 通 常 のドロップモードです PCサイトビューからスマホサイトビューにドロップした 場 合 要 素 コンテナが 追 加 されま す 上 書 きドロップモード PCサイトビューからスマホサイトビューに 要 素 をドロップした 先 に 既 に 要 素 が 設 定 されている 場 合 その 要 素 を 上 書 きして 設 定 されます 本 モードの 場 合 要 素 コンテナを 新 規 作 成 することはできません 必 ず 何 かの 要 素 をPCサイトビューから 選 択 してドロ ップする 必 要 があります ルート 選 択 モード スマホサイトビューで 一 番 親 ( 外 枠 )のコンテナを 選 択 することができます ルート 選 択 モードでは 選 択 メニューやPCサイトビューからのドラッグドロップができません 初 期 設 定 は 追 加 ドロップモード になります モード 変 更 ボタンを 押 下 すると 追 加 ドロップモード 上 書 きドロッ プモード ルート 選 択 モード の 順 に 変 更 されます

104 6. 各 種 設 定 6.1. 共 通 デザイン 設 定 5つのタブでデザインの 基 本 設 定 をするこ とができます 設 定 が 終 わったら 1 このデザインで 決 定 する ボタンを 押 下 します 設 定 したデザイン 情 報 は 全 てのページで 再 設 定 されます 要 素 コンテナの 詳 細 設 定 で 個 別 に 設 定 した 色 デザイン 情 報 は 変 更 されませ んのでご 注 意 ください カラー 基 本 設 定 タブ 1 カラーについて 下 記 の 項 目 が 設 定 で きます 背 景 色 設 定 テキストカラー 設 定 ( 文 章 のテキス トカラー) ボタンテキストカラー 設 定 部 品 背 景 色 設 定 テキストリンクの 設 定 リンクカラー 下 線 太 字 斜 体 (イタリック) 影 (シャドウ)

105 ボタン 設 定 タブ 1 リンクボタンについて 下 記 の 項 目 が 設 定 できます ボタンデザイン 影 ( 影 なし 影 あり 光 彩 ) グラデーションパターン 矢 印 カラー ボタン 背 景 色

106 タブ 設 定 タブ 1 タブメニューのデザインについて 下 記 の 項 目 が 設 定 できます タブデザイン 影 ( 影 なし 影 あり) グラデーションパターン タブ 選 択 時 テキストカラー タブ 選 択 時 背 景 色 タブ 未 選 択 時 テキストカラー タブ 未 選 択 時 背 景 色

107 エキスパンド 設 定 タブ 1 エキスパンドのデザインについて 下 記 の 項 目 が 設 定 できます エキスパンドデザイン 形 状 ( 角 丸 四 角 ) 影 ( 影 なし 影 あり) グラデーションパターン タイトルカラー タイトルテキストカラー 開 閉 アイコンカラー

108 スライド 設 定 タブ 1 スライドのデザインについて 下 記 の 項 目 が 設 定 でき ます スライドデザイン スライド 枠 カラー 背 景 色

109 6.2. マイパーツ 管 理 1 共 通 パーツ 設 定 変 更 ボタン を 押 下 すると 登 録 済 みのマイパーツか ら 共 通 パーツを 設 定 することができま す 共 通 パーツに 設 定 するとページ 新 規 作 成 時 にマイパーツが 初 期 配 置 されます 設 定 できるのは 2 ヘッダー メニュ ー フッター です 選 択 したら 3 変 更 ボタン を 押 下 します 一 番 左 の 列 の 4 チェックボックスをチェックし 5 削 除 ボタンを 押 下 すると 確 認 ダイアログが 表 示 されます 選 択 したマイパーツを 削 除 してもよろしいでしょうか?のダイア ログで 削 除 する を 選 択 するとマイパーツの 削 除 が 実 行 されま す 削 除 したマイパーツは 元 に 戻 すことはできませんので 注 意 してください マイパーツ 管 理 画 面 の 一 覧 からマイパーツ 名 をクリックすると マイパーツ 編 集 画 面 (6.2.1) に 遷 移 します 列 名 のチェックボックスをクリックすると 全 ての 行 をチェックするか チェックを 外 すことができます マイパーツ 編 集 画 面 使 用 方 法 は ページ 編 集 画 面 (5 章 ) と 同 様 となります ページ 設 定 の 代 わりに マイパーツ 設 定 が 表 示 されます

110 マイパーツ 設 定 - 基 本 設 定 タブ 共 通 パーツ 設 定 共 通 パーツ 設 定 について 表 示 します 設 定 するに は 本 節 の 共 通 パーツ 設 定 変 更 のボタ ンの 説 明 をご 参 照 ください マイパーツ 名 マイパーツの 名 称 を 設 定 できます マイパーツ 種 別 マイパーツの 種 別 をヘッダー フッター メニュ ー コンテンツから 設 定 できます 非 表 示 要 素 を 表 示 する PCサイト ビューに 存 在 する 非 表 示 要 素 を 表 示 できます 本 機 能 で 表 示 できるのはcssの displayプロパティ visibilityプロ パティで 非 表 示 にしている 要 素 のみ となります 選 択 ドロップモード 切 替 ボタ ンを 押 下 するとマイパーツ 設 定 ボタ ン 左 横 にモード 変 更 用 のボタンが 表 示 されます 下 記 のモードから 選 択 ができます 追 加 ドロップモード 通 常 のドロップモードです PCサイトビューからスマホサイトビューにドロップした 場 合 要 素 コンテナが 追 加 されます 上 書 きドロップモード PCサイトビューからスマホサイトビューに 要 素 をドロップした 先 に 既 に 要 素 が 設 定 されてい る 場 合 その 要 素 を 上 書 きして 設 定 されます 本 モードの 場 合 要 素 コンテナを 新 規 作 成 することはできません 必 ず 何 かの 要 素 をPCサイトビューから 選 択 して ドロップする 必 要 があります 同 じルールの 適 用 を 行 っているコンテナ 内 の 要 素 には 上 書 きする 事 ができません 同 じルールの 適 用 を 一 旦 解 除 する と 上 書 きできます フォーム 要 素 への 上 書 きには 対 応 しておりません ルート 選 択 モード スマホサイトビューで 一 番 親 ( 外 枠 )のコンテナを 選 択 することができます ルート 選 択 モードでは 選 択 メニューやPCサイトビューからのドラッグドロップなどができません 初 期 設 定 は 追 加 ドロップモードになります モード 変 更 ボタンを 押 下 すると 追 加 ドロップモード 上 書 きドロッ プモード ルート 選 択 モード の 順 に 変 更 されます

111 6.3. タブレット 設 定 タブレットサイト 変 換 時 のレイアウトを 設 定 します タブレットサイトを 公 開 する 場 合 にはタブレット 環 境 の 利 用 契 約 が 必 要 となります タブレット 環 境 の 利 用 の 申 し 込 みに 関 しては アップグレード(7.3) をご 参 照 ください 1 レイアウトを 下 記 の3つのタイプ から 選 択 できます タイプA(ヘッダー 幅 広 ) タイプB(メニュー 主 体 ) タイプC(スマホサイト 互 換 型 ) 2 高 度 な 設 定 を 表 示 する タブレットの 初 回 アクセス 時 に 表 示 する サイトを 下 記 から 選 択 できます タブレットサイトを 表 示 する PCサイトを 表 示 する 選 択 したら 3 この 設 定 で 決 定 する ボタンを 押 下 してください

112 6.4. 画 像 管 理 本 サービスで 利 用 する 画 像 をアップロードできます 1 参 照 ボタン を 押 下 してアップロードする 画 像 ファイ ルを 選 択 し 2 送 信 ボタン を 押 下 するとアップロードが 完 了 しま す アップロード 可 能 な 画 像 ファイルサイ ズは500KBまでです アップロード 可 能 な 画 像 ファイルの 形 式 は jpg, png, gif, bmpです ファイル 名 に 使 える 文 字 は 英 数 字 と. _ - です アップロードした 画 像 を 削 除 する 機 能 はありません 3 Flashから 画 像 を 抽 出 する ボタンを 押 下 すると Flashから 画 像 を 抽 出 する 画 面 へ 移 動 します 4 削 除 したい 画 像 ファイルの 左 の チェックボックスをチェックし 5 削 除 ボタン を 押 下 するとアップロードした 画 像 を 削 除 します 画 像 を 削 除 してもよろしいでしょうか? のダイアログで 削 除 する を 選 択 すると 画 像 の 削 除 が 実 行 されます 削 除 したページは 元 に 戻 すことはできませんので 注 意 してく ださい

113 Flashから 画 像 を 抽 出 する 画 面 1 Flash(swfファイル)のURL を 入 力 して 2 画 像 を 抽 出 する ボタン を 押 下 し 抽 出 された 画 像 一 覧 画 面 (6.4.2) へ 遷 移 します 抽 出 された 画 像 一 覧 画 面 抽 出 した 画 像 一 覧 が 表 示 されますので 利 用 したい 画 像 をチェックします チェックした 画 像 を 利 用 する ボ タンを 押 下 してください チェック した 画 像 がアップロードした 画 像 と して 利 用 できます 画 像 の 大 きい 順 容 量 の 大 き い 順 名 前 順 のそれぞれのボ タンを 押 下 するとソート 順 を 変 更 す ることができます 全 てチェックする/ 解 除 する ボタ ンを 押 下 するとチェックボックスの 状 態 を 一 括 で 変 更 できます 抽 出 された 画 像 はPCサイトと 連 動 はできません 画 像 のURLを 指 定 して 表 示 している 形 式 のFlashは 抽 出 できません

114 6.5. プロフィール プロフィール 画 面 ではパスワード 環 境 設 定 を 行 います 各 種 ログの 確 認 もできます パスワード 変 更 画 面 パスワード 行 の 変 更 ボタンからパスワードの 変 更 ができます 1 現 在 のパスワード 2 新 しいパスワード 3 新 しいパスワード( 確 認 ) を 入 力 して 4 確 定 する ボタンを 押 下 します ログインログ 画 面 ログインログ ボタンを 押 下 するとログインログが 確 認 できます ブラウザの 戻 るからプロフィール 画 面 に 戻 ってください

115 認 証 方 式 設 定 ( 本 番 環 境 ) 画 面 認 証 方 式 ( 本 番 環 境 ) 行 の 変 更 ボタンから 認 証 方 式 の 設 定 ができま す 認 証 方 式 を 1 BASIC 認 証 に 設 定 し 2 ID 3 パスワード を 入 力 して 4 確 定 する ボタンを 押 下 します 認 証 方 式 設 定 (テスト 環 境 ) 画 面 認 証 方 式 (テスト 環 境 ) 行 の 変 更 ボタンから 認 証 方 式 の 設 定 ができ ます 認 証 方 式 を 1 BASIC 認 証 に 設 定 し 2 ID 3 パスワード を 入 力 して 4 確 定 する ボタンを 押 下 します ドメイン(テスト 環 境 ) 画 面 ドメイン(テスト 環 境 ) 行 の 変 更 ボタンからドメイン(テスト 環 境 )の 設 定 ができます テスト 環 境 の 1 ドメインURL を 設 定 し 2 確 定 する ボタンを 押 下 します 操 作 ログ 画 面 操 作 ログ ボタンを 押 下 すると 操 作 ログが 確 認 できます ブラウザの 戻 るからプロフィール 画 面 に 戻 ってください