WebCluster スライドショーで見る操作ガイド-12- 地図や動画の貼り付けページ内に地図や動画を貼りつける操作です。 ⑦ 地図のソースコードを取得します

WebCluster スライドショーで見る操作ガイド

-12- 地図や動画の貼り付け

転載/複製を禁ず． Copyright allrights reserved. I-O DATA DEVICE,INC.

-12- 地図や動画の貼り付けページ内に地図や動画を貼りつける操作です。

概要

ホームページに地図や動画を貼り付けることができます。地図は、オフィスや会場までのアクセス地図として利用できます。また、商品やサービスの説明をホームビデオ(カメラ)で撮影して動画として掲載することなどができます。 ※地図は地図提供のサービス、動画は、動画配信サービスを利用する必要があります。 ※本ガイドでは、GoogleMap、YouTubeを利用しています。

転載/複製を禁ず． Copyright allrights reserved. I-O DATA DEVICE,INC. ＩＩＩＩＩＩＩＩＩＩＩＩＩＩＩＩＩＩ


① 貼り付けたいページを編集できる状態にする

メニューから[ページ編集]を実行して、編集したいページを選択します。


［ページ編集］を実行します

編集したいページの［ページ編集］を実行します


② 記事を修正（テンプレートページの修正）

ここでは、テンプレートページを修正した後、地図と動画を貼り付ける手順で進めます。記事の大枠の見出しを修正します。外枠と内枠の間あたりをクリックします。


外枠と内枠の間の［このあたり］をクリックします


③ 見出しを修正

コンテンツ編集のウィンドゥが表示されます。ページ見出しを修正します。


［ページ見出し］を修正します

記事等の編集については『6項記事の編集、7項記事の追加』を参照ください


④ 地図用の記事を追加

地図用の記事を追加します。


［記事を追加する］を実行します


⑤ 追加記事に見出しと本文を入力します

追加用の記事の編集ウィンドゥが表示されます。見出しと本文を入力します。 ※入力しなくてもOKです。


［見出し］と［本文］を入力します


⑥ 本文の編集モードをソースコードにします

本文をソースコードで編集するためのモードに切換えます。


［ソース］ボタンを実行します


⑦ 地図のソースコードを取得します

地図を表示するためのソースコードを取得します。ここでは、GoogleMapを利用します。 ①ブラウザの新しいタブで目的の地図を表示させます。 ②地図を埋め込む「ソース(タグ)コード」を表示させます。 ③表示された埋め込み用コードを［Ctrl+C]でコピー(保存)しておきます。


［Ctrl+C］で保存します埋め込み用コードの取得は、それぞれのサービスやそのバージョンの使い方に従ってください


⑧ 本文に地図のソースコードを埋め込みます

本文で埋め込みたい位置にカーソルを出現させ、[Ctrl+V]で貼り付け(ペースト)します。


［Ctrl+V］で貼り付け（ペースト）します


⑨ 本文に地図のソースコードを埋め込みます

表示を最下段までスクロールさせ[登録]ボタンをクリックして完了です。コンテンツ編集のウィンドゥに戻ったら、さらに同じようにウィンドゥの最下段の[登録]ボタンをクリックします。


［登録］ボタンをクリックします


⑩ プレビューで確認してみます

[プレビュー]を実行してプレビュー画面で確認します。


［プレビュー］メニューを実行します

埋め込まれたソース(タグ)コードに相当するところは、編集状態では見ることができません


⑪ プレビュー


埋め込まれたソース(タグ)コードの箇所に地図が表示されています


⑫ 動画の貼り付け－貼り付けるための記事を用意する


ここでは、YouTubeの動画を貼り付けてみます。目的のページに動画を貼り付ける記事を追加して用意します。 ※記事の追加については、①、④のページを参照ください。ここでは、本文をソースコードで編集できる状態にしたところから説明します。(⑥ページと同じ状態です)

記事等の編集については『6項記事の編集、7項記事の追加』を参照ください


⑬ 動画のソース(タグ)コードを取得します

ここでは、YouTubeを利用します。 ①ブラウザの新しいタブで目的の動画を表示させます。 ②動画を埋め込む「ソースコード(タグ)コード」を表示させます。 ③表示された埋め込み用コードを［Ctrl+C]でコピー(保存)しておきます。


［Ctrl+C］で保存します埋め込み用コードの取得は、それぞれのサービスやそのバージョンの使い方に従ってください


⑭ 動画の埋め込み用コードを貼り付ける


本文で埋め込みたい位置にカーソルを出現させ、[Ctrl+V]で貼り付け(ペースト)します。


ウィンドゥ最下段の[登録]を実行して貼り付け作業を終了します。



⑮ プレビューで確認してみます

[プレビュー]を実行してプレビュー画面で確認します。


［プレビュー］メニューを実行します


⑯ プレビュー


埋め込まれたタグ（コード）の箇所に動画が表示されています

Thank you !

ご視聴頂きまして、ありがとうございました。ご不明な点などがありましたら、下記「お問合わせ」からお問合わせ下さい。

お問合わせページ http://webcluster.jp/mail.html

WebCluster専用サイト http://webcluster.jp/

サービスへのログイン http://region.bz/login/24 ［ご注意］・本コンテンツの複製、転載はお断りします。（本コンテンツへのリンク等はOKです。弊社へのご連絡は必要ありません。）

・本コンテンツの著作権は株式会社アイ･オー･データ機器にあります。

・操作方法、画面デザインは、予告なく変更されます。


Documents

WebCluster スライドショーで見る操作ガイド-12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。 ⑦ 地図のソースコードを取得します

WebCluster スライドショーで見る操作ガイド-12- 地図や動画の貼り付けページ内に地図や動画を貼りつける操作です。 ⑦ 地図のソースコードを取得します