bingo!cms + 1.5 基 本 操 作 マニュアル 既 存 ページの 編 集 と 連 載 記 事 の 作 成 更 新 編
INDEX INDEX はじめに 3 STEP 1 ページの 編 集 更 新 1. 編 集 前 編 集 後 5 2. テキストを 編 集 する 6 3. 画 像 を 変 更 する 9 4. 更 新 する 12 5. 確 認 する 14 STEP 2 連 載 記 事 の 運 用 1. 更 新 前 更 新 後 16 2. 連 載 記 事 を 更 新 する 17 3. 公 開 する 24 4. 確 認 する 25 5. ラベルを 設 定 する 25 2
はじめに はじめに このマニュアルでは bingo!cms プラス 1.5 でホームページを 製 作 したユーザー 様 を 対 象 に ホームページの 更 新 方 法 についてご 説 明 いたします STEP 1 ページの 編 集 更 新 (P4 P14) では 既 存 のページの 編 集 方 法 について STEP 2 連 載 記 事 の 運 用 (P15 P25) では 連 載 記 事 の 新 規 作 成 更 新 方 法 についてを 操 作 画 面 とともにご 説 明 いたします 連 載 記 事 とは 最 新 情 報 やお 知 らせ ブログ 日 記 等 のように 続 き 物 として 今 後 続 けて 掲 載 していく 記 事 です 基 本 的 には 記 事 の 掲 載 日 と タイトルがいくつも 並 べられ た 一 覧 ( 目 次 のようなもの)があり そのうちの1つをクリックすると 内 容 が 詳 しく 書 か れたページへ 移 動 するという 構 成 です また 記 事 をカテゴリ 分 け(ラベル 付 け)することができ 数 ある 記 事 のうち 特 定 のカテゴ リの 記 事 のみを 一 覧 に 表 示 することも 可 能 です ラベル 付 けの 方 法 は P25 にて 詳 しくご 説 明 していますので ご 参 照 ください ではさっそく ホームページを 更 新 していきましょう 3
bingo!cms + 1.5 基 本 操 作 マニュアル 既 存 ページの 編 集 と 連 載 記 事 の 作 成 更 新 編 STEP 1 ページの 編 集 更 新 STEP1 では 既 存 ページの 編 集 方 法 をご 説 明 します
STEP1ページの 編 集 更 新 1 編 集 前 編 集 後 下 記 の 図 のようにテキストの 編 集 と 画 像 の 変 更 を 行 います 5
STEP1ページの 編 集 更 新 2 テキストを 編 集 する 最 上 部 の メニュー & ページ 管 理 タブ ( 黒 色 ) をクリックします ページを 編 集 する 画 面 はいつもここから 入 りま す 左 側 のメニューの 中 の 編 集 したいページをク リックします 今 回 は ホーム の 編 集 のため 左 側 のメニュー の ホーム をクリックします 右 側 のメニューに ホーム の 中 に 作 られたペー ジが 表 示 されました 今 回 は index インデックスページ が ホー ムの 中 に 作 られています 編 集 したいページの 右 側 ページ 編 集 ボタン をクリックします 6
２ STEP1 ページの編集 更新 テキストを編集する 編集したいページの画面に切り替わりました 編集したい箇所にマウスをのせると 左図のよ うに薄いグレーにかわります 薄いグレーの部 分をクリックします ( 一番左の濃いグレーの部分は 移動の際にク リックするので今回は使用しません 表示された画面の中で 編集していきます 今回は一番下のボックス内のテキスト部分を編 集していきます 編集し終えたら一番下の 保存 ボタンをクリッ クします 7
STEP1 ページの 編 集 更 新 2 テキストを 編 集 する 編 集 画 面 に 戻 り 文 章 の 変 更 が 適 用 されました 以 上 で 2. テキストを 編 集 する は 終 わりです 次 は 3. 画 像 を 変 更 する へ 進 みます 2. テキストを 編 集 する と 3. 画 像 を 変 更 する が 異 なるページの 場 合 は P6 テキストを 編 集 する 1~5までの 手 順 で 操 作 してください 今 回 は 同 じページの 編 集 のため 省 略 をしています 8
STEP1 ページの 編 集 更 新 3 画 像 を 変 更 する 編 集 したい 箇 所 にマウスをのせると 左 図 のよ うに 薄 いグレーにかわります 薄 いグレーの 部 分 をクリックします ( 一 番 左 の 濃 いグレーの 部 分 は 移 動 の 際 にク リックするので 今 回 は 使 用 しません ) 表 示 された 画 面 の 中 で 編 集 していきます 上 部 グレーの ファイル 選 択 ボタンをクリッ クします 画 像 選 択 画 面 に 切 り 替 わりました 新 しい 画 像 を 取 り 込 みます 左 上 部 の ファイルを 追 加 ボタンをクリック します 9
STEP1 ページの 編 集 更 新 3 画 像 を 変 更 する 画 像 を 選 択 ( 複 数 選 択 も 可 能 )し 開 く ボタ ンをクリックします キャプチャは MAC の 画 面 です アップロード 情 報 画 面 が 開 き 1 枚 のファイル を 追 加 しました と 表 示 されます 閉 じる をクリックします ライブラリ 内 の 最 後 の 読 み 込 み の 中 に 今 読 み 込 んだ 画 像 が 自 動 的 に 取 り 込 まれます 10
STEP1 ページの 編 集 更 新 3 画 像 を 変 更 する 右 端 の ファイルを 取 り 込 む ボタンをクリッ クします 編 集 画 面 が 表 示 されます 保 存 ボタンをクリックします 編 集 画 面 に 戻 り 画 像 の 変 更 が 適 用 されました 以 上 で 3. 画 像 を 変 更 する は 終 わりです 次 は 4. 更 新 する へ 進 みます 11
STEP1 ページの 編 集 更 新 4 更 新 する 上 部 一 番 右 の ボタンをクリックして 編 集 画 面 からメニュー&ページ 管 理 画 面 へ 戻 りま す 今 まで 編 集 していたページの 右 側 に 緑 色 で 編 集 中 と 貼 られています 今 回 編 集 した 編 集 中 がついているページ( 今 回 は index- インデックスページ )の 左 側 の チェックボックスをクリックして チェックを 入 れます 上 部 の 四 角 ページ 操 作 と 表 示 されている 部 分 をクリックすると 図 5のようなプルダウ ンメニューが 表 示 されます 12
STEP1 ページの 編 集 更 新 4 更 新 する 表 示 されたプルダウンメニュー 内 の 更 新 する をクリックして 更 新 完 了 となります 公 開 中 となりました 以 上 で 4. 更 新 する は 終 わりです 次 は 5. 確 認 する へ 進 みます 13
STEP1ページの 編 集 更 新 5 確 認 する 最 上 部 の 右 から2つ 目 虫 眼 鏡 タブ ( 黒 色 ) をクリックします 新 たに 画 面 が 開 き サイトが 表 示 されました 更 新 した 全 てのページを 確 認 してみましょう 公 開 した 後 毎 回 更 新 した 内 容 に 間 違 いがない 事 を 確 認 する 習 慣 をつけましょう これにて STEP1ページの 編 集 更 新 は 終 了 です 14
bingo!cms + 1.5 基 本 操 作 マニュアル 既 存 ページの 編 集 と 連 載 記 事 の 作 成 更 新 編 STEP 2 連 載 記 事 の 運 用 STEP2 では 連 載 記 事 の 新 規 作 成 方 法 ならびに 更 新 をご 説 明 します
１ STEP2. 連載記事の運用 更新前 更新後 下記の図のように連載記事を更新します 今回は お知らせ に新しい記事を作成すると仮定します 16
STEP2. 連 載 記 事 の 運 用 2 連 載 記 事 を 更 新 する 最 上 部 の 左 から2つ 目 メニュー&ページ 管 理 タブ ( 黒 色 ) をクリックします ページを 編 集 する 画 面 はいつもここから 入 りま す 左 側 のメニューから 編 集 したいページの 名 前 をクリックします 今 回 は お 知 らせ の 編 集 なので まずは 左 側 のメニューから お 知 らせ をクリックします 右 側 のメニューに お 知 らせ 内 に 作 られたペー ジが 表 示 されました お 知 らせ に 新 しい 記 事 を 作 成 する 場 合 は 上 部 の 青 い 文 字 連 載 記 事 ページ 管 理 タブをク リックします 17
STEP2. 連 載 記 事 の 運 用 2 連 載 記 事 を 更 新 する 画 面 が 連 載 記 事 ページ 管 理 に 切 り 替 わり 連 載 記 事 の 一 覧 ページに 切 り 替 わりました 新 たな 連 載 記 事 を 作 成 します 上 部 の 四 角 ペー ジ 操 作 と 表 示 されている 部 分 をクリックす ると 図 7のようなプルダウンメニューが 表 示 されます 表 示 されたプルダウンメニュー 内 の 新 規 を クリックします 18
STEP2. 連 載 記 事 の 運 用 2 連 載 記 事 を 更 新 する 表 示 された 画 面 内 に ファイル 名 と ページ タイトル を 入 力 し 保 存 する ボタンをクリッ クします 今 回 は 仮 にファイル 名 20131107 ページタイトル ホームページ 開 設 のお 知 ら せ と 入 力 します ファイル 名 は 必 ず 設 定 しなければなりません 更 新 日 付 のようなわかりやすい 日 付 を 上 記 のような 形 ( 年 月 日 ) でつける 事 をお 勧 めします 次 に 今 作 成 した 連 載 記 事 の 基 本 情 報 を 設 定 します 右 の 基 本 情 報 をクリックしま す 基 本 情 報 設 定 画 面 が 表 示 されました 左 側 が 赤 くなっている 項 目 が 入 力 必 須 の 項 目 です ( 既 に ファイル 名 ページタイトル は 設 定 されています ) 19
STEP2. 連 載 記 事 の 運 用 2 連 載 記 事 を 更 新 する 必 須 項 目 以 外 にも ページ 概 要 文 章 を 設 定 し ましょう ページ 概 要 文 章 が 適 切 で 利 用 者 の 検 索 語 と 関 連 性 が 高 い 場 合 に 今 回 入 力 した 内 容 が 検 索 結 果 画 面 でページタイトルの 下 にそのまま 表 示 されることがあります 図 13 をご 参 照 ください 検 索 エンジン 表 示 された ページ 概 要 文 章 です 入 力 が 完 了 したら 下 部 の 次 に 進 む ボタン をクリックします 確 認 画 面 が 表 示 されました 20
STEP2. 連 載 記 事 の 運 用 2 連 載 記 事 を 更 新 する 情 報 が 正 しく 入 力 されている 事 を 確 認 し 下 部 の 保 存 ボタンをクリックし 基 本 情 報 の 入 力 は 完 了 です 新 しい 記 事 ページ ホームページ 開 設 のお 知 ら せ が 作 成 され 左 側 に 赤 い 四 角 で 新 規 と 表 示 されました ページを 編 集 するために ホームページ 開 設 の お 知 らせ の 右 側 ページ 編 集 ボタンをクリッ クします ページ 編 集 画 面 へと 移 動 しました 21
STEP2. 連 載 記 事 の 運 用 2 連 載 記 事 を 更 新 する 今 回 は 左 図 のような 連 載 記 事 を 作 成 します この 記 事 は 大 見 出 し 小 見 出 し テキスト の3つの 要 素 ( ユニット ) から 構 成 されていま す bingo!cms では タイトル テキスト 画 像 といったページを 構 成 する 要 素 ( ユニット ) が 各 々アイコンとなって 上 部 に 表 示 されて います その 中 の 必 要 要 素 を 順 番 にオレンジの 枠 の 中 に ドラッグ&ドロップして ページを 形 作 ってい きます 今 回 は 左 図 の 大 見 出 し ( 左 ) 小 見 出 し ( 中 ) テキスト ( 右 ) のユニットを 順 番 にオレンジの 枠 の 中 にドラッ グ&ドロップします 配 置 されました 22
STEP2. 連 載 記 事 の 運 用 2 連 載 記 事 を 更 新 する 文 章 の 編 集 です 今 回 は 大 見 出 し お 知 らせ 小 見 出 し ホームページ 開 設 のお 知 らせ テキスト お 知 らせの 詳 細 内 容 を 記 入 しています 文 章 の 編 集 方 法 については P7 テキストを 編 集 する 6 ~8の 手 順 で 操 作 してください 原 稿 の 完 成 です 記 事 を 公 開 するために 上 部 一 番 右 の ボタンをクリックして メ ニュー&ページ 管 理 画 面 に 戻 ります 23
STEP2. 連 載 記 事 の 運 用 3 公 開 する P12 4. 更 新 する と 同 じように 今 回 新 規 作 成 した 記 事 を 公 開 しましょう 連 載 記 事 の 公 開 の 場 合 手 順 4でチェックボックスにチェックを 入 れる 項 目 は 下 図 のように 連 載 記 事 ページ 管 理 タブをクリックし 新 規 がついているページです 24
STEP2. 連 載 記 事 の 運 用 4 確 認 する P14 の 5. 確 認 する と 同 じように 公 開 したページに 間 違 いがないかを 確 認 しましょう 5 ラベルを 設 定 する ラベルはすでに 作 成 済 みであることを 前 提 とします ( 新 規 作 成 方 法 については http://www.bingo-cms. jp/support/manual_1_5.pdf の P18 をご 参 照 ください ) 今 回 作 成 した ホームページ 開 設 のお 知 らせ に ホームページ 更 新 情 報 というラベルを 貼 ります P17 の 1. 連 載 記 事 を 更 新 する 手 順 1~4 のように 連 載 記 事 ページ 管 理 画 面 を 表 示 し てください 画 面 が 連 載 記 事 ページ 管 理 に 切 り 替 わり 連 載 記 事 の 詳 細 ページの 一 覧 に 切 り 替 わりまし た 25
STEP2. 連 載 記 事 の 運 用 5 ラベルを 設 定 する ラベルを 貼 りたいページの 左 側 の 四 角 をクリッ クし チェックを 入 れます 上 部 の 四 角 ラベル 設 定 と 表 示 されている 部 分 をクリックします 1 表 示 されたラベルのうち 適 用 したいラベル 名 をクリック ( 複 数 の 適 用 が 可 能 ) し 最 後 にメ ニュー 内 一 番 下 の 適 用 をクリックします 今 回 は ホームページ 更 新 情 報 のラベルをク リックします 2 ラベルの 設 定 は 完 了 です 今 適 用 したラベルが 右 側 に 貼 付 けられました 26