目 次 1. 用 語 および 表 記 について 用 語.2 メニュー 操 作 の 表 記.2 画 像 の 大 きさ 表 記.2 2. 操 作 サンプル.3 3. コンテンツの 分 類.5 4. ダッシュボードの 共 通 事 項.6 5. 投 稿.7 6. 編 集 画 面 のあらまし 投 稿 編 集

岡 山 市 電 子 町 内 会 町 内 会 ウェブページ デモサイト CMS 操 作 説 明 書 電 子 町 内 会 システム 再 構 築 運 用 保 守 等 包 括 外 部 委 託 業 務 サイト 更 新 マニュアル 町 内 会 ウェブページ デモサイト CMS 操 作 説 明 書 岡 山 市 電 子 町 内 会 システム 再 構 築 運 用 保 守 等 包 括 外 部 委 託 業 務 Ver 201604 株 式 会 社 ファントゥ

目 次 1. 用 語 および 表 記 について 用 語.2 メニュー 操 作 の 表 記.2 画 像 の 大 きさ 表 記.2 2. 操 作 サンプル.3 3. コンテンツの 分 類.5 4. ダッシュボードの 共 通 事 項.6 5. 投 稿.7 6. 編 集 画 面 のあらまし 投 稿 編 集 画 面 はこうなっている.8 公 開 項 目 のステータスについて.9 公 開 項 目 の 公 開 日 時 について.10 カテゴリー 項 目 の 選 択 について.10 ニュースエリア 編 集 画 面 はこうなっている.11 固 定 ページ 編 集 画 面 はこうなっている.13 7. 固 定 ページを 書 き 換 える.14 8. グローバルメニューとページの 親 子 関 係 について.16 固 定 ページをグローバルメニューに 追 加 するには.17 9. 記 事 本 文 の 詳 しい 編 集 方 法 ビジュアル 編 集 と HTML 編 集.19 ビジュアル 編 集.19 テキスト 編 集.19 ビジュアル 編 集 ( 記 事 本 文 )のボタンご 紹 介.20 書 式 設 定 の 操 作 : 太 字 文 字 色 など( 文 字 単 位 ).21 マウスによる 選 択.21 キーボードによる 選 択.21 選 択 後 ツールバーボタンを 押 下.21 書 式 設 定 の 操 作 : 字 下 げ リスト 左 寄 せ 等 ( 段 落 単 位 ).21 段 落 と 書 式 について.22 段 落 内 改 行.22 字 下 げ(インデント)の 調 整 について.22 編 集 画 面 にWWWリンクを 挿 入 するには.22 10. 町 内 会 ホームページ デザインの 変 更 外 観 メニューについて.24 テーマ.24 カスタマイズ.25 ウィジェット.26 メニュー.28 ヘッダー.30 CSSを 編 集 する.31 (1)

1. 用 語 及 び 表 記 について ウェブサイトの 呼 称 について 用 語 町 内 会 ウェブページ ( 外 向 けサイト) 会 員 専 用 ページ ( 内 向 けサイト) 意 味 ホームページビルダーが 無 くても 手 軽 にサイトを 更 新 できるよう 機 能 (CMS)を 追 加 メール 一 斉 配 信 会 員 登 録 等 の 機 能 e 情 報 の 市 からのお 知 らせ については 外 向 けサイトのCMS 機 能 として 提 供 本 マニュアルでは 外 向 けサイト の 操 作 方 法 の 記 述 に 当 たり 以 下 のような 用 語 と 表 記 を 使 用 します 用 語 用 語 意 味 クリックする マウスの 主 ボタン( 標 準 では 左 )を1 回 押 す ポイントする マウスカーソルを 対 象 まで 移 動 し 対 象 に 合 わせた 状 態 にする ダッシュボード CMSのいわゆる 管 理 画 面 のこと ログインすると 表 示 される 原 義 は 自 動 車 などの 計 器 盤 であり サイトの 内 容 を 一 括 して 表 示 する 機 能 を 有 することから メニュー 操 作 の 表 記 画 面 上 の 項 目 を 順 序 に 従 ってクリックまたはポイントしていくことでメニューや 分 類 の 階 層 を 辿 ることがよくあります このような 場 合 最 初 にクリックまたはポイントする 対 象 を 対 象 1 次 いで 対 象 2 対 象 3とするとき 対 象 1 > 対 象 2 > 対 象 3 のように 不 等 号 で 項 目 間 を 繋 げて 表 記 します 尚 今 回 採 用 予 定 のCMS WordPress では 上 記 のように 三 段 階 辿 る 場 合 であれば 対 象 1 をポイントし 対 象 2 をポイントし 対 象 3 をクリックする といったようにクリックは 最 後 だけで 良 い 場 合 が 殆 どです 画 像 の 大 きさ 表 記 本 文 中 で 画 像 サイズ( 画 像 を 囲 む 矩 形 の 縦 横 各 辺 の 長 さ)を 表 記 するに 当 たっては 下 記 のような 表 記 を 用 いること があります 640 320px この 場 合 640 320pxの 前 半 は 画 像 矩 形 の 横 の 長 さをpx(ピクセル 数 画 素 数 と 同 )で 表 記 したもの 後 半 は 縦 の 長 さをピクセル 数 で 表 記 したものを 表 します つまり 上 記 の 例 であれば 当 該 画 像 のサイズは 横 640 ピクセル 縦 320 ピクセル であることを 表 します (2)

2. 操 作 サンプル まずは 最 も 利 用 頻 度 の 高 い 投 稿 (ニュース) 項 目 を 追 加 する 操 作 について 一 連 の 流 れをご 覧 下 さい 1 管 理 画 面 へログインします 電 子 町 内 会 管 理 画 面 にアクセスの 上 ユーザー 名 パスワードを 入 力 してログインを 押 下 します パスワードは 大 文 字 と 小 文 字 を 区 別 します 2 ダッシュボードから 投 稿 > 投 稿 一 覧 をクリックしま す 3 すると 投 稿 済 みのニュースが 一 覧 表 示 されます 上 部 の 新 規 追 加 をクリックし 記 事 を 新 規 作 成 します 4 まっさらな 編 集 画 面 が 出 現 するので 上 部 の タイトルを 入 力 欄 に 記 事 の 題 名 を 入 力 します 5 続 いて 本 文 を 入 力 します (3)

6 入 力 できましたら 右 側 のカテゴリー 属 性 より 必 要 な 項 目 をチェックします 左 の 図 は 電 子 町 内 会 会 員 の 方 への お 知 らせ を 選 択 している 画 面 です 電 子 町 内 会 ページの 運 営 管 理 者 の 方 は 投 稿 (ニュース) の 更 新 情 報 にカテゴリーを 付 与 することが 出 来 ます そうすることによって 更 新 された 新 着 情 報 にはカテゴリー を 表 示 する 事 が 出 来 るようになる 為 町 内 会 ホームページ の 更 新 情 報 欄 において 更 新 された 情 報 がどんな 情 報 か なのかを 閲 覧 者 にわかりやすく 分 類 することが 可 能 になり ます こちらのカテゴリーは 必 要 に 応 じて 任 意 に 新 規 カ テゴリーを 追 加 する 事 が 出 来 ます 7 ここでは 即 座 に 公 開 するのでそのまま 公 開 ボタンを 押 下 します 注 意 本 操 作 を 行 うと 記 事 が 掲 載 されます 8 投 稿 を 公 開 しました と 表 示 されたら 投 稿 を 表 示 をクリックします 9 公 開 された 様 子 が 確 認 できます 10 投 稿 は 完 了 したのでログアウトします ダッシュボード 右 上 こんにちは さん を ポイントし ログアウト をクリックして 終 了 です セキュリティ 確 保 のため 更 新 後 はログアウト を 励 行 しましょう 上 記 が 基 本 的 な 記 事 投 稿 の 流 れです (4)

3. コンテンツの 分 類 本 CMS では 以 下 のように 記 事 を 分 類 し 管 理 します 分 類 名 称 編 集 権 限 者 別 編 集 管 理 者 数 量 投 稿 増 える 固 定 ページ 微 増 用 途 いつ 更 新 する 時 系 列 に 沿 って 投 稿 されていく 記 事 を 置 いておきます ニュ ース へ 新 着 として 表 示 され 記 事 毎 個 別 のページや 月 別 投 稿 者 別 等 の 表 示 がされます 時 間 を 経 るに 従 って 量 が 増 えていき カテゴリーに 分 類 出 来 ま す 固 定 ページは 町 内 会 ページにおける 各 コンテンツの 紹 介 ペ ージです 例 としては 防 災 について や の 特 産 品 な ど 町 内 会 でホームページ 閲 覧 者 に 向 け 継 続 して 発 信 したい 情 報 を 掲 載 するページとなります 投 稿 (ニュース)ほどには 増 減 せず 既 存 のページ 内 容 を 一 部 書 き 換 えるのが 主 な 操 作 です 上 記 の 分 類 はそのままダッシュボード 左 端 のメニュー 項 目 より 選 択 できます ダッシュボードには 以 下 の 項 目 があります ホーム: 管 理 画 面 ログイン 後 はじめに 表 示 近 況 が 表 示 されます 投 稿 : 各 町 内 会 で 更 新 情 報 に 掲 載 する ニュース( 投 稿 )です メディア: 記 事 に 貼 り 付 ける 画 像 動 画 PDF などのファイルはここ に 集 積 されます リンク: 使 用 しません 固 定 ページ プルダウンメニューに 反 映 するページ 群 コメント: 使 用 しません サイトに 寄 せられたコメントの 管 理 外 観 : 管 理 者 ID でログインしている 時 のみ 表 示 と 使 用 が 可 能 です プロフィール(ユーザー): 管 理 ユーザの 情 報 変 更 が 出 来 ます ツール: 環 境 設 定 管 理 に 使 用 メニューを 閉 じる:ダッシュボードのメニュー 欄 を 左 端 に 折 り 畳 みます (5)

4. ダッシュボードの 共 通 事 項 1 ダッシュボードの 右 上 には 状 況 に 応 じて のつい たタグが 表 示 されます 投 稿 一 覧 などの 画 面 では 表 示 オプション を 利 用 できます 2 表 示 オプション を 押 下 すると 左 図 のように 表 示 項 目 を 選 択 できます ダッシュボード 画 面 上 の 表 示 項 目 で 不 要 なものはチェックを 外 せば 非 表 示 になります 3 各 種 の 一 覧 画 面 では 画 面 あたりの 表 示 件 数 を 増 減 する 事 も 出 来 ます この 場 合 件 数 の 数 値 を 変 更 後 適 用 を 押 下 して 下 さい (6)

5. 投 稿 ダッシュボード> 投 稿 > 投 稿 一 覧 で 表 示 される 画 面 には 既 存 の 投 稿 タイトルが 新 着 順 に 一 覧 表 示 されます 一 覧 画 面 で 特 定 の 投 稿 をポイントするとタイトル の 下 部 に 編 集 などのアクション 項 目 が 出 現 します こちらから 代 表 的 な 操 作 を 実 行 できます 既 存 の 記 事 を 変 更 する 操 作 を 行 うには 編 集 アク ションをクリックします (7)

6. 編 集 画 面 のあらまし 投 稿 編 集 画 面 はこうなっている (1) (3) (2) (4) 投 稿 は 電 子 町 内 会 の 更 新 情 報 (ニュース) 欄 に 表 示 する 際 に 使 用 します 固 定 ページ や 他 のコンテンツ 分 類 についても 編 集 画 面 はほぼ 共 通 です 下 記 のような 項 目 がこの 画 面 にあります 大 きく 左 側 の 上 から 続 いて 右 側 の 上 から 次 のように 並 んでいます 項 目 名 (8) はたらき (1) タイトル 記 事 の 題 名 を 入 力 します ダッシュボードの 一 覧 に 表 示 されます (2) 内 容 編 集 欄 記 事 の 内 容 を 出 来 上 がりに 近 いイメージで 編 集 できる 領 域 です (3) 公 開 記 事 の 公 開 非 公 開 公 開 日 時 を 変 更 未 来 に 設 定 すれば 公 開 日 時 の 予 約 と 公 開 終 了 日 時 のが 可 能 です (4) カテゴリー 投 稿 がどの 分 野 の 記 事 として 表 示 されるかの 分 類 です 一 つ 選 択 下 さい (6) アイキャッチ 画 像 (5) 更 新 情 報 表 示 欄 において 各 記 事 に 見 出 し 画 像 を 表 示 する 際 に 使 用 します

公 開 項 目 のステータスについて 1 公 開 する 事 前 に 関 係 者 によるレビューを 行 ったり 書 きかけの 記 事 を 保 存 してログアウトする 場 合 にはステ ータスを 変 更 します ステータスの 現 状 の 右 にある 編 集 をクリックします 2 すると 公 開 済 み の 他 に レビュー 待 ち 下 書 き を 選 択 できます 公 開 済 み 以 外 を 選 択 することで 当 該 記 事 は 非 公 開 状 態 となり 投 稿 の 一 覧 画 面 に レビュー 待 ち 下 書 き など 表 示 されますので 一 括 してレビューするなどご 活 用 下 さい 選 択 したら OK をクリックし 確 定 します キャンセル をクリックすると 変 更 せず 戻 ります 最 後 に 更 新 公 開 ボタンを 押 下 するまでは 反 映 しません ご 注 意 下 さい (9)

公 開 項 目 の 公 開 日 時 について 1 公 開 予 約 をしたり 公 開 済 みの 記 事 の 日 時 を 修 正 したりすることが 出 来 ます 現 公 開 日 時 の 右 にある 編 集 をクリックします 2016 年 4 月 5 日 @15:00 2016 2016 年 4 月 5 日 @15:00 2 ここで 未 来 の 日 時 を 指 定 した 場 合 公 開 予 約 と なります 日 時 を 書 き 換 えたら OK をクリックすると 確 定 しま す また 公 開 終 了 日 時 の 設 定 も 同 様 に 行 うことが 可 能 です 最 後 に 更 新 公 開 ボタンを 押 下 するまでは 反 映 しません ご 注 意 下 さい カテゴリー 項 目 の 選 択 について カテゴリーは 投 稿 がどの 分 野 の 新 着 として 表 示 されるかの 分 類 です カテゴリーの 選 択 について チェック 一 覧 の 上 部 に カテゴリー 一 覧 よく 使 うもの というタブが 存 在 します ~ 一 覧 の 方 には 全 項 目 が 表 示 されます もし よく 使 うもの に 希 望 の 項 目 が 見 つからないときは ~ 一 覧 のタブをクリックしたうえで 探 して 下 さい 複 数 のカテゴリーにチェックすることも 出 来 ます (10)

ニュースエリア 編 集 画 面 はこうなっている (a) (b) 項 目 名 (a) カテゴリー (b) アイキャッチ 画 像 はたらき サイトトップページのニュースエリアに 更 新 情 報 として 掲 載 し 分 類 別 に 表 示 するために 必 要 です アイキャッチ 画 像 特 定 のページで 画 像 を 紐 付 けするために 使 用 します (11)

重 要 1 電 子 町 内 会 のデザインテンプレートによては このカテ ゴリー 分 類 の 表 示 が 可 能 です 町 内 会 ページにおい て 投 稿 (ニュース)の 更 新 情 報 の 管 理 をする 上 でも カ テゴリーで 分 類 されることによって より 管 理 がしやすくな ります カテゴリー 属 性 電 子 町 内 会 会 員 へのお 知 らせ (a) 重 要 2 アイキャッチ 画 像 電 子 町 内 会 のデザインテンプレートによっては 左 下 の 図 のように 投 稿 (ニュース) に 設 定 したアイキャッチ 画 像 が 見 出 しとして 表 示 できるようになります (b) アイキャッチ 画 像 は 予 めサイト 内 に 保 管 してある 画 像 を 見 出 し 画 像 として 当 てはめる もしくは 新 しくサイト 内 に 画 像 を 保 存 して アイキャッチに 適 用 させるという2 通 り の 画 像 の 適 用 の 仕 方 があります (c) (d) (c)が アイキャッチ 画 像 を 設 定 した 場 合 の 反 映 画 像 (d)が アイキャッチ 画 像 を 設 定 しなかった 場 合 に 自 動 で 適 用 される 画 像 です (12)

固 定 ページ 編 集 画 面 はこうなっている (A) (B) 固 定 ページ についても 多 くは 投 稿 と 共 通 ですが 固 定 ページのみの 項 目 は 以 下 の 通 りです 項 目 名 (A) ページ 属 性 (B) アイキャッチ 画 像 はたらき 親 固 定 ページはメニュー 階 層 構 造 の 中 に 位 置 づけるため 親 となるページを 選 択 する 必 要 があります 順 序 同 じ 親 を 持 つ 兄 弟 同 士 での 並 び 順 を 左 右 します こちらに 入 力 した 数 値 が 小 さいものが 先 に 大 きい 物 ほどメニューの 後 半 に 並 びます アイキャッチ 画 像 特 定 のページで 画 像 を 紐 付 けするために 使 用 します (13)

固 定 ページを 書 き 換 える 1 ダッシュボード> 固 定 ページ> 固 定 ページ 一 覧 をクリックします 2 固 定 ページの 一 覧 が 表 示 されます 固 定 ページはサイトマップと 同 様 な 階 層 構 造 となって います 左 図 の 場 合 は 安 全 安 心 のサブ 項 目 として ー 防 犯 健 全 育 成 があり - 防 災 交 通 安 全 も 安 全 安 心 のサブ 項 目 として 管 理 されています タイトルの 頭 に - が 付 いているのが 子 (サブ) 項 目 です - の 子 は -- のように 階 層 が 深 いほ ど 右 へ 伸 びていきます 3 一 覧 から 書 き 換 えたいタイトルをポイントし 現 れた アクション 項 目 より 編 集 をクリックして 下 さい (14)

4 記 事 編 集 画 面 が 表 示 されます 適 宜 記 事 の 書 き 換 え 画 像 の 差 し 替 え 等 を 行 います 5 青 い 更 新 ボタンを 押 下 するまでは 変 更 は 反 映 しません 右 上 の 変 更 をプレビュー を 押 すとサイトに 反 映 させ る 事 前 に 変 更 後 の 状 態 を 表 示 してみることが 出 来 ま す 問 題 なければ 更 新 を 押 下 して 下 さい 2016 年 4 月 5 日 @15:00 注 意 : 削 除 操 作 ( ゴミ 箱 へ 移 動 を 押 す)を 固 定 ページ に 対 して 行 うことは 滅 多 にありません サイト マップのツリー 構 造 が 書 き 換 わる 場 合 をのぞき 削 除 操 作 を 行 わないで 下 さい (15)

グローバルメニューとページの 親 子 関 係 について グローバルメニューの 既 存 ページを 書 き 換 えるのではなく 新 規 ページを 追 加 する 場 合 親 がどこであるかを 確 認 し 編 集 画 面 右 側 の 属 性 欄 にて 指 定 頂 く 必 要 が 有 ります トップページ サンプルページ 会 員 専 用 ページ 行 事 予 定 カレンダー 更 新 情 報 一 覧 安 全 安 心 防 犯 健 全 育 成 防 災 交 通 安 全 地 域 福 祉 環 境 美 化 健 康 づくり 親 子 兄 弟 ダッシュボードの 固 定 ページ をクリックすることにより 既 存 ページの 階 層 が 表 示 されます 上 図 で 示 したページ 階 層 は 以 下 のように 表 示 されます トップ ( 途 中 略 ) ー 安 全 安 心 ーー 防 犯 健 全 育 成 ーー 防 災 交 通 安 全 この 階 層 表 示 では 例 えば 安 全 安 心 の 親 は トップ であり 防 犯 健 全 育 成 の 親 は 安 全 安 心 です 逆 に 安 全 安 心 は トップ の 子 であり 防 犯 健 全 育 成 は 安 全 安 心 の 子 です また 防 災 交 通 安 全 は 防 犯 健 全 育 成 の 兄 弟 であり 防 犯 健 全 育 成 の 方 が 防 災 交 通 安 全 よりも 表 示 順 序 が 若 い 項 目 となっています 新 規 ページを 防 犯 健 全 育 成 の 兄 弟 である 防 災 交 通 安 全 らと 同 じ 兄 弟 にするのであれば 新 規 ページの 親 とし て 安 全 安 心 を 選 択 します (16)

固 定 ページをグローバルメニューに 追 加 するには 1 ダッシュボード> 固 定 ページ> 新 規 追 加 をクリックします 2 記 事 編 集 画 面 が 表 示 されます 適 宜 記 事 の 書 き 換 え 画 像 の 差 し 替 え 等 を 行 いま す 3 右 側 の 属 性 欄 より 親 ページを 選 択 する 必 要 があります ( 親 なし) のところをクリックします (17)

4 親 を 選 択 します 図 では 安 全 安 心 を 選 ぶところです この 選 択 をすると 防 犯 健 全 育 成 左 の 兄 弟 となるページを 追 加 することとなります 5 青 い 更 新 ボタンを 押 下 するまでは 変 更 は 反 映 しません 右 上 の プレビュー を 押 すとサイトに 反 映 させる 事 前 に 変 更 後 の 状 態 を 表 示 してみることが 出 来 ま す 問 題 なければ 更 新 を 押 下 して 下 さい (18)

記 事 本 文 の 詳 しい 編 集 方 法 本 ビジュアル 文 編 集 欄 の 編 右 集 上 に ビジュアル テキスト というタブが と HTML 編 集 有 ります これらは 記 事 本 文 を 編 集 する 際 に ワープロの 様 に 見 た 目 を 反 映 しながら 編 集 するか 否 かを 決 定 します ビジュアル 編 集 ( 通 常 はこちらを 利 用 します) ビジュアル を 選 んでいただくと 下 図 のようになり ワープロ 感 覚 で 太 字 や 箇 条 書 き 右 寄 せ 左 寄 せ 等 を 見 たままの 形 式 で 編 集 出 来 ます 太 字 やリンクなどを 指 定 する 際 は 本 文 編 集 欄 で 対 象 の 文 字 列 を 選 択 し 反 転 状 態 にしてからこのツールバーにある B や 鎖 のアイコンをクリックします 詳 しくは 次 のページをご 覧 下 さい ビジュアル 編 集 では Microsoft Word 等 と 同 様 に 段 落 の 概 念 があります 内 容 キー 操 作 意 味 合 い 改 段 [Enter]を 押 下 段 落 を 変 えます 段 落 単 位 の 書 式 はここが 区 切 りとなります 任 意 改 行 [Shift]を 押 しながら [Enter] 段 落 内 で 改 行 します テキスト 編 集 テキスト を 選 択 するのは 次 のような 高 度 な 編 集 を 行 いたい 場 合 です ブログパーツなどをありのまま 貼 り 付 けたい ビジュアルでは 編 集 できないHTML 要 素 を 直 接 指 定 したい テキスト 側 を 選 択 した 状 態 ですとツールバーは 以 下 のようになります ビジュアル 編 集 と 同 様 に 対 象 の 文 字 列 を 選 択 した 上 で 利 用 したいHTML 要 素 をツールバーにあるボタンでクリックし ます 注 意 :CMSの 仕 様 上 ビジュアル と テキスト を 切 替 えるとHTMLの 内 容 が 変 わってしまう 場 合 があります HTMLを 正 確 に 指 定 したい 場 合 は 一 旦 テキスト に 切 替 えたら ビジュアル を 選 択 しないで 下 さい ビジュアルを 選 択 せずとも 編 集 内 容 は プレビュー で 確 認 できます (19)

ビジュアル 編 集 ( 記 事 本 文 )のボタンご 紹 介 投 稿 固 定 ページの 編 集 画 面 にあるツールバーボタンの 一 覧 を 掲 載 します ツールバー 左 上 から 右 方 向 へ 順 番 に 記 載 しています 灰 色 の 行 は 利 用 頻 度 が 低 いボタンです ボタン 分 類 作 用 対 象 ボタンの 意 味 左 から 順 に 文 書 書 式 文 字 太 字 斜 体 の 設 定 解 除 文 書 書 式 文 字 文 字 列 を 引 用 部 として 表 示 ( 字 下 げ 変 色 ) リスト 作 成 段 落 番 号 なし 番 号 付 き 箇 条 書 き 段 落 位 置 段 落 左 寄 せ 中 央 寄 せ 右 寄 せ リンク 文 字 外 部 サイトへのリンク リンク 解 除 表 作 成 操 作 履 歴 編 集 画 面 段 落 表 組 の 挿 入 ( 標 準 では 配 備 されていません 別 途 サードパー ティ 製 プラグインの 導 入 が 必 要 です) 操 作 を1 ステップ 元 に 戻 す やり 直 す ツールバー 切 替 え 書 式 適 用 段 落 段 落 のスタイル 選 択 ( 見 出 し 本 文 の 切 替 え) 段 落 位 置 段 落 均 等 割 付 ( 両 端 揃 え) 字 下 げ 段 落 字 下 げを 減 らす 増 やす クリップボード テキストととして 貼 り 付 け ワープロソフトやウェブサイト 等 他 の アプリでコピーした 文 字 列 をペーストする 前 に 押 します 書 式 段 落 段 落 の 書 式 を 初 期 状 態 に 戻 す 挿 入 段 落 記 号 文 字 の 挿 入 続 きを 読 む 段 落 続 きを 読 む の 区 切 り 位 置 を 挿 入 文 字 書 式 文 字 文 字 色 の 選 択 ヘルプ ヘルプを 表 示 記 事 内 の 文 字 や 段 落 へ 上 記 ボタンを 作 用 させる 操 作 を 次 項 でご 説 明 しています (20)

書 式 設 定 の 操 作 : 太 字 文 字 色 など( 文 字 単 位 ) 書 式 設 定 の 基 本 的 な 操 作 順 序 は1. 対 象 範 囲 の 選 択 2. ツールバーボタンの 押 下 です 前 掲 のボタン 一 覧 で 作 用 対 象 が 文 字 のツールバーボタンについて 装 飾 の 操 作 は 以 下 の 通 りです まず 装 飾 したい 文 字 列 部 分 を 選 択 します 選 択 された 部 分 は 色 が 反 転 します マウスによる 選 択 開 始 文 字 から 終 了 文 字 までドラッグします 下 図 では 玉 しきの 都 が 選 択 したい 部 分 です この 場 合 は 1. 玉 の 文 字 にマウスカーソルを 合 わせ 2. マウス 左 ボタンを 押 下 したままマウスカーソルを 右 へ 移 動 し 3. 都 の 文 字 まで 反 転 したとき 左 ボタンを 離 す キーボードによる 選 択 玉 しきの 都 が 選 択 したい 部 分 です この 場 合 は 1. 左 隣 の と 玉 の 文 字 の 間 に 文 字 カーソルを 位 置 づけ 2. Shift キーを 押 し 下 げたままにし 3. キーを5 回 押 して 都 まで 反 転 させ 4. Shift キーを 離 す 選 択 後 ツールバーボタンを 押 下 例 えば を 押 下 すると 上 述 の 操 作 で 選 択 反 転 した 範 囲 の 文 字 を 対 象 に 太 文 字 化 または 既 に 太 字 になっている 場 合 逆 に 太 字 化 の 解 除 が 実 行 されます 以 上 が 文 字 単 位 での 装 飾 の 操 作 です 書 式 設 定 の 操 作 : 字 下 げ リスト 左 寄 せ 等 ( 段 落 単 位 ) 作 用 対 象 が 段 落 単 位 のツールバーボタンについては まず 装 飾 したい 段 落 を 選 択 します 単 にその 段 落 内 へ 文 字 カーソルを 位 置 させるだけです 上 図 の 場 合 例 えば 玉 の 所 に 点 滅 するカーソルが 位 置 している 状 態 であれば 行 く 川 の 流 れ から まことかと 尋.. 以 降 までを 含 む 段 落 が 装 飾 の 対 象 として 認 識 されます 段 落 を 選 択 した 上 で 続 いて 上 述 の 文 字 単 位 と 同 様 ツールバーボタンを 押 下 すれば 操 作 完 了 です (21)

段 落 と 書 式 について 本 CMSでは 西 洋 のワープロソフト(マイクロソフト 社 のWord 等 )と 同 様 に 段 落 をひとまとまりとして 扱 います 段 落 は 書 式 を 整 える 上 で 大 きな 役 割 を 担 っています 一 部 の 書 式 ( 見 出 し 他 )は 段 落 単 位 にのみ 適 用 できます このような 書 式 は 文 字 単 位 で 対 象 を 選 択 したとしても 段 落 に 対 して 適 用 されます 段 落 と 段 落 の 間 は 間 隔 が 空 きます なお 内 容 編 集 欄 にて[ENTER]キーを 入 力 すると 段 落 を 終 え 新 しい 段 落 を 始 めます( 改 段 ) 段 落 内 改 行 同 一 段 落 内 で 行 だけ 変 えたいという 場 合 は 次 の 通 りキー 操 作 することで 段 落 内 改 行 することが 出 来 ます [Shift]+[ENTER] 具 体 的 にはキーボードの シフト キーを 押 したままエンターを 押 して 離 し シフト から 手 を 離 すという 一 連 の 操 作 です 段 落 と 段 落 の 間 には 間 隔 が 空 きますが この 操 作 を 用 いることで 間 を 空 けずに 行 を 変 えることが 出 来 ます 字 下 げ(インデント)の 調 整 について 本 CMSではワープロソフトのような 字 下 げ(インデント 位 置 )の 自 由 な 調 整 は 出 来 ません 箇 条 書 きの2 行 目 以 降 の 字 下 げ については 自 動 的 に 既 定 の 字 下 げが 適 用 されます それ 以 外 に 標 準 よりも 多 く 字 下 げする 方 法 としては 以 下 が 挙 げられます ツールバーボタンにある を 押 して 字 下 げを 増 量 する ツールバーボタンにある 引 用 を 押 下 し 当 該 段 落 を 引 用 部 として 扱 う 方 法 もあります ただしこの 方 法 は 本 来 文 書 の 引 用 を 示 すためのものですのでやむを 得 ない 場 合 のみ 行 って 下 さい (22)

編 集 画 面 にWWWリンクを 挿 入 するには リンクには サイト 内 の 別 ページ( 固 定 ページ)へのリンク 任 意 のウェブサイトへのリンク の2 種 類 があります 1 リンクを 設 定 する 場 合 内 容 編 集 欄 でリンクを 設 定 する 文 字 列 を 選 択 し( 左 図 では 教 育 目 標 ) 上 部 の リンク ボタンを 押 下 します 2 リンクの 挿 入 / 編 集 ダイアログで 外 部 ウェブサイトへのリンク この 場 合 は URL 欄 にhttp から 始 まるURL を 入 力 し て リンク 追 加 を 押 します サイト 内 の 別 ページへのリンク 下 部 にある 既 存 のコンテンツにリンク の 三 角 をクリック 3 サイト 内 の 別 ページへのリンクの 場 合 サイト 内 の 投 稿 固 定 ページの 一 覧 からどのページへリンクする かを 選 択 します 既 存 のコンテンツにリンク 下 部 にある 検 索 欄 に タイトルの 一 部 を 入 力 して 検 索 する 最 近 作 成 の 記 事 ならばそのまま 一 覧 から 選 択 する 選 択 したら リンク 追 加 を 押 します (23)

10. 町 内 会 ホームページ デザインの 変 更 外 観 メニューについて 内 容 テーマ カスタマイズ ウィジェット メニュー ヘッダー CSSを 編 集 する 意 味 合 い 電 子 町 内 会 のページデザインの 大 枠 を 決 定 するデザインフレームのこと をさします テーマから 任 意 のものに 変 更 が 可 能 です テキスト 画 像 設 定 色 の 設 定 サイト 基 本 情 報 (サイト 名 変 更 等 ) SNSの 埋 め 込 みエリア 挿 入 カレン ダー 等 の 挿 入 等 メインメニューの 管 理 ヘッダー 画 像 (ページ 上 部 固 定 の 大 きな 画 像 もしくは スライドエリア) コンテンツエリアにおける 装 飾 全 般 の デザインスタイルの 編 集 テーマ 1 ダッシュボード> 外 観 >テーマ を 選 択 します 2 今 適 用 中 のデザインと 他 のデザインに 変 更 する 場 合 のサムネイル 画 像 が 表 示 されますので 任 意 の ものに 変 更 ができます 有 効 になっているもの 以 外 にカーソルを 合 わせる と ライブプレビュー( 仮 適 用 の 状 態 画 面 ) を 確 認 す ることも 可 能 です 重 要 町 内 会 ページの 中 身 をある 程 度 作 りこんだ 状 態 で 変 更 を 行 うと 一 部 意 図 した 状 態 と 異 なる 表 示 になる 場 合 がありますので 変 更 後 のデザインにおいて 再 度 コンテンツの 表 示 内 容 等 を 考 察 する 必 要 があります (24)

カスタマイズ 1 ダッシュボード> 外 観 >カスタマイズ を 選 択 します 2 カスタマイズする 項 目 を 選 択 します 変 更 後 は 右 上 の 保 存 して 公 開 ボタン を 押 下 します カスタマイズできる 内 容 箇 所 については 以 下 の 通 りです テキスト 画 像 設 定 フッター 内 に 挿 入 するテキスト 背 景 画 像 の 設 定 色 の 設 定 各 パーツの 文 字 背 景 の 色 の 設 定 サイト 基 本 情 報 サイトのタイトル キャッチフレーズ サイトアイコンの 設 定 キャッチフレーズはヘッダー 内 に 表 示 されます ヘッダー 画 像 ヘッダー 画 像 (スライドショー)の 設 定 (29ページにて 解 説 ) メニュー メニュー 項 目 の 設 定 (28ページにて 解 説 ) ウィジェット サイドバー 内 に 貼 り 付 けるウィジェットの 設 定 (26ページにて 解 説 ) 固 定 フロントページ 固 定 ページを 選 択 することで 指 定 した 固 定 ページをトップページとして 表 示 すること ができます (25)

ウィジェット ウィジェット を 使 用 することにより サイドバー 内 にテキスト 投 稿 一 覧 SNSの 表 示 等 機 能 を 追 加 することができま す 1 ダッシュボード> 外 観 >ウィジェット を 選 択 し ます この 画 面 から 任 意 のウィジェットを 追 加 することが できます 今 回 はウィジェット1のみ 利 用 します また 例 と して 左 図 赤 枠 内 の Google+バッジボックス と テ キスト を 使 用 します Google+コミュニティのバッジを 貼 り 付 ける 1 上 図 の 左 側 のウィジェット 一 覧 内 の Google+バッジボ ックス をクリック ウィジェット1が 選 択 された 状 態 で ウィ ジェットを 追 加 を 押 下 します 左 図 の 設 定 画 面 が 表 示 されたら 下 記 のとおり 設 定 しま す ページの 種 類 community を 選 択 します タイトル 任 意 のタイトルを 入 力 します ページURL サイト 上 に 表 示 するGoogle+コミュニ ティのページのURLをコピーし ここに 貼 り 付 けます 幅 表 示 幅 を 数 値 で 設 定 します 値 が 大 きいと 閲 覧 する 端 末 によっては はみ 出 ることがあります 100 以 下 を 推 奨 します カラースキーム 色 調 を light( 明 るい) dark ( 暗 い) から 選 択 します レイアウト portrait( 縦 向 き) landscape( 横 向 き) から 選 択 します 垂 直 レイアウトの 設 定 この 項 目 は 設 定 不 要 です 2 最 後 に 保 存 をクリックして 設 定 完 了 です サイドバー 内 にGoogle+コミュニティのバッジが 設 置 されま す (26)

Facebookグループのタイムラインを 貼 り 付 ける 1ダッシュボード> Feed Them を 選 択 しま す 2 A. フェイスブックのフィード を 選 択 します B. フェイスブックグループ を 選 択 します C.FacebookグループのIDを 貼 り 付 けます FacebookグループのページURLの 末 尾 の 数 字 がIDとなります ( 下 記 の 部 分 ) https://www.facebook.com/groups/ / D. ショートコードを 生 成 する ボタンをクリックし ます E. 表 示 されているテキストをコピーします 3 外 観 >ウィジェットを 選 択 し 利 用 できるウィジェットから テキスト を 選 択 し ウィジェ ットを 追 加 をクリックします 4 タイトル に 任 意 のタイトルを 入 力 内 容 に2.Eにてコピーしたテキストを 貼 り 付 け 保 存 ボタンを 押 下 します 5 以 上 でサイドバーにFacebookグループのタイム ラインが 表 示 されます Facebookグループが 非 公 開 設 定 になっている 場 合 は 表 示 することができません (27)

メニュー 1 ダッシュボード> 外 観 >メニュー を 選 択 します 電 子 町 内 会 ホームページ 内 において ページを 作 成 した 際 に そのページタイトルをメイン メニューに 追 加 することができます 2 メニュー 名 に 任 意 の 名 前 を 入 力 し メニューを 作 成 を 押 下 します テーマの 位 置 の グローバルナ ビゲーション にチェックを 入 れます 3メインメニューに 追 加 したい 固 定 ページを 選 びます 最 近 のタブではなく すべて 表 示 タブを 選 択 後 に 該 当 のメニューに を 入 れて メニュー に 追 加 をクリックします 重 要 P24 テーマ 選 択 において テーマ5 / テーマ6の み メインメニューだけでなく ナビゲーションボックス の 設 定 が 可 能 になっています (28)

4 右 側 のメニュー 一 覧 に 追 加 したメニューの 加 わっ ているかどうか 確 認 ができます 確 認 ができましたら メニューを 保 存 を 押 下 して 終 了 します メニューの 表 示 順 序 の 変 更 は マウスのドラッグ 操 作 で 行 います このメニューに 新 しいトップページレベルを 自 動 的 に 追 加 にチェックを 入 れると 今 後 追 加 した 固 定 ページ が 自 動 的 にメニューに 追 加 されます (29)

ヘッダー 1 ダッシュボード> 外 観 >ヘッダー を 選 択 します 2 電 子 町 内 会 ページにおいて トップページ 上 部 に ある 画 像 のエリアの 画 像 ( 複 数 枚 指 定 の 場 合 は スラ イド)の 画 像 の 変 更 ができます 3 画 像 の 追 加 削 除 a 画 像 を 追 加 したい 場 合 は 新 規 画 像 を 追 加 をクリックします 下 部 Aのような 画 面 が 表 示 されますので 入 替 え もしくは 追 加 したい 画 像 を 選 択 します その 際 Aの 左 上 (aの 部 分 )に 推 奨 画 像 サイズが 表 示 されます なお 最 小 サイズよりも 大 きい 画 像 を 選 択 することが 望 ましいです 小 さかった 場 合 は 表 示 領 域 よりも 画 像 が 小 さく 表 示 されることになり 余 白 ができてしまいます 大 きい 場 合 は 切 り 抜 いて(B) 画 像 を 挿 入 するかたちになります 切 り 抜 きとその 作 業 イメージがBです 切 り 抜 き の 領 域 は 写 真 の 上 で 点 線 で 点 滅 している 状 態 になります 切 り 抜 き 範 囲 を 決 めたら 画 像 切 り 抜 き を 選 択 して アップロード 済 み のエリアに 追 加 されていることが 確 認 できましたら 保 存 して 公 開 をクリックして 終 了 です A 画 像 を 削 除 したい 場 合 は アップロード 済 み の 下 にある 該 当 写 真 にカーソル を 合 わせると 写 真 の 右 上 に が 表 示 されますの で を 押 下 すれば 削 除 が 可 能 です B (30)

CSSを 編 集 する 1ダッシュボード> 外 観 >CSSを 編 集 するをクリックします 1コメントを 削 除 して CSSを 記 入 します 2 プレビュー を 押 下 すると 記 入 したCSSが 反 映 された 状 態 を 確 認 できます 3 スタイルシートを 保 存 を 押 下 すると テーマ に 反 映 されます 以 上 の 操 作 で 任 意 のCSSをテーマに 適 用 することができます 編 集 内 容 を 破 棄 したい 場 合 は 記 入 したCSSを 削 除 することにより 元 の 状 態 に 戻 ります この 作 業 はCSSの 知 識 がある 方 のみ 行 ってください (31)