WebCluster スライドショーで 見 る 操 作 ガイド -12- 地 図 や 動 画 の 貼 り 付 け
概 要 ホームページに 地 図 や 動 画 を 貼 り 付 けるこ とができます 地 図 は オフィスや 会 場 までのアクセス 地 図 として 利 用 できます また 商 品 やサービスの 説 明 をホームビデ オ(カメラ)で 撮 影 して 動 画 として 掲 載 する ことなどができます 地 図 は 地 図 提 供 のサービス 動 画 は 動 画 配 信 サービスを 利 用 する 必 要 があります 本 ガイドでは GoogleMap YouTubeを 利 用 しています
1 貼 り 付 けたいページを 編 集 できる 状 態 にする メニューから[ページ 編 集 ]を 実 行 して 編 集 したいページを 選 択 し ます [ページ 編 集 ]を 実 行 します 編 集 したいページの[ページ 編 集 ]を 実 行 します
2 記 事 を 修 正 (テンプレートページの 修 正 ) ここでは テンプレートページを 修 正 した 後 地 図 と 動 画 を 貼 り 付 ける 手 順 で 進 めます 記 事 の 大 枠 の 見 出 しを 修 正 します 外 枠 と 内 枠 の 間 あたりをクリック します 外 枠 と 内 枠 の 間 の[このあた り]をクリックします
3 見 出 しを 修 正 コンテンツ 編 集 のウィンドゥが 表 示 されます ページ 見 出 しを 修 正 します [ページ 見 出 し]を 修 正 します 記 事 等 の 編 集 については 6 項 記 事 の 編 集 7 項 記 事 の 追 加 を 参 照 く ださい
4 地 図 用 の 記 事 を 追 加 地 図 用 の 記 事 を 追 加 します [ 記 事 を 追 加 する]を 実 行 しま す
5 追 加 記 事 に 見 出 しと 本 文 を 入 力 します 追 加 用 の 記 事 の 編 集 ウィンドゥが 表 示 されます 見 出 しと 本 文 を 入 力 します 入 力 しなくてもOKです [ 見 出 し]と[ 本 文 ]を 入 力 し ます
6 本 文 の 編 集 モードをソースコードにします 本 文 をソースコードで 編 集 するた めのモードに 切 換 えます [ソース]ボタンを 実 行 します
7 地 図 のソースコードを 取 得 します 地 図 を 表 示 するためのソースコー ドを 取 得 します ここでは GoogleMapを 利 用 しま す 1ブラウザの 新 しいタブで 目 的 の 地 図 を 表 示 させます 2 地 図 を 埋 め 込 む ソース(タグ) コード を 表 示 させます 3 表 示 された 埋 め 込 み 用 コードを [Ctrl+C]でコピー( 保 存 )してお きます [Ctrl+C]で 保 存 します 埋 め 込 み 用 コードの 取 得 は それぞれの サービスやそのバージョンの 使 い 方 に 従 っ てください
8 本 文 に 地 図 のソースコードを 埋 め 込 みます 本 文 で 埋 め 込 みたい 位 置 にカーソ ルを 出 現 させ [Ctrl+V]で 貼 り 付 け(ペースト)します [Ctrl+V]で 貼 り 付 け(ペー スト)します
9 本 文 に 地 図 のソースコードを 埋 め 込 みます 表 示 を 最 下 段 までスクロールさせ [ 登 録 ]ボタンをクリックして 完 了 です コンテンツ 編 集 のウィンドゥに 戻 ったら さらに 同 じようにウィ ンドゥの 最 下 段 の[ 登 録 ]ボタンを クリックします [ 登 録 ]ボタンをクリックしま す
10 プレビューで 確 認 してみます [プレビュー]を 実 行 してプレ ビュー 画 面 で 確 認 します [プレビュー]メニューを 実 行 します 埋 め 込 まれたソース(タグ)コー ドに 相 当 するところは 編 集 状 態 では 見 ることができませ ん
11 プレビュー 埋 め 込 まれたソース(タグ)コー ドの 箇 所 に 地 図 が 表 示 されて います
12 動 画 の 貼 り 付 け - 貼 り 付 けるための 記 事 を 用 意 する ここでは YouTubeの 動 画 を 貼 り 付 けてみます 目 的 のページに 動 画 を 貼 り 付 ける 記 事 を 追 加 して 用 意 します 記 事 の 追 加 については 1 4 のページを 参 照 ください ここでは 本 文 をソースコードで 編 集 できる 状 態 にしたところから 説 明 します (6ページと 同 じ 状 態 です) 記 事 等 の 編 集 については 6 項 記 事 の 編 集 7 項 記 事 の 追 加 を 参 照 く ださい
13 動 画 のソース(タグ)コードを 取 得 します ここでは YouTubeを 利 用 します 1ブラウザの 新 しいタブで 目 的 の 動 画 を 表 示 させます 2 動 画 を 埋 め 込 む ソースコード (タグ)コード を 表 示 させます 3 表 示 された 埋 め 込 み 用 コードを [Ctrl+C]でコピー( 保 存 )してお きます [Ctrl+C]で 保 存 します 埋 め 込 み 用 コードの 取 得 は それぞれの サービスやそのバージョンの 使 い 方 に 従 っ てください
14 動 画 の 埋 め 込 み 用 コードを 貼 り 付 ける 本 文 で 埋 め 込 みたい 位 置 にカーソ ルを 出 現 させ [Ctrl+V]で 貼 り 付 け(ペースト)します [Ctrl+V]で 貼 り 付 け(ペー スト)します ウィンドゥ 最 下 段 の[ 登 録 ]を 実 行 して 貼 り 付 け 作 業 を 終 了 します [Ctrl+V]で 貼 り 付 け(ペー スト)します
15 プレビューで 確 認 してみます [プレビュー]を 実 行 してプレ ビュー 画 面 で 確 認 します [プレビュー]メニューを 実 行 します
16 プレビュー 埋 め 込 まれたタグ(コード) の 箇 所 に 動 画 が 表 示 されてい ます
Thank you! ご 視 聴 頂 きまして ありがとうございました ご 不 明 な 点 などがありましたら 下 記 お 問 合 わせ からお 問 合 わせ 下 さい お 問 合 わせページ http://webcluster.jp/mail.html WebCluster 専 用 サイト http://webcluster.jp/ サービスへのログイン http://region.bz/login/24 [ご 注 意 ] 本 コンテンツの 複 製 転 載 はお 断 りします ( 本 コンテンツへのリンク 等 はOKです 弊 社 へのご 連 絡 は 必 要 ありません ) 本 コンテンツの 著 作 権 は 株 式 会 社 アイ オー データ 機 器 にあります 操 作 方 法 画 面 デザインは 予 告 なく 変 更 されます