スマホサイトビルダー モビーク リファレンスマニュアル 更 新 日 :2014 年 06 月 02 日 Ver:2.0.0 Copyright2012-2014mobeekAllRightsreserved.
リファレンスマニュアル 目 次 変 換 について 変 換 の 基 本 作 成 したページを 実 際 にスマホサイト 変 換 する 手 作 業 でHTMLを 作 っているが モビークに 適 した 作 り 方 を 知 りたい (RF00098) (RF00106) 外 部 ツール CMSを 使 っていて 同 じテンプレートを 使 ったサイトを 複 数 運 営 している WordPressを 利 用 しているサイトを 変 換 する (RF00108) (RF00115) 制 作 操 作 方 法 基 本 操 作 設 定 部 品 (ボタン ボックス エキスパンド タブ スライド)の 形 状 を 変 更 する 配 置 した 部 品 の 順 序 ( 上 下 左 右 )を 入 れ 替 える PCサイトの 画 像 の 一 部 分 だけを 利 用 する PCサイトにない 画 像 を 使 う 別 ページの 画 像 を 使 う 画 像 に 影 を 付 ける 画 像 を 横 並 びに 配 置 する 画 像 やテキストを 横 並 びに 配 置 する テキストの 背 景 色 を 変 更 する テキストにPCサイトで 表 示 されている 修 飾 をそのまま 反 映 する テキストの 一 部 分 のみ 強 調 や 文 字 色 の 変 更 をする HTMLタグを 直 接 記 述 する 更 新 情 報 など iframe(インラインフレーム)で 構 成 されたページを 表 示 する フォームを 利 用 する PCサイトにないコンテンツを 追 加 する スライドにまとめてPCサイトの 画 像 を 配 置 する 画 像 にリンクがついている 場 合 その 画 像 がボタンだとわかるようにする (RF00065) (RF00066) (RF00067) (RF00068) (RF00069) (RF00070) (RF00071) (RF00072) (RF00073) (RF00074) (RF00075) (RF00076) (RF00077) (RF00080) (RF00084) (RF00085) (RF00089) 特 殊 な 操 作 設 定 サイトの 一 部 でBASIC 認 証 をかける (RF00114)
高 度 な 操 作 設 定 GoogleMapsを 利 用 する (RF00078) YouTubeの 動 画 を 利 用 する (RF00079) 新 着 情 報 など 内 容 個 数 が 動 的 に 変 わる 要 素 を 変 換 する (RF00082) 不 動 産 の 物 件 一 覧 ページのような 同 じルールの 適 用 要 素 を 変 換 する (RF00083) iphoneのボタンのようにアイコンを 並 べたようなボタンを 作 成 する (RF00086) 変 換 したスマホサイトの 検 索 一 覧 ページで2ページ 目 以 降 の 前 のページに 戻 る ボタンを 表 示 する (RF00087) 詳 細 画 面 で 設 定 できない 装 飾 をしたい 場 合 にプロパティを 変 更 する スマートフォン 表 示 とPC 表 示 を 切 り 替 える エラーメッセージの 表 示 非 表 示 を 同 一 ページで 設 定 する Flashから 画 像 を 抽 出 する 非 表 示 要 素 を 表 示 する 表 示 要 素 を 一 旦 非 表 示 にする 制 作 済 のスマホサイトを 利 用 してタブレットサイトに 変 換 する マイパーツを 作 成 する 操 作 トラブル (RF00088) (RF00092) (RF00116) (RF00117) (RF00120) (RF00121) (RF00122) (RF00123) 設 定 していたテキストが 表 示 されない スマホサイトビューで 表 示 されるアイコン ページを 更 新 して 反 映 したら 実 機 で 表 示 されない 箇 所 がある TOPページが 変 換 されない モビークタグを 設 置 してもスマートフォン 用 のページが 表 示 されない スマートフォンで 表 示 されるテキストのフォントを 変 更 したい 編 集 画 面 と 実 機 の 表 示 が 異 なる PCサイトの 表 示 が 真 っ 白 になっている (RF00090) (RF00091) (RF00107) (RF00109) (RF00110) (RF00111) (RF00112) (RF00113) 管 理 画 面 について ページ 管 理 ページタイトルを 変 更 する 不 要 なページを 削 除 する ほとんど 同 じようなページを 効 率 的 に 作 成 する SSLで 保 護 されたページを 変 換 する マイページなどのログイン 後 のページを 変 換 する 作 成 したページを 実 機 で 確 認 する PCサイトにないページを 追 加 する 自 社 のテスト 環 境 で 動 作 確 認 する テスト 環 境 で 実 機 確 認 を 行 う サイトリニューアルなどでテスト 環 境 と 本 番 環 境 を 使 い 分 ける TOPページなどURLが 違 っても 同 じページを 表 示 する 1つのURLで 複 数 のデザインを 使 い 分 ける ページの 優 先 度 を 設 定 する (RF00060) (RF00093) (RF00094) (RF00095) (RF00096) (RF00097) (RF00099) (RF00100) (RF00101) (RF00102) (RF00103) (RF00104) (RF00105)
変 換 について 変 換 の 基 本 作 成 し た ペ ー ジ を 実 際 に ス マ ホ サ イ ト 変 換 す る RF00098 1 ページ 管 理 を 開 きます 2 スマホ 変 換 するページの チェックボックス をチェックします ( 下 図 -A) 3 本 番 環 境 で 有 効 にする を 選 択 した 状 態 で 実 行 します ( 右 図 -B) 4 表 示 設 定 に が 付 きました ( 下 図 -C) 5 共 通 タグ 発 行 ボタンをクリックします ( 右 図 -D) 6 共 通 タグ 発 行 ウインドウが 開 きますので クリップボードへコピー ボタンをクリックします ( 左 下 図 -E)
7 PCサイトのHTMLソースを 開 き <head>タグの 中 に 先 ほどコピーしたタグを 貼 り 付 け( 埋 め 込 み)ます ( 右 下 図 -F) 8 タグを 埋 め 込 んだHTMLをアップロードします 9 PCサイトへスマートフォンでアクセスすると スマホサイトへ 変 換 されます 手 作 業 で HTMLを 作 っ て い る が モ ビ ー ク に 適 し た 作 り 方 を 知 り た い RF00106 <style>タグや<script>タグはできるだけ<head>タグ 内 に 埋 め 込 んでください どうしても<body>タグ 内 に 埋 め 込 む 場 合 は 以 下 の 点 に 気 を 付 けてください 1 <script>タグ 読 み 込 み 後 HTMLタグをその 場 に 書 き 込 む 形 式 の 場 合 <script>タグを<div>タグなどでさらに 囲 ってく ださい 2 <style>タグや<script>タグは<head>タグか<body>タグ 内 に 必 ず 配 置 してください <head>タグや<body>タグの 外 側 に 配 置 した 場 合 正 常 に 動 作 しない 場 合 があります
外 部 ツール CMSを 使 っ て い て 同 じ テ ン プ レ ー ト を 使 っ た サ イ ト を 複 数 運 営 し て い る RF00108 複 数 のサイトを 運 営 している 場 合 で サイト 間 で 同 じテンプレートを 共 有 したい 場 合 はご 相 談 下 さい お 問 い 合 わせフォーム WordPressを 利 用 し て い る サ イ ト を 変 換 す る RF00115 WordPressを 利 用 しているサイトの 変 更 方 法 については 下 記 の2パターンがございます サイトによって 詳 細 が 異 なる 可 能 性 もございますので 予 めご 承 知 おきください 1 WordPressへログインして 変 更 ログイン 後 左 メニューより 外 観 テーマ 編 集 を 開 きます header.phpは または 該 当 するファイルを 開 いて 編 集 します 実 際 のPCサイトのトップページなどのhtmlソースと 見 比 べ 判 断 します ファイル 更 新 ボタンで 権 限 エラーになる 場 合 は FTPからの 変 更 が 必 要 です 2 FTPからファイルを 変 更 htdocsや wwwなど 一 旦 トップページのルートディレクトリへ 移 動 します wp-admin や wp-content ディレクトリがあれば 移 動 します ( 上 記 ディレクトリが 見 つからない 場 合 )テーマを 利 用 していることが 多 く /wp-content/themes/???? を 探 し 移 動 します????は いくつか 存 在 する 場 合 があるので 中 のファイルを 比 較 する 必 要 があります 上 記 ディレクトリ 内 の header.php もしくは header_xxx.php をダウンロードして PCサイトのソースと 比 較 し 似 たような 記 述 の 場 合 タグを 埋 め 込 みます xxxxは 任 意 の 文 字 列 となります WordPressの 場 合 ほとんど 一 括 で 更 新 されます プラグインを 使 っている 場 合 は 個 別 に 対 応 する 必 要 があることもございます ファイルを 編 集 される 場 合 万 が 一 トラブルがあった 場 合 を 配 慮 し あらかじめバックアップを 取 ってから 作 業 をお 願 い 致 します また サクラエディタや 秀 丸 など 文 字 エンコードが 自 動 で 解 析 される エディタでの 編 集 をお 勧 めいたします
制 作 操 作 方 法 基 本 操 作 設 定 部 品 ( ボ タ ン ボ ッ ク ス エ キ ス パ ン ド タ ブ ス ラ イ ド ) の 形 状 を 変 更 す る RF00065 1 各 部 品 の 詳 細 設 定 から 一 覧 を 表 示 ボタンを 選 択 すると 各 部 品 の 形 状 が 一 覧 表 示 されます 2 一 覧 から 使 いたい 形 状 の 部 品 をクリックすると スマホサイトビュー 側 の 部 品 の 形 状 が 選 択 した 形 状 に 変 更 されます 配 置 し た 部 品 の 順 序 ( 上 下 左 右 ) を 入 れ 替 え る RF00066 1 各 スマホサイトビュー 画 面 上 で 移 動 させたいコンテンツ( 要 素 もしくはコンテナ)を 選 択 します 2 移 動 させたい 位 置 までドラッグ&ドロップすることで 順 序 を 入 れ 替 えられます PCサ イ ト の 画 像 の 一 部 分 だ け を 利 用 す る RF00067 1 スマホサイトビューの 画 像 要 素 ( 緑 色 枠 )を 選 択 し 右 クリック 詳 細 設 定 画 面 を 開 きます 2 画 像 の 詳 細 設 定 メニューの 画 像 の 切 り 取 り メニューから 範 囲 を 選 択 又 は 数 値 を 入 力 して 画 像 を 切 り 出 します (クロップ 機 能 ) 3 画 像 表 示 の 拡 大 縮 小 は 幅 設 定 メニューにて 調 整 できます 幅 設 定 メニューから オリジナルサイズで 表 示 にチェックを 入 れると サイトで 利 用 している 画 像 サイズに 固 定 することもできます PCサ イ ト に な い 画 像 を 使 う RF00068 1 画 面 上 部 の イメージ ボタンを 選 択 して そのままスマホサイトビュー 上 にドラッグ&ドロップします 2 スマホサイトビュー 上 にNoImage 画 像 が 作 成 されます 画 像 を 選 択 し 右 クリック 詳 細 設 定 画 面 を 開 きます 3 画 像 変 更 メニューの 一 覧 から 選 択 ボタンをクリックする と 画 像 一 覧 画 面 がポップアップ 表 示 されます 4 画 像 一 覧 メニューの 画 像 アップロード から 参 照 ボタンをクリックして 利 用 したい 画 像 を 選 択 後 送 信 ボタンをクリックすると NoImage 画 像 がアップロードした 画 像 に 差 し 替 わります
別 ペ ー ジ の 画 像 を 使 う RF00069 1 画 面 上 部 の イメージ ボタンを 選 択 してそのままスマホサイトビュー 上 に ドラッグ&ドロップします 2 スマホサイトビュー 上 に 画 像 が 作 成 されます NoImage 画 像 を 選 択 し 右 クリック 詳 細 設 定 画 面 を 開 きます 3 リンクURLの 編 集 ボタンをクリックしてURL 入 力 ボックスを 表 示 します ボックス 内 に 絶 対 パス 指 定 で 変 更 したい 画 像 のURLを 入 力 し 決 定 ボタンをクリックするとNo Image 画 像 が 指 定 したURLの 画 像 に 差 し 替 わります 画 像 に 影 を 付 け る RF00070 1 影 をつけたい 画 像 のボックスコンテナ( 青 色 枠 )を 選 択 します 2 ボックスの 詳 細 設 定 メニューから 影 あり 枠 あり にチェックを 入 れて 設 定 します ボックスコンテナに 影 を 付 ける 場 合 初 期 値 は 幅 いっぱいに 設 定 されているため 改 めて 幅 を 画 像 に 合 わせる 必 要 があり ます 画 像 を 横 並 び に 配 置 す る RF00071 1 画 面 上 部 の テーブル ボタンを 選 択 してそのままスマホサイトビュー 上 にドラッグ&ドロップす るとスマホサイトビュー 上 に2 行 2 列 のテーブルが 作 成 されます 2 テーブルコンテナ( 青 色 枠 )を 選 択 し 右 クリック 詳 細 設 定 画 面 を 開 きます 3 テーブルメニューのセルの 分 割 数 から 並 べたい 行 数 列 数 へ 変 更 しま す 4 各 テーブルセルの 中 に 画 像 をドラッグ&ドロップします 画 像 や テ キ ス ト を 横 並 び に 配 置 す る RF00072 1 画 像 テキスト 要 素 ( 緑 色 枠 )を 選 択 し 右 クリック 詳 細 設 定 画 面 を 開 きます 2 詳 細 設 定 メニュー 回 り 込 み にチェックを 入 れます テーブルコンテナの 中 にテキスト 画 像 を 配 置 することでも 横 並 びに 配 置 することが 可 能 です
テ キ ス ト の 背 景 色 を 変 更 す る RF00073 1 スマホサイトビュー 上 で 変 更 したいテキスト 要 素 ( 緑 色 枠 )を 選 択 します 2 右 クリック 親 コンテナを 選 択 をクリックして ボックスコンテナ( 青 色 枠 )を 選 択 状 態 にします 3 ボックスコンテナ( 青 色 枠 )の 詳 細 設 定 画 面 で ボックスの 背 景 色 を 変 更 することで テキストに 背 景 色 を 設 定 する ことができます テ キ ス ト に PCサ イ ト で 表 示 さ れ て い る 修 飾 を そ の ま ま 反 映 す る RF00074 <font>タグや<strong>タグ 等 のPCサイトで 表 示 されている 修 飾 を そのまま 利 用 したい 場 合 1 テキスト 要 素 ( 緑 色 枠 )を 選 択 し 右 クリック 詳 細 設 定 画 面 を 開 きます 2 テキスト 詳 細 設 定 の HTML 構 造 を 保 持 する にチェックを 入 れると PCサイトと 同 じ 装 飾 が 利 用 できます テ キ ス ト の 一 部 分 の み 強 調 や 文 字 色 の 変 更 を す る RF00075 1 変 更 したいテキスト 要 素 ( 緑 色 枠 )を 選 択 し 右 クリック 詳 細 設 定 画 面 を 開 きます 2 文 章 編 集 メニューの 編 集 を 行 う ボタンをクリックします 3 HTMLエディターが 開 きます HTMLエディター 上 で 変 更 したい 部 分 に 強 調 背 景 色 文 字 色 などの 変 更 を 行 った 後 で 反 映 をクリックすると テキストの 装 飾 が 行 えます HTMLエディターを 使 って 編 集 を 行 った 場 合 は PCサイト 上 のテキストと 連 動 しなくなります HTMLタ グ を 直 接 記 述 す る RF00076 1 編 集 画 面 にて テキストボタンをそのままスマホサイトビュー 上 に ドラッグ&ドロップします スマホサイトビュー 上 にテキスト 要 素 が 作 成 されます 2 テキスト 要 素 ( 緑 色 枠 )を 選 択 し 右 クリック 詳 細 設 定 画 面 を 開 きます 3 エディターが 開 きます HTMLエディターの 左 上 メニュー ソース をクリックして ソースを 表 示 します こちらにHTMLタグを 直 接 記 述 することができます
更 新 情 報 な ど iframe(イ ン ラ イ ン フ レ ー ム )で 構 成 さ れ た ペ ー ジ を 表 示 す る RF00077 変 換 元 の PCペ ー ジ に イ ン ラ イ ン フ レ ー ム が 設 置 さ れ て い る 場 合 1 PCサイトビューでインラインフレームを 選 択 します 選 択 時 左 上 にiframeの 表 示 が 出 ていることを 確 認 します 2 その 他 メニューから インラインフレーム を 選 択 します インラインフレームが 選 択 されるとメニューボタンが 黒 く 反 転 します 3 PCサイトビューのインラインフレームを 選 択 しそのままスマホサイトビューへ ドラッグ&ドロップします 直 接 他 の ペ ー ジ を 指 定 す る 場 合 1 その 他 メニューから インラインフレーム を 選 択 します インラインフレームが 選 択 されるとメニューボタンが 黒 く 反 転 します 2 黒 く 反 転 したメニューボタンを 直 接 スマホサイトビューへドラッグ&ドロップします 3 空 のインラインフレームがスマホサイトビューに 作 成 されます 4 作 成 されたインラインフレーム( 緑 色 枠 )を 選 択 し 右 クリック 詳 細 設 定 画 面 を 開 きます 5 詳 細 設 定 画 面 の リンク に 表 示 したいページの URLを 入 力 します 6 決 定 ボタンをクリックします
フ ォ ー ム を 利 用 す る RF00080 1 編 集 画 面 にて フォームボタンをクリックし PCサイトビューよりフォーム 部 品 を 選 択 します 2 フォーム 部 品 をそのままスマホサイトビュー 上 に ドラッグ&ドロップします スマホサイトビュー 上 にフォーム 部 品 がレイアウトされます 3 フォーム 要 素 ( 緑 色 枠 )を 選 択 し 右 クリック 詳 細 設 定 画 面 を 開 きます 4 フォームの タイトル へ 入 力 フォームのタイトルを 入 力 して 決 定 ボ タンをクリックします 5 それぞれのフォーム 部 品 に 対 して 必 須 項 目 や 入 力 タイプの 変 更 など の 設 定 を 行 います 6 1~5までの 作 業 を 繰 り 返 しすべての 項 目 を 入 力 します 7 編 集 画 面 にて フォームボタンをクリックし PCサイトビューより 送 信 ボタンを 選 択 します 8 送 信 ボタンをそのままスマホサイトビュー 上 にドラッグ&ドロップします スマホサイトビュー 上 に 送 信 ボタンがレイアウトされます 送 信 ボタンが 画 像 の 場 合 は 下 の 図 のように 〇 が 表 示 されます 送 信 ボタンがフォーム 部 品 の 場 合 はこれで 完 了 となります 9 送 信 ボタンの タイトル を 入 力 して 決 定 ボタンをクリックします
PCサ イ ト に な い コ ン テ ン ツ を 追 加 す る RF00084 1 編 集 画 面 上 部 の 要 素 選 択 メニュー コンテナ 選 択 メニューの 中 から 追 加 したいコンテンツを 選 び そのボタンをその ままスマホサイトビュー 上 にドラッグ&ドロップします 2 各 要 素 コンテナを 選 択 して 右 クリック 詳 細 設 定 画 面 を 開 きます 3 詳 細 設 定 から 編 集 します ス ラ イ ド に ま と め て PCサ イ ト の 画 像 を 配 置 す る RF00085 1 スライドボタンを 選 択 します 2 Ctrlキーを 押 しながら PCサイトビュー 内 の 画 像 を 複 数 選 択 します 3 画 像 をスマホサイトビューにドラッグ&ドロップすることで 一 度 に 複 数 の 画 像 をスライドに 配 置 することができます 画 像 に リ ン ク が つ い て い る 場 合 そ の 画 像 が ボ タ ン だ と わ か る よ う に す る RF00089 1 ボックスコンテナ( 青 色 枠 )やボタンコンテナ( 青 色 枠 )を 選 択 し 右 クリック 詳 細 設 定 画 面 を 開 きます 2 ボックスメニュー 内 枠 や 影 を 設 定 します CSSを 指 定 してタップ 時 に 枠 線 が 付 くなどの 処 理 も 可 能 です
特 殊 な 操 作 設 定 サ イ ト の 一 部 で BASIC 認 証 を か け る RF00114 現 在 は 1サイトにつき1つのみBASIC 認 証 の 設 定 が 行 えます 1サイトに 複 数 のBASIC 認 証 を 設 定 することは 現 在 行 えません テスト 環 境 をご 利 用 の 場 合 は 本 番 環 境 とテスト 環 境 で 別 々のBASIC 認 証 の 設 定 を 行 えます
高 度 な 操 作 設 定 Google Mapsを 利 用 す る RF00078 PCサ イ ト ビ ュ ー に Google Mapsが あ る 場 合 1 その 他 メニューから インラインフレーム を 選 択 します 2 インラインフレームが 選 択 されるとメニューボタンが 黒 く 反 転 します 3 PCサイトビューのGoogleMapsを 選 択 しそのままスマホサイトビューへドラッグ&ドロップします 直 接 URLを 指 定 す る 場 合 1 メニューから テキスト を 選 択 します 2 テキストメニューボタンを 直 接 スマホサイトビューへドラッグ&ドロップします 3 テキスト 要 素 ( 緑 色 枠 )を 選 択 し 右 クリック 詳 細 設 定 画 面 を 開 きます 4 文 字 編 集 の 編 集 を 行 う をクリックします 5 HTMLエディターが 開 きます HTMLエディターの 左 上 メニュー ソース をクリックしてHTMLソースを 表 示 します
6 GoogleMapsで 表 示 したい 住 所 を 検 索 します 7 GoogleMapsにあるリンクボタンをクリックし ウェブサイトへの 地 図 埋 め 込 み 用 コードを 表 示 させます 8 埋 め 込 み 用 コードをコピーし HTMLエディターの 中 にコードをペーストします 9 反 映 ボタンをクリックします
YouTubeの 動 画 を 利 用 す る RF00079 PCサ イ ト ビ ュ ー に YouTubeの 動 画 が あ る 場 合 1 PCサイトビューの 動 画 を 選 択 します 選 択 時 左 上 にiframeの 表 示 が 出 ていることを 確 認 します 2 その 他 メニューから インラインフレーム を 選 択 します インラインフレームが 選 択 されるとメニューボタンが 黒 く 反 転 します 3 PCサイトビューのYouTube 動 画 を 選 択 し そのままスマホサイトビューへドラッグ&ドロップします 直 接 YouTubeの 動 画 を イ ン ラ イ ン フ レ ー ム の 中 に 指 定 す る 場 合 1 その 他 メニューから インラインフレーム を 選 択 します インラインフレームが 選 択 されるとメニューボタンが 黒 く 反 転 します 2 黒 く 反 転 したメニューボタンを 直 接 スマホサイトビューへドラッグ&ドロップします 3 空 のインラインフレームが 表 示 されます 4 インラインフレーム 要 素 ( 緑 色 枠 )を 選 択 し 右 クリック 詳 細 設 定 画 面 を 開 きます 5 インラインフレーム 編 集 の リンク に 表 示 したい 動 画 のURLを 入 力 します 例 :http://www.youtube.com/watch?v=oinho4vpty4 6 決 定 ボタンをクリックします
新 着 情 報 な ど 内 容 個 数 が 動 的 に 変 わ る 要 素 を 変 換 す る RF00082 1 PCサイトで 繰 り 返 されているブロック( 更 新 情 報 など 同 じ 構 成 が 連 続 で 利 用 されている 場 所 )の1つをスマホサイト ビュー 上 にドラッグ&ドロップします 2 1つのブロックの 変 換 が 完 了 したら スマホサイトビュー 上 で 作 成 したブロック 全 体 ( 青 色 枠 )を 選 択 します うまく 選 択 できない 場 合 は 右 クリック 親 コンテナを 選 択 を 使 います 3 ブロックが 選 択 できたら 右 クリック 同 じルールを 適 用 を 選 択 します 選 択 パターンが 複 数 表 示 されますので カーソルを 当 てながら 左 側 のPCサイトビュー 上 を 確 認 し ルールを 適 用 する 範 囲 を 決 定 します これで 選 択 したブロ ックが 繰 り 返 し 表 示 されるようになります 4 同 じルールの 適 用 を 変 更 したい 場 合 は 先 ほど 作 成 したブロックを 再 度 選 択 して 右 クリック 同 じルールを 適 用 解 除 する 選 択 中 を 残 す を 選 択 再 度 別 のパターンで 同 じルールの 適 用 を 設 定 することができま す
不 動 産 の 物 件 一 覧 ペ ー ジ の よ う な 同 じ ル ー ル の 適 用 要 素 を 変 換 す る RF00083 1 画 面 上 部 の テーブル ボタンを 選 択 してそのままスマホサイトビュー 上 にドラッグ&ドロップするとスマホサイトビ ュー 上 に2 行 2 列 のテーブルが 作 成 されます 2 テーブルの 入 れ 子 構 造 を 使 って 一 つの 物 件 情 報 をレイアウトします 3 作 成 したテーブルコンテナ( 青 色 枠 )に 対 し 同 じルールの 適 用 を 設 定 するとページ 全 体 の 情 報 が 一 括 変 換 されま す
iphoneの ボ タ ン の よ う に ア イ コ ン を 並 べ た よ う な ボ タ ン を 作 成 す る RF00086 1 画 面 上 部 の テーブル ボタンを 選 択 して そのままスマホサイトビュー 上 にドラッグ&ドロップすると スマホサイトビュー 上 に2 行 2 列 のテーブルが 作 成 されます 2 テーブル コンテナ( 青 色 枠 )を 選 択 し 右 クリック 詳 細 設 定 画 面 を 開 きます 3 テーブル メニューのセルの 分 割 数 を4 行 2 列 へ 変 更 します 4 テーブルの8 個 のセル 内 にそれぞれ 空 の ボタン をドラッグ&ドロップで 配 置 します 5 ボタン コンテナ( 青 色 枠 )の 中 に 事 前 に 用 意 しておいたテキスト 画 像 をドラッグ&ドロップします 6 ボタンコンテナ( 青 色 枠 )の 詳 細 設 定 メニューから 幅 設 定 を80%にします 7 アイコンの 色 をボックスの 背 景 色 で 設 定 します 8 テキスト 要 素 ( 緑 色 枠 ) 詳 細 設 定 メニューの 上 下 余 白 を12pxにします 9 テーブルコンテナ( 青 色 枠 )の 詳 細 設 定 メニュー セル 内 の 余 白 設 定 4pxにします サンプル 例 変 換 し た ス マ ホ サ イ ト の 検 索 一 覧 ペ ー ジ で 2ペ ー ジ 目 以 降 の 前 の ペ ー ジ に 戻 る ボ タ ン を 表 示 す る RF00087 1 ページ 管 理 画 面 より 作 成 したページのコピーボタンをクリックします 2 ページタイトルと2ページ 目 以 降 のURLを 登 録 します 3 編 集 画 面 より 前 のページに 戻 る をスマホサイトビューへドラッグ&ドロップします 4 ページを 保 存 します 5 ページ 管 理 画 面 へ 戻 りコピー 元 のページを 削 除 します 6 この 場 合 1ページ 目 を 表 示 したときには 前 のページに 戻 る ボタンは 表 示 されませんが 2ページ 目 以 降 を 表 示 した 際 には 前 のページに 戻 る ボタンが 表 示 されます 検 索 結 果 の1ページ 目 をもとに 編 集 しているので 前 のページに 戻 る ボタンがレイアウトされていないと 表 示 されません 作 成 したページのコピーを 作 成 し 2ページ 以 降 を 登 録 して 編 集 してください
詳 細 画 面 で 設 定 で き な い 装 飾 を し た い 場 合 に プ ロ パ テ ィ を 変 更 す る RF00088 1 編 集 画 面 にて テキストボタンを そのままスマホサイトビュー 上 にドラッグ&ドロップします スマホサイトビュー 上 にテキストがレイアウトされます 2 テキスト 要 素 ( 緑 色 枠 )を 選 択 し 右 クリック 詳 細 設 定 画 面 を 開 きます 3 編 集 画 面 にて テキストボタンをそのままスマホサイトビュー 上 にドラッグ&ドロップします スマホサイトビュー 上 にテキストがレイアウトされます 4 テキスト 編 集 画 面 のCSS 詳 細 設 定 タブをクリックします 5 編 集 画 面 にて テキストボタンをそのままスマホサイトビュー 上 にドラッグ&ドロップします スマホサイトビュー 上 にテキストがレイアウトされます 6 テキスト 要 素 ( 緑 色 枠 )を 選 択 し 右 クリック 詳 細 設 定 画 面 を 開 きます 7 テキスト 編 集 画 面 のCSS 詳 細 設 定 タブをクリックします 8 CSS 設 定 より 設 定 したいスタイルを 入 力 します 例 :<li> 要 素 を 変 換 したときに 要 素 の 左 に 付 く を 消 す 場 合 list-style-type:none;と 入 力 します
ス マ ー ト フ ォ ン 表 示 と PC 表 示 を 切 り 替 え る RF00092 PCサイト 表 示 機 能 を 用 いることで スマートフォンサイト PCサイトの 表 示 切 替 ができます PCサ イ ト を 表 示 ボ タ ン の 作 成 方 法 スマートフォンサイト 内 に PCサイトを 表 示 ボタンを 作 成 します このボタンを 押 すと スマートフォン 表 示 からPC 表 示 に 切 り 替 えることができます 1 モビークの 編 集 画 面 で メニューから ボタン ボタンをスマホサイトビューまでドラッグ&ドロップしてボタンを 新 規 作 成 します 2 1 で 作 成 したボタン 内 に メニューから テキスト ボタンをドラッグ&ドロップしてテキスト 要 素 を 新 規 作 成 しま す
3 2 で 作 成 したテキスト 要 素 を 選 択 し 詳 細 設 定 ボタンを 押 して 詳 細 設 定 ダイアログを 表 示 させます 詳 細 設 定 ダイアログ 内 のテキストを 編 集 し 文 面 を PCサイトを 表 示 に 変 更 します 4 2 で 作 成 したテキスト 要 素 のリンクURLを 編 集 し 内 容 を javascript:feedprepare._to_pc(); に 変 更 します 5 1 4 - で 作 成 したボタンのデザインを 調 整 します
ス マ ー ト フ ォ ン サ イ ト は こ ち ら か ら ボ タ ン の 設 置 方 法 PC 表 示 を 行 った 時 に スマートフォンサイトはこちらから ボタンを 設 置 する 方 法 をご 紹 介 致 します 1 ページ 管 理 画 面 の 共 通 タグ ボタンをクリックして タグ 発 行 ダイアログを 表 示 させ クリップボードに コピー で 共 通 タグをコピーします A B 変 換 タグの 詳 細 設 定 ボタンにある スマホサイト 切 替 ボタン が PCサイトに 表 示 する になっているか 確 認 してください 2 1 で 表 示 されるタグをお 客 様 のPCサイトのHTML 内 に 埋 め 込 んでいただきます PCサイトを 表 示 ボタンの 作 成 方 法 で 作 成 した PCサイトを 表 示 ボタンを 押 してPCサイト 表 示 を 行 った 場 合 に ページの 上 部 に スマートフォン 表 示 ボタン が 表 示 されます 実 際 にPCサイト 表 示 を 行 った 際 の 表 示 は 以 下 のようになります スマートフォンサイトはこちらから ボタンが 表 示 されるのはスマートフォンでアクセスした 場 合 のみです PCでアク セスした 場 合 には スマートフォンサイトはこちらから ボタンは 表 示 されません 元 々のPCサイトのデザインによっては スマートフォンサイトはこちらから ボタンの 表 示 が 崩 れることがございます この 機 能 をご 利 用 頂 く 際 は 必 ず 表 示 の 確 認 を 行 って 頂 きますようお 願 い 致 します
エ ラ ー メ ッ セ ー ジ の 表 示 非 表 示 を 同 一 ペ ー ジ で 設 定 す る RF00116 モビークでは 1つの 変 換 ルール( 設 定 )を 複 数 のページに 適 用 することが 可 能 です 図 1 の(a)のように 複 数 のURLを 登 録 することができます 今 回 の 場 合 POST 情 報 も 登 録 している 箇 所 があるため URLは 同 じように 見 えますが それぞれ 別 の 表 示 になっています 複 数 のURLを 登 録 する 場 合 は 図 1 の(b)にある 設 定 から 行 えます ( 図 1) 登 録 したURLを 編 集 画 面 で 開 く 方 法 は 以 下 の 手 順 になります 図 2 と 合 わせて 確 認 ください 1 編 集 画 面 右 上 にある ページ 設 定 ボタンを 左 クリックします 2 ページ 設 定 ウインドウが 開 きます 3 参 照 ページ のプルダウンから 開 きたいページを 選 択 します ( ) 文 字 化 けする 場 合 は こちらから 文 字 コードを 指 定 することができます 主 に 文 字 コード 指 定 が 正 しくない 場 合 に 自 動 で 判 別 ができない 場 合 があります 4 開 く を 押 すと 編 集 画 面 が 再 度 読 み 込 まれます ( 図 2) 利 用 例 入 力 フォームでエラーメッセージありなし 図 3 と 図 4 は 入 力 画 面 の 通 常 版 と エラーメッセージ 表 示 版 の2パターンを 1つの 変 換 ルール( 設 定 )で 実 現 させたものです (A)エラーメッセージがないため?マーク が 表 示 されています この?マーク は PCサイトに 要 素 が 見 つからない 事 を 示 しています( 編 集 画 面 でのみ 表 示 されます 実 際 のスマホサ
イト 変 換 時 には 表 示 されません) (B)エラーメッセージが 表 示 されています ( 図 3) 通 常 版 ( 図 4)エラーメッセージ 表 示 版 ス マ ホ で ア ク セ ス し た 実 際 の 表 示 ( 図 5) 通 常 版 ( 図 6)エラーメッセージ 表 示 版
Flashか ら 画 像 を 抽 出 す る RF00117 Flashから 画 像 を 抽 出 する 方 法 は 以 下 の 通 りです PCサイトと 連 動 はできません 画 像 のURLを 指 定 して 表 示 している 形 式 のFlashは 現 在 画 像 抽 出 が 行 えません ( 図 1) ( 図 1-1) 本 来 表 示 されるはずのFlashがある 箇 所 をクリックします ( 赤 色 の 枠 で 囲 まれます) ( 図 1-2)コンテキストメニューより Flashがら 画 像 を 抽 出 する を 選 びます 抽 出 する 旨 のアラートがでますが 問 題 なければ はい を 押 してください Flashから 画 像 を 抽 出 する ページが 別 ウインドウで 開 きます ( 図 2) ( 図 1-2)の 操 作 後 自 動 的 に 画 面 が 遷 移 するため ( 図 2-3)( 図 2-4)の 操 作 は 不 要 です ( 図 2-3) 先 ほど 選 択 したFlashのURLがこの 中 に 入 っています ( 図 2-4) 画 像 を 抽 出 する ボタンで 抽 出 が 開 始 されます
( 図 3) ( 図 3-5) 抽 出 した 画 像 一 覧 が 表 示 されますので 利 用 したい 画 像 を チェック をしていきます ( 図 3-6) チェックした 画 像 を 利 用 する を 押 すと 抽 出 した 画 像 がアップロード 画 像 として 利 用 できます ( 図 4) ( 図 4-7) 画 像 管 理 ページ のアップロード 画 像 一 覧 を 見 ると アップロードされていることが 確 認 できます ( 図 4 )FlashがJavaScriptで 書 き 出 されている 場 合 編 集 画 面 より 抽 出 コマンドを 利 用 できません その 場 合 は 画 像 管 理 ページの Flashから 画 像 を 抽 出 する ボタンを 押 し ( 図 2-3)から 手 動 で 入 力 し 抽 出 してください
非 表 示 要 素 を 表 示 す る RF00120 以 下 が 利 用 手 順 となります 1 ページ 設 定 ボタンを 押 します 2 ページ 設 定 ウインドウが 開 きます 3 非 表 示 要 素 を 表 示 する ボタンを 押 します ( 図 1) すると ( 図 2)のようなアイコンが 表 示 されるようになります
( 図 2) 4 アイコンをクリックすると 黄 色 から 赤 色 に 変 化 して 5 非 表 示 になっていたものが 表 示 されます ( 図 3) これで ドラッグ&ドロップできるようになります もう 一 度 クリックして 赤 色 から 黄 色 にすると 非 表 示 にすることができます このアイコンを 非 表 示 にする 場 合 は 再 び ページ 設 定 から 非 表 示 要 素 を 表 示 する を 押 してください
表 示 要 素 を 一 旦 非 表 示 に す る RF00121 以 下 が 手 順 となります a. 一 旦 非 表 示 にしたい 要 素 を 左 クリックで 選 択 します ( 図 1) b. 右 クリックを 押 して コンテキストメニューを 表 示 します c. その 他 から 一 旦 非 表 示 にする を 選 択 します ( 図 2)
d. 非 表 示 状 態 になりました ( 図 3) e. 非 表 示 にした 要 素 は 非 表 示 要 素 を 表 示 する 機 能 を 利 用 して 再 び 表 示 することが 可 能 です ( 図 4) ここで 非 表 示 にしても スマホサイト 変 換 時 にドラッグ&ドロップしている 場 合 表 示 されます スマホサイト 変 換 時 に 非 表 示 にしたい 場 合 は テキスト 要 素 としてドラッグ&ドロップ 後 非 表 示 タグ 設 定 から 非 表 示 にする タグを 指 定 してください
制 作 済 の ス マ ホ サ イ ト を 利 用 し て タ ブ レ ッ ト サ イ ト に 変 換 す る RF00122 タ ブ レ ッ ト レ イ ア ウ ト の 設 定 タブレットレイアウトの 設 定 画 面 を 開 きます 1 ログイン 後 のヘッダーメニューから 各 種 設 定 を 押 します 2 プルダウンで 表 示 されたメニューから タブレット 設 定 を 押 します 3 タブレット 設 定 画 面 で タブレットレイアウトを 設 定 できます 現 在 のスマホサイトをそのままタブレット 対 応 する 場 合 は タイプC(スマホサイト 互 換 型 ) をご 利 用 いただくと 即 座 に 対 応 できるかと 思 われます 赤 枠 はヘッダー 緑 枠 はメニュー 青 はフッター 白 はコンテンツと 表 現 上 分 かれており それぞれどこに 配 置 するか を 指 定 していきます (4) 保 存 する 事 で 選 択 したレイアウトになります 設 定 していない 場 合 は タイプA(ヘッダー 幅 広 ) になります
タ ブ レ ッ ト サ イ ト 制 作 手 順 現 バージョンでは スマホサイトを 元 に タブレットサイトを 制 作 します タブレットサイト 化 したいスマホサイト 編 集 画 面 を 開 いてください 1 ルートコンテナ 選 択 モードを 利 用 するため ページ 設 定 ボタン をクリックします 2 選 択 ドロップモード 切 替 ボタンをクリックします タブレット 設 定 は 一 番 外 枠 にあるコンテナにしか 設 定 できません
3 ページ 設 定 ボタン 下 に 表 示 された 選 択 ドロップモード 切 替 ボタンを2 回 クリックし ルート 選 択 モード にします 4 レイアウトの 位 置 を 変 更 したいコンテナを 右 クリックします 5 詳 細 設 定 を 開 きます 6 高 度 な 設 定 タブを 開 きます 7 タブレット 設 定 はこのあたりにあります 8 設 置 レイアウト 場 所 の 指 定 から 設 置 したい 場 所 を 選 択 します 9 10 保 存 します
タ ブ レ ッ ト サ イ ト プ レ ビ ュ ー と リ リ ー ス に つ い て タブレットサイトのプレビューと 実 際 に 変 換 するための 手 順 です なお スマホサイト 化 されている 事 が 前 提 の 手 順 ですので 変 換 タグの 埋 め 込 みについては 割 愛 します 1 ヘッダーメニューより ページ 一 覧 を 押 します 2 タブレット ボタンでタブレット 情 報 に 切 り 替 えます スマートフォンと タブレット のページ 情 報 は 同 じですが 配 信 設 定 などは 別 々になっています 3 生 成 ボタンを 押 します 4 PCブラウザで 確 認 する 場 合 は 縦 か 横 の 表 示 かを 事 前 に 選 択 します 5 URLをクリックする 事 で 別 ウインドウでプレビューが 確 認 できます A タブレットで 実 際 に 確 認 する 場 合 は こちらのQRコードを 読 み 取 ります ( 縦 横 表 示 は 自 動 で 判 断 されます )
6 プレビューを 閉 じた 後 タブレット になっていることを 確 認 します 7 タブレットサイト 化 したいページの 左 のチェックボックスをクリックします 8 本 番 環 境 で 有 効 にする の 状 態 で 実 行 を 押 します 表 示 設 定 にチェックマークが 付 きます タブレットサイト 化 するためには タブレット 変 換 利 用 の 契 約 が 必 要 になります 9 ヘッダーメニューの その 他 メニューを 押 します 10 アップグレード メニューを 押 して 各 種 項 目 を 入 力 後 有 料 版 へアップグレード タブレット 環 境 の 利 用 申 込 の 順 にお 申 し 込 みください
マ イ パ ー ツ を 作 成 す る RF00123 以 下 の 手 順 で マイパーツを 作 成 できます 1 マイパーツ 化 にまとめたいコンテナを 選 択 します 複 数 選 択 可 能 2 右 クリックを 押 します 3 マイパーツ 化 を 押 します スライドとタブ インラインフレームやフォームを 含 む 場 合 マイパーツ 化 できません
4 マイパーツ 名 を 入 力 します 5 マイパーツ 種 別 を 選 択 します 必 須 ではありませんが 選 択 しておくと 今 後 の 追 加 機 能 や 管 理 する 際 に 便 利 です 6 保 存 ( 作 成 )ボタンを 押 します この 時 点 では まだ 完 全 に 保 存 されていません 7 保 存 を 押 すことで マイパーツが 保 存 されます (A)マイパーツは オレンジ 色 で 選 択 されます 内 部 のコンテナや 要 素 を 選 択 する 事 はできません
作 成 し た マ イ パ ー ツ を 追 加 す る 方 法 8 選 択 メニューから その 他 を 押 します 9 プルダウンから マイパーツ をドラッグドロップします 10ドロップしたマイパーツは 初 期 状 態 では 空 白 になっています 11ドロップしたマイパーツを 右 クリックします 12 詳 細 設 定 を 開 きます 13 マイパーツ より 表 示 したいマイパーツを 選 びます
作 成 し た マ イ パ ー ツ を 編 集 す る 方 法 1 ヘッダーメニューより 各 種 設 定 ボタンを 押 します 2 プルダウンで 表 示 されたメニューより マイパーツ 設 定 を 押 します
3 マイパーツ 設 定 画 面 が 開 くので 編 集 したい パーツ 名 をクリックします 4 編 集 画 面 が 開 きますので 同 じようにドラッグドロップで 作 成 し 保 存 して 下 さい PCサイトとの 連 動 を 切 ると 他 のページでも 確 実 に 利 用 できるようになります 編 集 すると このマイパーツを 利 用 している 箇 所 も 変 更 されます
操 作 トラブル 設 定 し て い た テ キ ス ト が 表 示 さ れ な い RF00090 以 前 の 設 定 時 からPCサイトの 構 造 が 変 わっている 可 能 性 があります 編 集 画 面 で 確 認 すると 通 知 アイコンが 表 示 されますので 確 認 の 上 再 度 ドラッグ&ドロップで 編 集 し 直 して 下 さい 表 示 要 素 がみつからない 場 合 通 知 アイコン ス マ ホ サ イ ト ビ ュ ー で 表 示 さ れ る ア イ コ ン RF00091 テキストや 画 像 がみつからない 場 合 などを 通 知 するため アイコンが 表 示 されています アイコンにカーソルをあてると 説 明 文 が 表 示 されます 例 1:テキストが 見 つからない 場 合 画 像 の 属 性 がない 状 態 例 2: 画 像 が 見 つからない 場 合 テキストを 画 像 と 表 示 しようとした 場 合 通 知 アイコン ペ ー ジ を 更 新 し て 反 映 し た ら 実 機 で 表 示 さ れ な い 箇 所 が あ る RF00107 HTMLの 構 造 が 変 わると 表 示 されない 箇 所 が 出 てくる 場 合 があります 編 集 画 面 でご 確 認 ください TOPペ ー ジ が 変 換 さ れ な い RF00109 TOPページへのアクセス 方 法 が2 通 りある 可 能 性 があります URLの 指 定 で /index.html> が 設 定 されている 場 合 / を 設 定 してみてください そちらでも 解 決 できない 場 合 は モビークタグを 設 置 してもスマートフォン 用 のページが 表 示 されない をご 参 照 くださ い モ ビ ー ク タ グ を 設 置 し て も ス マ ー ト フ ォ ン 用 の ペ ー ジ が 表 示 さ れ な い RF00110 元 のPCサイトのページに 構 文 エラーなどが 存 在 すると 正 しくスマートフォンサイトの 表 示 が 行 えない 場 合 があります PCサイトの 構 文 チェックを 行 ってください こちらのページよりチェックを 行 ってページのエラーを 修 正 してください ( 外 部 サービスとなります AnotherHTMLlintgateway) または 以 下 の 原 因 が 考 えられます 1 本 番 環 境 もしくは テスト 環 境 へ 変 換 ルールを 利 用 する 設 定 ができていない 場 合 があります ページ 管 理 画 面 で 本 番 環 境 で 有 効 にする を 実 行 して 下 さい 2 埋 め 込 むタグが 間 違 っていないか 確 認 ください 複 数 のサイトを 管 理 している 場 合 や 複 数 のタグで1つのサイトを 利 用 しようとした 場 合 3 PCからは 確 認 できません(できない 場 合 があります) PCからユーザエージェントを 変 えてアクセスしている 場 合 上 記 の 原 因 に 当 てはまらない 場 合 は お 手 数 ですが 弊 社 までご 連 絡 下 さい ご 連 絡 いただいても 対 応 できないケースもございます あらかじめご 了 承 下 さい
ス マ ー ト フ ォ ン で 表 示 さ れ る テ キ ス ト の フ ォ ン ト を 変 更 し た い RF00111 スマートフォンで 最 適 に 表 示 されるフォントを 設 定 しているためフォントの 変 更 は 行 えません PCで 表 示 されるフォントとスマートフォン 実 機 で 表 示 されるフォントは 異 なりますので 必 ず 実 機 でご 確 認 下 さい 編 集 画 面 と 実 機 の 表 示 が 異 な る RF00112 編 集 画 面 と 実 機 の 表 示 が 異 なる 場 合 には 以 下 の 原 因 が 考 えられます 1 表 示 そのものが 違 う 場 合 <script>タグなどで HTMLを 動 的 に 操 作 している 動 的 にHTMLタグを 生 成 したり HTML 要 素 の 属 性 を 変 更 したりしている 場 合 正 常 に 表 示 ができない 場 合 があります 2 テキストの 改 行 位 置 やフォントが 違 う 場 合 端 末 毎 に 利 用 しているフォントが 違 う 場 合 テキストの 改 行 位 置 やテキストの 形 状 が 若 干 異 なる 場 合 がございます Windowsをお 使 いの 場 合 編 集 画 面 やプレビュー 画 面 で ひらがなや 漢 字 などに 斜 体 がかからない 場 合 があります が スマートフォンでの 表 示 は 斜 体 がかかるため 編 集 画 面 とスマートフォン 実 機 での 見 た 目 が 若 干 異 なる 場 合 があり ます 3 画 像 の 切 り 抜 き Firefoxを 用 いて 編 集 を 行 った 場 合 画 像 の 切 り 抜 きを 行 うと 編 集 画 面 と 実 際 の 画 面 で 切 り 抜 き 範 囲 が1ピクセルずれ る 場 合 がございます GoogleChromeをお 使 い 頂 くと より 実 際 の 切 り 抜 き 範 囲 に 近 い 切 り 抜 きが 行 えます PCサ イ ト の 表 示 が 真 っ 白 に な っ て い る RF00113 PCサイトのボリュームによっては 多 少 表 示 に 時 間 がかかる 場 合 があります PCサイトの 情 報 を 全 て 読 み 終 える 間 画 面 への 描 画 を 行 っていないためです 画 像 は 読 み 込 み 対 象 から 除 いています
管 理 画 面 について ページ 管 理 ペ ー ジ タ イ ト ル を 変 更 す る RF00060 1 ログインして ページ 管 理 を 開 きます 2 ページ 一 覧 表 より 変 更 したいページの 中 央 にある 設 定 ボタンを 押 します 3 変 換 するページの 適 用 範 囲 設 定 ページが 開 きます 4 ページタイトル 項 目 を 編 集 します 5 後 は 次 へ 次 へ 確 定 する とボタンを 押 すことで 変 更 が 完 了 します 不 要 な ペ ー ジ を 削 除 す る RF00093 1 ページ 管 理 を 開 きます 2 削 除 したいページをページ 一 覧 メニューから 選 び 左 端 のチェックボックスにチェックを 入 れます 3 セレクトボックスで 選 択 ページを 削 除 を 選 択 し 実 行 ボタンを 押 すとページが 削 除 されます PCサイトにタグが 入 っていたページを 削 除 した 場 合 は スマートフォン 実 機 でアクセスしても PCサイトが 表 示 されま す ほ と ん ど 同 じ よ う な ペ ー ジ を 効 率 的 に 作 成 す る RF00094 1 ページ 管 理 を 開 きます 2 コピーしたいページをページ 一 覧 メニューから 選 びコピーボタンをクリックします 3 元 になるページのタイトルとURLが 表 示 されます 同 様 に 変 換 したいページのタイトルとURLを 入 れ 登 録 することでページ 管 理 へ 新 規 登 録 が 行 われます タイトルをクリックして 編 集 画 面 へ 遷 移 すると 元 になるページと 同 様 の 変 換 ルールが 適 用 されたページが 表 示 されま す
SSLで 保 護 さ れ た ペ ー ジ を 変 換 す る RF00095 1 ページ 管 理 を 開 きます 2 ページ 新 規 作 成 ボタンをクリックします 3 ページの 新 規 作 成 ページメニューの https://から 始 まるURLを 編 集 する 場 合 は コチラから 作 成 して 下 さい をクリックします 4 ページタイトルを 入 力 します 5 変 換 元 となるURLを 登 録 します 6 確 定 する ボタンをクリックしてページを 登 録 します 7 ページ 管 理 より 登 録 したページを 編 集 します マ イ ペ ー ジ な ど の ロ グ イ ン 後 の ペ ー ジ を 変 換 す る RF00096 1 ページ 管 理 を 開 きます 2 ページ 新 規 作 成 ボタンをクリックします 3 ページタイトルを 入 力 します 4 ナビから 登 録 ボタンをクリックします 5 ナビゲーションページよりログインを 行 います 6 編 集 したいページまでナビゲーションページ 登 録 画 面 内 で 遷 移 します 7 編 集 したいページまで 移 動 したら 画 面 右 上 の このページを 登 録 する ボタンをクリックします 8 ページ 管 理 より 登 録 したページを 編 集 します 作 成 し た ペ ー ジ を 実 機 で 確 認 す る RF00097 1 ページ 管 理 を 開 きます 2 確 認 したいページをページ 一 覧 メニューから 選 び プレビューURLの 生 成 ボタンをクリックします 3 QRコードと 確 認 用 URLが 表 示 されます 4 QRコードをスマートフォン 実 機 で 読 み 取 り スマートフォン 実 機 で 表 示 を 確 認 しま す PCサ イ ト に な い ペ ー ジ を 追 加 す る RF00099 1 お 客 様 のPCサイトへ 空 白 のページを 用 意 していただきます 2 作 成 したページのURL 新 規 登 録 を 行 います 3 編 集 画 面 を 開 き 新 規 コンテナ 要 素 を 追 加 していきます
自 社 の テ ス ト 環 境 で 動 作 確 認 す る RF00100 オプションでテスト 環 境 の 設 定 が 行 えます お 問 い 合 わせ 下 さい お 問 い 合 わせフォーム テ ス ト 環 境 で 実 機 確 認 を 行 う RF00101 テスト 環 境 が 登 録 されている 場 合 テスト 環 境 内 での 実 機 確 認 を 行 うことができます 1 ページ 管 理 を 開 きます 2 タグ 発 行 ボタンをクリックします 3 テスト 環 境 のPCページの<head>タグ 内 にモビークタグを 埋 め 込 みます 4 ページ 管 理 の 表 示 設 定 にて テスト 環 境 で 有 効 にする を 選 択 し 実 行 ボタンをクリックします 5 テスト 環 境 での 実 機 確 認 を 行 うことができます サ イ ト リ ニ ュ ー ア ル な ど で テ ス ト 環 境 と 本 番 環 境 を 使 い 分 け る RF00102 リニューアル 前 のページとリニューアル 後 のページを 複 数 登 録 することができ 表 示 設 定 もテスト 環 境 と 本 番 環 境 での 表 示 非 表 示 が 可 能 です 1 事 前 にリニューアル 後 のページをテスト 環 境 へ 登 録 します 2 ページ 管 理 メニュー 表 示 設 定 本 番 環 境 の 表 示 設 定 を 無 効 にして 準 備 3 本 番 への 反 映 は 表 示 の 切 り 替 えを 現 在 表 示 しているページ(テスト 環 境 )を 無 効 にし 切 り 替 えたいページ( 本 番 環 境 )を 有 効 にします TOPペ ー ジ な ど URLが 違 っ て も 同 じ ペ ー ジ を 表 示 す る RF00103 http://xxxx.com/index.htmlやhttp://xxxx.com/のように 同 じTOPページの 内 容 が 表 示 されるがURLが 違 う 場 合 は ページ 管 理 の 変 換 するページの 適 用 範 囲 設 定 でそれぞれ 登 録 することできます
1 つ の URLで 複 数 の デ ザ イ ン を 使 い 分 け る RF00104 POSTパラメータによって 同 じURLでもデザインが 大 きく 異 なる 場 合 など 1つのURLで 複 数 のデザインを 使 い 分 ける 方 法 を 説 明 します 1 ページ 管 理 画 面 で ページの 新 規 作 成 をクリックして ページの 新 規 作 成 画 面 を 開 きます 2 ページの 新 規 作 成 画 面 で ナビから 登 録 をクリックして ナビゲーションページ 登 録 画 面 を 開 きます 3 ナビゲーションページ 登 録 下 部 の 画 面 内 で 登 録 したいページまで 遷 移 します 4 目 的 のページまで 移 動 したら このページを 登 録 する をクリックします 5 ページの 新 規 作 成 画 面 に 戻 ってきたら 確 定 をクリックしてページを 作 成 します 6 作 成 したページのデザインを 編 集 します 7 1 ~ 6 の 手 順 を 繰 り 返 して 使 い 分 けたいデザインの 数 だけページを 作 成 します 8 ページ 管 理 画 面 に 表 示 されるテーブルの 右 上 にある 矢 印 をクリックし 個 別 タグ を 表 示 させます 9 発 行 ボタンをクリックして 表 示 される 個 別 タグをPCサイトのページに 貼 り 付 けます 10 9 の 手 順 を 使 い 分 けたいデザインの 数 だけ 繰 り 返 します 使 いたいデザインに 合 わせて プログラムを 使 用 してPCサイトのページに 埋 め 込 む 個 別 タグを 動 的 に 切 り 替 える 必 要 があ ります 1つのURLに 対 して1つのデザインしかない 場 合 は 個 別 タグを 使 用 する 必 要 はありません 共 通 タグ をご 使 用 下 さい 1つのページには 個 別 タグ か 共 通 タグ のどちらかしか 使 用 することはできません (1つのサイト 内 に 個 別 タグ を 使 用 したページと 共 通 タグ を 使 用 したページを 混 在 させることは 可 能 です)
ペ ー ジ の 優 先 度 を 設 定 す る RF00105 例 : 1 /products/.*$ /products/で 始 まるURL 全 て 2 /products/hosting/.*$ /products/hosting/で 始 まるURL 全 て /products/で 始 まるページのうち /products/hosting/で 始 まるものは 2 それ 以 外 は 1 を 適 用 させたい /products/hosting/ondemand/には 2 を 適 用 させたくても 優 先 順 位 を 1 2 の 順 にしてしまうと 1 のほうが 優 先 して 適 用 される 優 先 順 を 2 1 に 入 れ 換 えると 2 が 優 先 されるので /products/hosting/ondemand/には 2 が 適 用 される