41 ヨロン 観 光 まちづくり 支 援 サービス マイホームページ 操 作 説 明 書
1 会 員 登 録 からホームページ 公 開 まで 会 員 仮 登 録 本 登 録 申 請 ログイン センター 承 認 ホームページ 公 開 センター 承 認 公 開 申 請 ホームページ 作 成 ホームページ 作 成 の3つのステップ 1 ホームページの 設 定 (p3) 2 レイアウト デザインの 設 定 (p6) 3 記 事 の 登 録 (p11)
2 ログイン トップページの 個 人 会 員 ログイン 情 報 を 入 力 しログインします [ 会 員 ログイン] 1 2 3 会 員 登 録 時 に 入 力 した 希 望 する 団 体 ID を 入 力 します ( 個 人 会 員 はメールアドレ スになります) 会 員 登 録 時 に 入 力 した 希 望 するパスワード を 入 力 します ログイン ボタンをします
3 管 理 メニューについて ログイン 後 以 下 のサービスメニューがご 利 用 いただけます サービスメニュー 画 面 ホームページ 作 成 メニュー 画 面 URLなどのホームページ 情 報 を 確 認 できます このホームページ 作 成 メニューは メインとなるホームページに 掲 載 する 記 事 ( 内 容 )と 画 面 のデザイン ホームページの 基 本 情 報 の3 点 から 構 成 されています
4 1ホームページ 情 報 変 更 ホームページタイトル 分 類 概 要 公 開 の 設 定 ホームページの 基 本 となる 情 報 を 設 定 する 画 面 です こちらでホームページのタイトルや ホームページの 分 類 概 要 文 公 開 設 定 の 入 力 を 行 います 2 保 存 する をし ます 注 意 1 ホームページタイトル ホームページの 分 類 ホームページの 概 要 文 キーワード を 入 力 します 分 類 や キーワード バナー 画 像 はホームページの 検 索 に 利 用 されます ホームページ 公 開 設 定 ホームページが 非 公 開 に 設 定 されている 場 合 すべての 情 報 が 非 公 開 となります よかBuyねっとに おけるMYホームページ 一 覧 や 団 体 概 要 にも 表 示 されなくなりますので ご 注 意 ください
5 1ホームページ 情 報 変 更 各 記 事 の 詳 細 設 定 ホームページの 基 本 となる 情 報 を 設 定 する 画 面 です こちらではホームページで 公 開 する 各 機 能 の ( 例 えばお 知 らせ 一 覧 での 表 示 件 数 など) 詳 細 設 定 をすることができます 1 各 記 事 の 設 定 をクリッ クすると 機 能 メニューが 表 示 されますので 設 定 したい メニューを 選 択 します 2 例 えば フォト を 選 択 し た 際 は そのメニューに 表 示 する 名 称 フォト 画 面 1 ページに 表 示 する 件 数 画 像 のタイトルの 表 示 有 無 の 選 択 などが 設 定 できます 利 用 例 :メニューに 表 示 させ る 名 称 を フォト から フォ トアルバム に 変 更 するなど 機 能 毎 に 設 定 できる 項 目 は 異 なります
6 2レイアウト デザインの 設 定 レイアウト 設 定 画 面 デザイン 変 更 ボタンをすると 現 状 のTOPイメージ 画 面 が 表 示 されます この 画 面 で TOPページの 各 種 設 定 を 行 います (1) デザイン 選 択 ボタン 数 十 種 類 あるデザインテンプレートの 中 からお 好 みのテンプレートを 選 択 できます (2) レイアウト 選 択 ボタン 4 種 類 あるレイアウトパターンの 中 からお 好 みの 形 を 選 択 できます (3) パーツの 追 加 ボタン トップ 画 面 に 表 示 していないコンテンツを 追 加 します (4) TOP 画 面 イメージ エリア トップ 画 面 の 変 更 イメージが 表 示 されます 直 接 変 更 も 可 能 です (1)デザイン 選 択 (2)レイアウト 選 択 (3)パーツの 追 加 保 存 する スタイルシート HTML の 編 集 (4)TOP 画 面 イメージ
7 2レイアウト デザインの 設 定 (1)デザイン 選 択 デザイン 選 択 ボタンをすると テンプレートが 一 覧 表 示 されます お 好 みのテンプレートをし 選 択 したテンプレートが 赤 い 枠 で 囲 まれるのを 確 認 してから 画 面 左 上 にある 適 用 する ボタンをしてください 適 用 する (2)レイアウト 選 択 レイアウト 選 択 ボタンをすると レイアウトパターンが 表 示 されます お 好 みのレイアウトをし 選 択 したレイアウトが 赤 い 枠 で 囲 まれるのを 確 認 してから 画 面 左 上 にある 適 用 する ボタンをしてください 適 用 する
8 2レイアウト デザインの 設 定 (3)パーツの 追 加 (3)-1 TOP 画 面 に 表 示 しているパーツの 追 加 を 行 いま す (A) (A) パーツの 追 加 ボタンをしてください (C) (C) (3)-2 TOP 画 面 に 表 示 していないパーツが 確 認 できま す TOP 画 面 にコンテンツを 表 示 する 場 合 は チェッ クボックスにチェックを 入 れ (B) チェックした パーツを 追 加 する ボタンを してください また(C) フリーエリアを 追 加 する ボタンをクリッ クすると 自 由 に 内 容 を 書 き 込 めるフリーエリア が 作 れます 上 画 面 の で 文 章 を 追 加 する をし てからでもフリーエリアを 追 加 することができます (B) (C) (3)-3 2でチェックを 入 れたコンテンツがTOPイメージに 追 加 され 表 示 されるようになります
9 2レイアウト デザインの 設 定 (4)TOP 画 面 イメージエリア (A)ヘッダー 部 分 の 編 集 を 行 います ホームページのタイトルやタイトルの 文 字 色 背 景 画 像 等 の 設 定 ができます (B)コンテンツ 毎 に 配 置 変 更 ができます 変 更 したいコンテンツをマウスでしたまま 移 動 (ドラッグ)して 配 置 したい 場 所 で マウスボタンを 離 す(ドロップする)と その 場 所 に 移 動 します また 各 コンテンツの 右 上 には 下 記 2 種 類 のボタンがついています (C) 設 定 ボタン コンテンツ 名 や1ページ 当 たりの 表 示 記 事 数 の 変 更 を 行 います (D) 削 除 ボタン TOPページへの 表 示 をとりやめます 非 表 示 になったコンテンツは パーツ 追 加 画 面 ( 前 頁 (3)-2 )で 確 認 できます (E)フッター 部 分 の 編 集 を 行 います 必 要 に 応 じて 注 意 書 きや お 問 い 合 わせ 先 などを 書 き 込 むことができます (F) 変 更 が 終 わったら 最 後 に 必 ず 保 存 する ボタンをしてください 保 存 する ボタンをしないと 変 更 した 内 容 が 反 映 されませんので ご 注 意 ください (F) (A) (B) (C) (D) ドラッグ&ドロップで 位 置 を 移 動 できます (E)
10 2レイアウト デザインの 設 定 (5)メニューの 公 開 設 定 ( 利 用 するメニューの 設 定 方 法 ) ホームページメニューには 次 ページで 説 明 する 基 本 メニューがありますが それらの 公 開 設 定 ( 機 能 を 利 用 するかしないか)や メニューの 並 び 順 をこちらで 設 定 することができます 設 定 を 基 本 メニューの 表 示 順 とそれ らの 公 開 設 定 を 入 力 します
11 3 記 事 の 登 録 ホームページ 記 事 登 録 画 面 ホームページメニュー 一 覧 本 システムでは ホームページ 上 に 下 記 7 種 類 のメニューを 掲 載 することができます 1お 知 らせ 2 日 記 3アルバム 4フリーページ お 知 らせ 記 事 を 登 録 更 新 できます ブログ 形 式 で 日 々の 出 来 事 やコラムなどが 掲 載 できます コメント 受 付 も 可 能 です 写 真 を 中 心 とした 掲 載 形 式 です 1ページで 完 結 する 自 由 なレイアウトページが 作 成 できます フリーページは 複 数 作 成 可 能 です 1 3 2 4
12 3 記 事 の 登 録 団 体 概 要 の 登 録 作 成 したホームページと 同 様 に 会 員 登 録 された 団 体 様 を 広 くご 紹 介 するために 団 体 概 要 のページを ご 用 意 しております まずは こちらの 団 体 様 の 概 要 を 詳 しく 登 録 し 公 開 しましょう 団 体 概 要 ( 企 業 概 要 ) 登 録 画 面 1 団 体 概 要 の 入 力 団 体 概 要 について 項 目 に 沿 っ て 入 力 します 入 力 項 目 については より 多 く の 項 目 を 入 力 された 方 が 検 索 にて 優 位 に 表 示 されますので 是 非 ご 登 録 ください 2 項 目 追 加 入 力 項 目 を 増 やしたい 場 合 は 項 目 を 追 加 する をし 追 加 項 目 数 を 選 択 してください
13 3 記 事 の 登 録 地 図 の 登 録 団 体 概 要 ( 企 業 概 要 ) 登 録 画 面 1 地 図 情 報 の 設 定 地 図 情 報 を 設 定 する 場 合 は 地 図 情 報 をします 2 位 置 の 登 録 目 的 の 位 置 が 地 図 の 中 心 部 ( +マークの 位 置 )にくるように 地 図 を 移 動 させます 地 図 上 に 位 置 を 表 示 させたい 場 合 は こちらの 設 定 が 必 ず 必 要 になります
14 3 記 事 の 登 録 基 本 編 記 事 一 覧 画 面 (A) 検 索 ボタン 一 覧 の 中 から 入 力 した 文 字 が 含 まれる 記 事 を 検 索 します ( 検 索 範 囲 は タイトル 及 び 本 文 ) 詳 細 検 索 をすると より 細 かい 範 囲 での 検 索 が 可 能 です (B) 新 規 記 事 作 成 ボタン 記 事 の 新 規 作 成 を 行 います 記 事 タイトルを 入 力 した 後 新 規 作 成 ボタンをすると 詳 細 内 容 を 編 集 する 画 面 が 表 示 されます (C) 記 事 一 覧 エリア 登 録 された 記 事 の 一 覧 です 記 事 のタイトルをすると 編 集 画 面 が 表 示 されます (B) 新 規 記 事 作 成 (C) 記 事 一 覧 (A) 記 事 検 索 (D) クイック 公 開 機 能 (D) 公 開 設 定 削 除 ボタン お 知 らせ 日 記 など 一 部 のメニューには 登 録 した 記 事 の 公 開 非 公 開 削 除 を 一 覧 画 面 より 設 定 可 能 となります お 知 らせ 機 能 には 予 約 公 開 ボタンがあり 公 開 日 時 を 設 定 することが 可 能 です
15 3 記 事 の 登 録 基 本 編 編 集 画 面 (ビジュアル 編 集 タイプ) お 知 らせ 日 記 フリーページ お 知 らせ 日 記 フリーページでの 編 集 画 面 タイプについて 説 明 します 保 存 する プレビュー (6) 公 開 設 定 (3) 機 能 メニュー 文 字 画 像 表 の 編 集 (4)テンプレート ( 段 落 の 編 集 ) (5) 写 真 をのせる (1) 記 事 タイトルの 入 力 (2) 本 文 の 入 力
16 3 記 事 の 登 録 基 本 編 (1) 記 事 タイトルの 入 力 タイトル 部 分 にマウスを 合 わせてすると 直 接 変 更 できるようになります この 時 半 角 カタカナの 使 用 は 避 けてください このエリアに 文 字 を 入 力 (2) 本 文 の 入 力 入 力 領 域 に 合 わせて 本 文 を 入 力 します このエリアに 文 字 を 入 力
17 3 記 事 の 登 録 基 本 編 (2) 日 記 設 定 日 記 機 能 には タイトル 以 外 に 日 記 の 日 付 を 入 力 することができます このエリアにて 日 記 日 付 を 設 定 します 初 期 値 として 当 日 の 日 付 が 設 定 されています
18 3 記 事 の 登 録 基 本 編 (3) 機 能 メニュー 文 字 画 像 表 の 編 集 (3)-1 変 更 したいテキストを 選 択 します (3)-2 文 字 編 集 ボタン をし 太 字 にします (3)-3 文 字 色 パレットより 赤 を 選 択 します (3)-2 (3)-3については 順 不 同 (3)-2 文 字 編 集 ボタン (3)-1 テキストを 選 択 (3)-3 文 字 色 パレット 上 図 で 選 択 した 文 字 に 太 字 赤 が 設 定 されました
19 3 記 事 の 登 録 基 本 編 編 集 ボタンの 説 明 文 字 サイズ 文 字 のサイズを1~7まで 設 定 できます フォント 文 字 のフォントを4 種 類 の 中 から 選 ぶことができます 文 字 色 表 示 されているカラーの 中 から 文 字 色 を 選 ぶことができます 太 字 選 択 された 文 字 に 太 字 を 設 定 します 斜 体 選 択 された 文 字 に 斜 体 を 設 定 します 下 線 選 択 された 文 字 にアンダーラインを 設 定 します 左 寄 せ 文 字 を 左 寄 せにします 中 央 寄 せ 文 字 を 中 央 揃 えにします 右 寄 せ 文 字 を 右 寄 せにします リンク 作 成 文 字 にリンクを 貼 ります リンク 解 除 文 字 に 貼 ってあるリンクを 解 除 します インデント 文 字 にインデント( 字 下 げ)を 設 定 します インデント 解 除 文 字 にインデント( 字 下 げ)を 解 除 します 改 行 改 行 をします 表 の 作 成 表 の 幅 線 幅 行 数 列 数 セル 余 白 罫 線 の 色 を 指 定 して 表 を 作 成 することができます
20 3 記 事 の 登 録 基 本 編 編 集 ボタンの 説 明 箇 条 書 き 文 章 を 自 動 で 箇 条 書 きスタイルに 設 定 します 段 落 番 号 文 章 を 自 動 で 段 落 番 号 付 きの 箇 条 書 きスタイルに 設 定 します 箇 条 書 き 動 画 挿 入 動 画 サイトYouTubeの 動 画 を 掲 載 することができます 段 落 番 号 動 画 挿 入 YouTubeに 公 開 されている 動 画 のURLを 入 力 し 挿 入 ボタンをすると 内 容 に 動 画 が 挿 入 されます
21 3 記 事 の 登 録 基 本 編 (4)テンプレート( 段 落 の 編 集 ) 記 事 内 容 は 1つ 以 上 の 段 落 からなります 段 落 のレイアウトは5 種 類 のテンプレートより 選 択 できます 複 数 の 記 事 や サブタイトルを 登 録 したり 写 真 や 添 付 資 料 の 数 を 自 由 に 追 加 するこ とができます テンプレートのレイアウトパターン 本 文 のみ 本 文 + 画 像 ( 右 ) 本 文 + 画 像 ( 左 ) 本 文 + 画 像 ( 上 ) 本 文 + 画 像 ( 下 ) テンプレート 本 文 + 画 像 ( 左 ) パターンを 選 択 すると 画 像 と 文 章 がセットになった 入 力 テ ンプレートが 挿 入 されますので そちらに 内 容 を 入 力 していきます
22 3 記 事 の 登 録 基 本 編 (5) 写 真 をのせる (エクセルやPDF テキスト 等 のファイルをのせる) 写 真 をのせる ボタンをすると アップロードする 画 像 (ファイル) 選 択 画 面 が 表 示 され 記 事 に 挿 入 したいファイルを 選 択 します (5-1) 写 真 の 登 録 方 法 について (5-1)-1 写 真 をのせ る を (5-1)-2 ファイルを 選 択 する を (5-1)-3 登 録 するファイルを 選 択 複 数 選 択 することも 可 能 です (5-1)-4 登 録 するファイルを 選 択 し 開 く をすると 自 動 でアッ プロードが 開 始 されます 登 録 する 画 像 ファイルは ファイル 名 に 半 角 英 数 を 使 用 したファイルを 利 用 してください それ 以 外 のファイルの 場 合 正 常 に 写 真 にアッ プロードができない 場 合 がございます
23 3 記 事 の 登 録 基 本 編 (5) 写 真 をのせる (5-1) 写 真 の 登 録 方 法 について 続 き (5-1)-5 画 像 が 正 常 にアッ プロードが 完 了 すると 画 面 に アップロードされた 画 像 が 一 覧 で 表 示 されます 写 真 を 追 加 したい 場 合 は 写 真 を 追 加 する を (5-1)- 6 画 像 を 挿 入 したい 個 所 にカーソルを 合 わせ 挿 入 する 画 像 をすると 編 集 画 面 に 写 真 が 挿 入 されま す
24 3 記 事 の 登 録 基 本 編 (5) 写 真 をのせる (5-2) 写 真 の 登 録 方 法 について 以 前 登 録 した 写 真 や 素 材 を 利 用 する (5-1)では 新 規 に 写 真 を 登 録 する 方 法 を 説 明 してきました こちらでは 以 前 に 登 録 した 写 真 を 利 用 する 方 法 をご 紹 介 します (5-2)- 1 アップロード 済 みのファイルを 全 て 参 照 する を (5-2)-2 以 前 に 登 録 した 画 像 が 一 覧 で 表 示 され 利 用 でき るようになります
25 3 記 事 の 登 録 基 本 編 (6) 記 事 の 公 開 設 定 について 公 開 設 定 をすると 公 開 期 間 だけでなく 新 着 表 示 の 設 定 や 記 事 の 分 類 選 択 キーワードな ど 公 開 における 詳 細 設 定 を 行 えます (6)- 1 マークの 表 示 設 定 一 覧 画 面 に マークを 表 示 するかしないかとその 表 示 期 間 の 設 定 ができます (6)- 2 分 類 記 事 単 位 に 分 類 を 設 定 することができます 記 事 に 分 類 を 選 択 することで 分 類 ごとに 記 事 を 検 索 で きるようになります ( 準 備 中 ) (6)- 3 キーワード 一 覧 画 面 でキーワード 検 索 を 行 う 際 の 検 索 条 件 になります カンマ 区 切 り(,)で 複 数 指 定 できます (6)- 4 公 開 設 定 ホームページに 掲 載 する 準 備 ができたら 公 開 する にチェックを 入 れてください (6)- 5 トップへの 表 示 よかBuyネットトップページに 掲 載 したい 場 合 表 示 する を 選 択 します 初 期 値 では 表 示 するにて 登 録 されます (6)-1 (6)-2 (6)-3 (6)-4 (6)-5 注 意 保 存 する ボタン 記 事 の 編 集 が 終 わったら 最 後 に 必 ず 保 存 する ボタンをしてください 保 存 する ボタンをしないと 今 まで 変 更 した 内 容 が 破 棄 されてしまいます くれぐれも 押 し 忘 れのないよう ご 注 意 ください
26 記 事 の 登 録 アルバム アルバム 機 能 を 利 用 すると 以 下 のようなフォトギャラリーを 簡 単 に 作 成 することができます 公 開 トップ 画 面 アルバム 管 理 画 面 (A) 新 規 登 録 (B) アルバム 一 覧 (A) 新 規 登 録 ボタン 新 しいアルバムを 登 録 する 際 に 利 用 します (B) アルバム 一 覧 エリア 登 録 されているアルバムをすべて 一 覧 で 表 示 し ています タイトルまたは 表 紙 をすることで アルバム 詳 細 を 表 示 します
27 記 事 の 登 録 アルバム (C) アルバム 情 報 (E) 動 画 を 追 加 (F) 一 括 登 録 (D) 写 真 を 追 加 (G) 登 録 画 像 一 覧 (C) アルバム 情 報 エリア アルバムの 情 報 を 表 示 しています (D) 写 真 を 追 加 ボタン 画 像 を 一 つずつ タイトルや 公 開 期 間 などの 詳 細 設 定 を 入 力 したい 際 に 利 用 します (F) 一 括 登 録 ボタン 画 像 を 一 括 登 録 する 際 に 利 用 します 詳 細 設 定 は 初 期 値 にて 登 録 されます (G) 登 録 画 像 一 覧 エリア 登 録 されている 画 像 をすべて 一 覧 で 表 示 しています (E) 動 画 を 追 加 ボタン YouTubeに 公 開 されている 動 画 の URLを 入 力 することで 総 ガが 挿 入 され ます
28 記 事 の 登 録 アルバム D 写 真 を 追 加 写 真 を 追 加 では 画 像 をひとつずつ タイトルや 並 び 順 画 像 サイズなどの 詳 細 設 定 を 個 別 に 入 力 する ことができます 1. ファイル 選 択 登 録 したいファイルを 選 択 2. 画 像 サイズ 選 択 登 録 する 画 像 サイズを 選 択 ( 自 動 でリサイズされます) 3. 画 像 コメント 画 像 にカーソルを 乗 せた 際 に 表 示 されるALT 表 示 に 利 用 します 4. タイトル 画 像 タイトルを 入 力 5. 説 明 画 像 の 説 明 を 入 力 6. フォトギャラリーへの 公 開 公 開 非 公 開 の 選 択 7. 並 び 順 画 像 の 並 び 順 を 入 力 E 動 画 を 追 加 動 画 を 追 加 では 動 画 のタイトルや 並 び 順 説 明 などの 詳 細 設 定 を 個 別 に 入 力 することができます 1. 動 画 ID 登 録 したいYouTube 動 画 のIDを 入 力 2. タイトル 動 画 タイトルを 入 力 3. 説 明 動 画 の 説 明 を 入 力 4. ギャラリーへの 公 開 公 開 非 公 開 の 選 択 5. 並 び 順 動 画 の 並 び 順 を 入 力
29 記 事 の 登 録 アルバム F 一 括 登 録 一 括 登 録 では 撮 りためた 画 像 を 一 括 で 簡 単 に 登 録 することができます 一 括 登 録 後 でも 新 規 登 録 のように 詳 細 設 定 を 登 録 することが 可 能 です (5-3)-B -1 登 録 するファイルを 選 択 複 数 選 択 することも 可 能 です (5-3)-B -2 登 録 するファイルを 選 択 し 開 く をすると 自 動 でアッ プロードが 開 始 されます 一 括 登 録 時 の 初 期 入 力 項 目 について 1. タイトル ファイル 名 が 自 動 で 設 定 されます 2. 並 び 順 自 動 で 登 録 順 に(1~) 登 録 されます 3. 画 像 サイズ 指 定 しない(オリジナルサイズ)で 登 録 されます ( サイズが 大 きすぎる 画 像 は 自 動 で 最 適 サイズにリサイズされます) 4. 画 像 コメント 設 定 なし 5. キーワード 設 定 なし 6. フォトギャラリーへの 公 開 公 開 で 登 録 されます 7. 公 開 期 間 登 録 日 から 無 期 限 で 登 録 されます
30 記 事 の 登 録 フリーページ フリーページを 利 用 すると 自 由 にページを 追 加 編 集 することができ 個 別 のメニューとしてページを 作 成 することができます 基 本 的 な 操 作 方 法 はこれまで 述 べてきた 記 事 の 登 録 方 法 と 同 じです メニューに フリーページで 作 成 したページが 追 加 されます
31 素 材 管 理 について 記 事 登 録 などに 利 用 した 素 材 ( 写 真 やテキスト PDF エクセル 等 のファイル)は 素 材 として 素 材 管 理 にて 一 括 にて 管 理 することができます 素 材 管 理 をします 過 去 に 登 録 された 素 材 が 一 覧 で 確 認 することができます タイトルをすると 素 材 の 編 集 画 面 が 表 示 され 変 更 または 削 除 が 行 えます
32 ホームページアクセス 数 について 作 成 したホームページへのアクセス 数 を 見 ることができます 全 アクセス 数 閲 覧 を します メニュー 毎 の 総 アクセス 数 を 一 覧 で 表 示 します 期 間 を 指 定 して 集 計 表 示 す ることができます お 知 らせ 等 のメニューは さら に 記 事 単 位 へのアクセス 数 を 閲 覧 することが 可 能 です
33 会 員 情 報 照 会 変 更 について 会 員 情 報 を 照 会 変 更 したい 場 合 は 以 下 のサービスメニューより 会 員 情 報 照 会 更 新 ボタンより 行 えま す
34 退 会 について 会 員 から 脱 会 したい 場 合 は 以 下 の 会 員 情 報 照 会 更 新 画 面 より 行 います 会 員 を 一 度 脱 会 されると 再 度 申 し 込 みされた 場 合 でも 復 旧 できませんのでご 注 意 ください 会 員 情 報 照 会 画 面 の 下 部 の 退 会 される 方 はこちらから を し 退 会 申 し 込 みフォー ムより 行 います
35 ヘッダー 画 像 登 録 中 級 操 作 編 ホームページの 標 準 テンプレートで 設 定 されているヘッダーについては ご 自 身 の 好 きな 画 像 を 登 録 し て 独 自 のヘッダーデザインを 設 定 することができます (1) ヘッダーに 画 像 を 挿 入 する 1ヘッダー 編 集 画 面 にて P21ページの 写 真 をのせる と 同 様 の 操 作 にて 挿 入 したい 画 像 をします 予 めヘッダーに 挿 入 したい 画 像 を 用 意 しておくとスムーズ に 挿 入 が 行 えます 2 画 像 が 挿 入 されますので 挿 入 した 画 像 の 位 置 や ヘッ ダーの 幅 を 調 整 して 適 用 す る ボタンをします 3レイアウト 設 定 画 面 に 戻 りま すので そちらでイメージを 確 認 し OKなら 保 存 する ボタン で 完 了 です
36 ヘッダー 画 像 登 録 中 級 操 作 編 (2) ヘッダーの 背 景 に 画 像 を 挿 入 する 全 項 では ヘッダーに 画 像 を 挿 入 する 操 作 を 説 明 しましたが こちらではヘッダーの 背 景 に 画 像 を 挿 入 する 方 法 をご 紹 介 します 背 景 に 画 像 を 挿 入 すると 背 景 画 像 の 上 に 重 ねて 文 字 を 入 力 したりする ことが 可 能 となります 2 背 景 の 設 定 ボタンをクリッ クして 背 景 の 設 定 画 面 を 開 き ます 3タイトルの 背 景 画 像 項 目 の ファイルを 参 照 をす ると 登 録 されている 素 材 一 覧 が 表 示 されます 4 背 景 に 利 用 したい 画 像 を 選 択 し 挿 入 する をしま す 予 めヘッダーに 挿 入 したい 画 像 を 用 意 しておくとスムーズ に 挿 入 が 行 えます (こちらの 画 面 から 新 規 で 画 像 の 登 録 も 行 えます ) 次 ページにつづく
37 ヘッダー 画 像 登 録 中 級 操 作 編 (2) ヘッダーの 背 景 に 画 像 を 挿 入 する(つづき) 4 画 像 が 挿 入 されたことを 確 認 し 適 用 する ボタンをクリッ クします 5レイアウト 設 定 画 面 に 戻 り 背 景 に 画 像 が 挿 入 されたこと を 確 認 します 背 景 上 で テキストの 編 集 が 可 能 となりますので 自 由 に 文 字 の 入 力 や さらに 画 像 を 重 ねた りすることができるようになりま す ホームページ 背 景 上 で テキストの 編 集 が 可 能 となります
38 登 録 画 像 の 加 工 中 級 操 作 編 登 録 されている 画 像 素 材 については 簡 易 的 な 画 像 加 工 編 集 機 能 が 用 意 されています ヘッダー 画 像 用 にサイズを 変 更 した 画 像 を 作 りたい 場 合 などにご 利 用 いただけます 1 画 像 一 覧 のそれぞれの 画 像 に 編 集 というリンクがありますので そちらをします 拡 大 ホームページ 背 景 上 で テキストの 編 集 が 可 能 となります 2 画 像 加 工 編 集 画 面 が 開 きます こちらでは 1.イメージの 縮 小 2.イメージのトリミング 3.イメージの 回 転 4.イメージのコントラスト 5.イメージの 明 るさ の 操 作 が 行 えます 次 項 にて2. イメージのトリミング の 活 用 例 についてご 紹 介 しています
39 登 録 画 像 の 加 工 中 級 操 作 編 トリミング 機 能 を 利 用 し ヘッダー 画 像 用 に 画 像 を 加 工 する 事 例 をご 紹 介 します 1 編 集 したい 画 像 を 選 択 し 画 像 加 工 編 集 画 面 を 開 きます 今 回 は 元 サイズ 幅 950px 高 さ 400pxの 画 像 を 幅 950 px 高 さ200pxにトリミング してみます 拡 大 2トリミングサイズ 入 力 項 目 に 幅 950 高 さ200 と 入 力 し セット ボタンをします 3トリミング 領 域 ( 明 るい 部 分 ) が 画 像 内 にセットされます 上 下 にトリミング 領 域 は 移 動 可 能 ですのでトリミングする 位 置 を 調 整 しましょう 位 置 が 決 定 したら トリミング ボ タンをします 4 画 像 がトリミングされますので 画 像 を 保 存 します 1. 保 存 する ボタン トリミング した 画 像 を 別 ファイル 名 として 保 存 します 2. 上 書 き 保 存 する ボタン 選 択 した 画 像 に 上 書 きします 元 の 画 像 は 上 書 き 保 存 され 無 くなり ます
40 レイアウト 変 更 上 級 操 作 編 レイアウト 設 定 においては ご 自 身 でテンプレートのHTMLおよびスタイルシートを 編 集 し 独 自 のテン プレートデザインを 作 成 することが 可 能 です スタイルシート HTML 編 集 機 能 は 上 級 者 (HTMLやスタイルシートの 知 識 がある 方 ) 専 用 にな りますので 利 用 される 場 合 は 十 分 にご 注 意 ください