■デザイン

Joruri CMS 1.3.2 基 本 マニュアル (2013.6.28) デザイン デザインでは 各 ページ 内 に 構 成 されるパーツである ピース と それをページ 内 に 配 置 し 構 成 する レイアウト を 作 成 できます また スタイルシート でピース レイ アウトの HTML を 制 御 し 装 飾 する CSS を 設 定 できます ピース デザイン>ピース ピース をクリックすると 現 在 登 録 されているピースが ピース ID のアルファベッ ト 昇 順 で 一 覧 表 示 されます (1) 新 規 作 成 ピースを 新 規 作 成 します (2) 検 索 ピースを 一 覧 から 検 索 できます ピース 名 にピース 名 またはピース ID キーワードに 本 文 ( 自 由 形 式 ピースの 場 合 ) または 表 示 タイトル に 含 まれる 検 索 語 を 入 力 し 検 索 ボタンをクリックすると 条 件 に 合 致 するピースが 絞 りこまれます (3) 詳 細 登 録 されたピースの 詳 細 情 報 を 表 示 します (4) プレビュー ピースがページ 内 で 表 示 されている 状 態 をプレビュー 表 示 します 1

(1)ピース 一 覧 画 面 の 新 規 作 成 ボタンをクリックすると ピースの 新 規 登 録 画 面 が 表 示 されます 1. 一 覧 ピースの 一 覧 画 面 に 戻 ります 2. 状 態 公 開 非 公 開 を 選 択 します 非 公 開 を 選 択 したピースは レイアウ トに 組 み 込 まれていても 表 示 されません 3. コンセプト ピース 格 納 先 コンセプトを 選 択 します 4. コンテンツ ピースの 関 連 するコンテンツを 選 択 します ( マニュアル コ ンテンツ 参 照 ) 5. アイテム 種 別 ピースの 機 能 別 にアイテムを 選 択 します コンテンツを 選 択 すると 対 応 したアイテム 種 別 を 選 択 できる ようになります 6. ピース ID データ 管 理 用 の ID を 半 角 英 数 字 で 入 力 します 7. ピース 名 ピース 名 を 全 角 で 入 力 します 8. 表 示 タイトル 公 開 画 面 に 表 示 するタイトルを 記 述 します 9. グループ 作 成 者 のグループをプルダウンから 選 択 します 2

10. ユーザ 作 成 者 のユーザアカウントをプルダウンから 選 択 します 登 録 する ボタンをクリックするとピースが 登 録 されます 登 録 直 後 は 登 録 したピースの 詳 細 画 面 が 表 示 されています ピースは 作 成 しただけでは 画 面 には 表 示 されません レイアウトに 配 置 してはじめて 画 面 に 反 映 されます 複 数 のページレイアウト 内 に[[piece/ピース ID]]の 形 式 のタグ で 配 置 することができます ( マニュアル デザイン>レイアウト 参 照 ) ピースは 上 位 のコンセプトから 下 位 へ 継 承 されるため ピースを 参 照 するコンセプト と 同 じか 上 位 の 階 層 を 選 択 して 登 録 する 必 要 があります ピースは 選 択 したコンテンツと それに 応 じたアイテムを 選 択 することで 様 々な 機 能 を 使 用 することができます 4.コンテンツの 選 択 ピースの 格 納 先 コンセプトを 選 択 します 使 用 するピースに 関 連 するコンテンツが 含 まれるコンセプト(またはその 下 位 コンセプト)を 選 択 する 必 要 があります プルダウンには コンテンツの 格 納 コンセプト:コンテンツ 名 が 一 覧 表 示 されます a) 標 準 機 能 コンテンツに 関 連 しない ピースの 標 準 機 能 を 使 用 します b)ジョールリ 市 : FAQ コンテンツ FAQ に 関 連 するピースを 使 用 します c)ジョールリ 市 : アンケート コンテンツ アンケート に 関 連 するピースを 使 用 します ( 現 在 対 応 するアイテム 種 別 はありませ ん ) d)ジョールリ 市 : ホームページ 記 事 コンテンツ 記 事 に 関 連 するピースを 使 用 3

します e)ジョールリ 市 : メールマガジン コンテンツ メールマガジン に 関 連 するピー スを 使 用 します ( 現 在 対 応 するアイテム 種 別 はありません ) f)ジョールリ 市 : 年 間 行 事 コンテンツ カレンダー に 関 連 するピースを 使 用 し ます g)ジョールリ 市 : 掲 示 板 コンテンツ 掲 示 板 に 関 連 するピースを 使 用 します h)ジョールリ 市 : 新 着 記 事 ポータル コンテンツ 新 着 記 事 ポータル に 関 連 する ピースを 使 用 します 5.アイテム 種 別 の 選 択 4.で 選 択 したコンテンツの 種 別 に 応 じて 関 連 するアイテムが 一 覧 表 示 されます 4a-1) 自 由 形 式 HTML を 記 述 し 自 由 にピース 内 の 内 容 を 作 成 することが 出 来 ます 4a-2)ページタイトル ページ 内 の h1 要 素 に 当 たるタイトル 部 分 を 作 成 します 4a-3)パンくず 階 層 構 造 の 上 位 ページへのリンクで 簡 潔 に 記 述 し ページの 現 在 位 置 を 示 すパンくずリストを 作 成 します 4a-4)リンク 集 サイト 名 と URL ウィンドウの 開 きかたを 指 定 するだけで 簡 単 にリ ンク 集 を 作 成 できます 4b-1) 新 着 記 事 一 覧 FAQ 記 事 作 成 時 に 新 着 記 事 表 示 に 表 示 を 選 択 した 記 事 タイ トルを 新 着 順 に 一 覧 表 示 します 4

4b-2) 記 事 検 索 フォーム FAQ 記 事 を 検 索 することができます 4b-3) 分 野 一 覧 FAQ に 登 録 されている 公 開 中 の 分 野 ( 第 一 階 層 )を 一 覧 表 示 しま す 4d-1) 新 着 記 事 一 覧 記 事 作 成 時 に 新 着 記 事 表 示 に 表 示 を 選 択 した 記 事 タイトル を 新 着 順 に 一 覧 表 示 します 4d-2) 新 着 タブ 新 着 記 事 を 条 件 を 絞 り 込 んで 一 覧 表 示 できるタブを 複 数 作 成 する ことができます 4d-3)カレンダー イベントカレンダーを 作 成 します 4d-4) 組 織 一 覧 現 在 登 録 されている 公 開 中 の 組 織 を 一 覧 表 示 します 4d-5) 分 野 一 覧 現 在 登 録 されている 公 開 中 の 分 野 ( 第 一 階 層 )を 一 覧 表 示 します 4d-6) 属 性 一 覧 現 在 登 録 されている 公 開 中 の 属 性 を 一 覧 表 示 します 4d-7) 地 域 一 覧 現 在 登 録 されている 公 開 中 の 地 域 を 一 覧 表 示 します 4f-1) 月 別 リンク 12 ヶ 月 分 の 月 別 リンクを 一 覧 表 示 します 年 度 単 位 で 表 示 され 終 了 した 月 は 非 表 示 となります 4f-2) 日 別 リンク 行 事 登 録 日 がリンク 表 示 されるイベントカレンダー 形 式 のリン ク 一 覧 を 表 示 します 5

4g-1) 新 着 投 稿 一 覧 掲 示 板 に 投 稿 された 記 事 タイトルを 新 着 順 に 一 覧 表 示 します 4h-1) 新 着 記 事 一 覧 記 事 タイトルを 新 着 順 に 一 覧 表 示 します 表 示 件 数 を 設 定 でき ます 4h-2) 新 着 タブ 新 着 記 事 を 条 件 を 絞 り 込 んで 一 覧 表 示 するタブを 複 数 作 成 するこ とができます 4h-3)カレンダー イベントカレンダーを 作 成 します 4h-4)グループ 一 覧 新 着 記 事 ポータル : グループ 設 定 で 設 定 されたグループ 一 覧 が 表 示 されます 新 着 記 事 ポータル の 各 アイテム 種 別 と ホームページ 記 事 の 同 名 アイテム 種 別 は 基 本 的 に 同 機 能 ですが 表 示 される 記 事 一 覧 が 新 着 記 事 ポータル で 設 定 し た 外 部 サイトから 取 り 込 まれた 記 事 を 含 む 一 覧 となります 6

(3)ピースの 一 覧 画 面 で 詳 細 をクリックする または 新 規 作 成 画 面 でピースを 登 録 すると 詳 細 画 面 が 表 示 されます 1. 自 由 形 式 ピース(4a-1)の 場 合 一 覧 画 面 で 自 由 形 式 ピースの 詳 細 をクリックする または 新 規 作 成 画 面 で 自 由 形 式 ピースを 登 録 すると ピースの 詳 細 画 面 が 表 示 されます 1) 一 覧 ピースの 一 覧 画 面 に 戻 ります 2) 編 集 ピースの 編 集 画 面 を 表 示 します 3) 削 除 ピースを 削 除 します 4) 複 製 ピースを 複 製 します 5) 複 製 ( 更 新 用 ) 公 開 中 のピースに 表 示 されます ピース 編 集 更 新 を 行 う 際 に 元 のピースを 公 開 したまま 内 容 の 編 集 保 存 が 可 能 とな ります 7

2) 編 集 をクリックすると 自 由 形 式 ピースの 編 集 画 面 が 表 示 されます 1- 一 覧 ピースの 一 覧 画 面 に 戻 ります 2- 詳 細 ピースの 詳 細 画 面 に 戻 ります 3- 本 文 ピースの 本 文 を HTML を 用 いて 自 由 に 記 述 できます 4- ファイル 画 像 ファイルをページ 内 に 添 付 する 際 のファイルアップロー ドを 行 います 開 く をクリックすると アップローダーと アップロード 済 ファイルの 一 覧 が 表 示 されます 8

添 付 ファイルについては データ ( マニュアル データ>テキスト ファイ ル 一 覧 6 ページ ファイル )を 参 照 してください その 他 の 各 項 目 については 前 項 (1) 新 規 作 成 ( 本 マニュアル 2 ページ ピース の 新 規 登 録 画 面 )を 参 照 してください 編 集 する ボタンをクリックすると 内 容 が 保 存 されます 5)ピースの 詳 細 画 面 で 複 製 ( 更 新 用 ) をクリックすると 複 製 してよろしいで すか? と 確 認 するダイアログが 表 示 されます OK をクリックするとページが 複 製 されます 複 製 されたページはタイトルに( 更 新 用 )と 表 記 され 非 公 開 状 態 で 一 覧 に 保 存 されます このピースを 編 集 することで 編 集 状 況 を 確 認 しな がら 編 集 公 開 作 業 を 行 うことができます 編 集 内 容 を 公 開 するには 状 態 を 公 開 にして 保 存 します キャンセル をクリックすると 複 製 がキャンセルされます 9

2. リンク 集 ピース(4a-4)の 場 合 一 覧 画 面 でリンク 集 ピースの 詳 細 をクリックする または 新 規 作 成 画 面 でリン ク 集 ピースを 登 録 すると ピースの 詳 細 画 面 が 表 示 されます 1) 一 覧 ピースの 一 覧 画 面 に 戻 ります 2) 編 集 ピースの 編 集 画 面 を 表 示 します 3) 削 除 ピースを 削 除 します 4) 複 製 ピースを 複 製 します 5)リンク 設 定 編 集 ピース 内 に 設 定 したリンク 一 覧 設 定 画 面 を 表 示 します 10

5)ピース 詳 細 画 面 で リンク 設 定 の 編 集 をクリックすると リンク 集 ピース 内 に 設 定 したリンク 一 覧 設 定 画 面 が 表 示 されます 1- ピース 詳 細 ピースの 詳 細 画 面 に 戻 ります 2- 新 規 作 成 リンクの 新 規 作 成 画 面 を 表 示 します 3- 詳 細 リンクの 詳 細 画 面 を 表 示 します 2-リンク 一 覧 画 面 で 新 規 作 成 をクリックすると リンクの 新 規 作 成 画 面 が 表 示 されます #1 ピース 詳 細 ピースの 詳 細 画 面 に 戻 ります #2 一 覧 リンク 一 覧 設 定 画 面 に 戻 ります #3 状 態 公 開 非 公 開 を 選 択 します #4 リンク 名 リンクを 設 定 する 文 字 列 を 入 力 します #5 URL ジャンプ 先 の URL を 入 力 します #6 対 象 ウィンドウ リンクした 際 のウィンドウの 遷 移 を 選 択 します 11

#7 並 び 順 リンク 並 び 順 を 半 角 英 数 字 で 入 力 します 大 きい 数 字 を 記 入 し たリンクが 下 に 配 置 されます 各 項 目 を 入 力 し 登 録 する ボタンをクリックすると リンクが 作 成 されます 上 記 動 作 を 複 数 繰 り 返 すことで リンクのリストが 作 成 され リンク 集 となりま す 3-リンク 一 覧 画 面 で 詳 細 をクリックすると リンクの 詳 細 画 面 が 表 示 されま す #1 ピース 詳 細 ピースの 詳 細 画 面 に 戻 ります #2 一 覧 リンク 一 覧 設 定 画 面 に 戻 ります #3 編 集 リンクの 編 集 画 面 を 表 示 します #4 削 除 リンクを 削 除 します 12

#2 リンク 詳 細 画 面 で 編 集 をクリックすると リンクの 編 集 画 面 が 表 示 され ます >1 ピース 詳 細 ピースの 詳 細 画 面 に 戻 ります >2 一 覧 リンク 一 覧 設 定 画 面 に 戻 ります >3 詳 細 リンクの 詳 細 画 面 を 表 示 します 各 項 目 を 編 集 し 編 集 する ボタンをクリックすると 入 力 した 内 容 が 保 存 さ れます 各 項 目 については リンクの 新 規 作 成 画 面 ( 本 マニュアル 11 ページ リン クの 新 規 作 成 画 面 )を 参 照 して 下 さい #3 リンク 詳 細 画 面 で 削 除 をクリックすると [ 削 除 してよろしいですか?] という 画 面 が 表 示 されるので OK をクリックするとリンクが 削 除 されます キャンセル をクリックすると 削 除 がキャンセルされます OK をクリックし 削 除 が 完 了 すると 元 には 戻 せませんのでご 注 意 ください 13

3. 新 着 記 事 一 覧 ピース(4b-1 4d-1 共 通 )の 場 合 一 覧 画 面 で 新 着 記 事 一 覧 ピースの 詳 細 をクリックする または 新 規 作 成 画 面 で 新 着 記 事 一 覧 ピースを 登 録 すると ピースの 詳 細 画 面 が 表 示 されます 1) 一 覧 ピースの 一 覧 画 面 に 戻 ります 2) 編 集 ピースの 編 集 画 面 を 表 示 します 3) 削 除 ピースを 削 除 します 4) 複 製 ピースを 複 製 します 14

2) 編 集 をクリックすると 新 着 記 事 一 覧 ピースの 編 集 画 面 が 表 示 されます 1- 詳 細 設 定 表 示 形 式 新 着 記 事 一 覧 が 表 示 される 形 式 を リスト 形 式 ( 標 準 ) かブログ 形 式 から 選 びます 15

<リスト 形 式 ( 標 準 )> <ブログ 形 式 > 2- 詳 細 設 定 表 示 件 数 記 事 を 新 着 順 に 一 覧 表 示 する 件 数 を 半 角 数 字 で 入 力 し ます 何 も 入 力 しない 場 合 10 件 表 示 されます 3- 詳 細 設 定 一 覧 リンク 文 字 新 着 記 事 の 履 歴 一 覧 ページヘのリンクテキスト を 入 力 します 何 も 入 力 しない 場 合 >> 一 覧 へ と 表 示 されます その 他 の 各 項 目 については 前 項 (1) 新 規 作 成 ( 本 マニュアル 2 ページ ピース の 新 規 登 録 画 面 )を 参 照 してください 編 集 する ボタンをクリックすると 内 容 が 保 存 されます 16

4. 新 着 記 事 一 覧 ピース(4h-1)の 場 合 一 覧 画 面 で 新 着 記 事 一 覧 ピースの 詳 細 をクリックする または 新 規 作 成 画 面 で 新 着 記 事 一 覧 ピースを 登 録 すると ピースの 詳 細 画 面 が 表 示 されます 1) 一 覧 ピースの 一 覧 画 面 に 戻 ります 2) 編 集 ピースの 編 集 画 面 を 表 示 します 3) 削 除 ピースを 削 除 します 4) 複 製 ピースを 複 製 します 17

2) 編 集 をクリックすると 新 着 記 事 一 覧 ピースの 編 集 画 面 が 表 示 されます 1- 詳 細 設 定 グループ 新 着 記 事 を 絞 り 込 むグループを 選 択 します グループの 設 定 は コンテンツ から 新 着 記 事 ポー タル で 行 います 新 着 記 事 ポータルでのグループ 設 定 については 新 着 記 事 ポータル ( マニュアル コ ンテンツ> 新 着 記 事 ポータル )を 参 照 してください その 他 の 各 項 目 については 前 項 (1) 新 規 作 成 ( 本 マニュアル 2 ページ ピース の 新 規 登 録 画 面 )を 参 照 してください 編 集 する ボタンをクリックすると 内 容 が 保 存 されます 5. 新 着 タブピース(4d-2 4h-2)の 場 合 18

1) 一 覧 ピースの 一 覧 画 面 に 戻 ります 2) 編 集 ピースの 編 集 画 面 を 表 示 します 3) 削 除 ピースを 削 除 します 4) 複 製 ピースを 複 製 します 5)タブ 設 定 編 集 新 着 記 事 を 絞 り 込 むタブの 一 覧 画 面 を 表 示 します 19

2) 編 集 をクリックすると 新 着 タブピースの 編 集 画 面 が 表 示 されます 1- 詳 細 設 定 表 示 件 数 タブ 内 で 記 事 を 新 着 順 に 一 覧 表 示 する 件 数 を 半 角 数 字 で 入 力 します 何 も 入 力 しない 場 合 10 件 表 示 されます 2- 詳 細 設 定 一 覧 リンク 文 字 新 着 記 事 の 履 歴 一 覧 ページヘのリンクテキスト を 入 力 します 何 も 入 力 しない 場 合 >> 一 覧 へ と 表 示 されます その 他 の 各 項 目 については 前 項 (1) 新 規 作 成 ( 本 マニュアル 2 ページ ピース の 新 規 登 録 画 面 )を 参 照 してください 編 集 する ボタンをクリックすると 内 容 が 保 存 されます 20

5)タブ 設 定 編 集 をクリックすると 新 着 タブピースのタブ 一 覧 画 面 が 表 示 され ます 1- ピース 詳 細 ピースの 詳 細 画 面 に 戻 ります 2- 新 規 作 成 タブの 新 規 作 成 画 面 を 表 示 します 3- 詳 細 タブの 詳 細 画 面 を 表 示 します 2-タブ 一 覧 画 面 で 新 規 作 成 をクリックすると タブの 新 規 作 成 画 面 が 表 示 さ れます #1 ピース 詳 細 ピースの 詳 細 画 面 に 戻 ります #2 一 覧 タブ 一 覧 設 定 画 面 に 戻 ります #3 タブ ID データ 管 理 用 のタブ ID を 半 角 英 数 字 で 入 力 します #4 タブ 名 公 開 画 面 に 表 示 されるタブの 名 前 を 全 角 で 入 力 します #5 一 覧 リンク 絞 り 込 んだ 新 着 一 覧 を 表 示 するページを 指 定 します 21

#6 グループ 記 事 を 絞 り 込 むグループを 選 択 します #7 並 び 順 複 数 あるタブの 並 び 順 を 半 角 数 字 で 入 力 します 大 きい 数 字 を 記 入 したタブが 後 方 に 配 置 されます 各 項 目 を 入 力 選 択 し 登 録 する ボタンをクリックすると タブが 作 成 されま す 上 記 動 作 を 複 数 繰 り 返 すことで それぞれ 条 件 を 設 定 したタブが 作 成 され 新 着 記 事 ポータルのタブ 集 となります 3-タブ 一 覧 画 面 で 詳 細 をクリックすると タブの 詳 細 画 面 が 表 示 されます #1 ピース 詳 細 ピースの 詳 細 画 面 に 戻 ります #2 一 覧 タブ 一 覧 設 定 画 面 に 戻 ります #3 編 集 タブの 編 集 画 面 を 表 示 します #4 削 除 タブを 削 除 します 22

6.1.~5. 以 外 のピースの 場 合 一 覧 画 面 でピースの 詳 細 をクリックする または 新 規 作 成 画 面 で 機 能 ピースを 登 録 すると ピースの 詳 細 画 面 が 表 示 されます 1) 一 覧 ピースの 一 覧 画 面 に 戻 ります 2) 編 集 ピースの 編 集 画 面 を 表 示 します 3) 削 除 ピースを 削 除 します 4) 複 製 ピースを 複 製 します 23

2) 編 集 をクリックすると ピースの 編 集 画 面 が 表 示 されます 1- 一 覧 ピースの 一 覧 画 面 に 戻 ります 2- 詳 細 ピースの 詳 細 画 面 に 戻 ります 各 項 目 については 前 項 (1) 新 規 作 成 ( 本 マニュアル 2 ページ ピースの 新 規 登 録 画 面 )を 参 照 してください 編 集 する ボタンをクリックすると 内 容 が 保 存 されます 24

3)ピースの 詳 細 画 面 で 削 除 をクリックすると [ 削 除 してよろしいですか?] という 画 面 が 表 示 されるので OK をクリックするとピースが 削 除 されます キャンセル をクリックすると 削 除 がキャンセルされます OK をクリックし 削 除 が 完 了 すると 元 には 戻 せませんのでご 注 意 ください 4)ピースの 詳 細 画 面 で 複 製 をクリックすると 複 製 してよろしいですか? と 確 認 するダイアログが 表 示 されます OK をクリックするとピース 名 に 複 製 と 表 記 されたピースが 一 覧 に 複 製 保 存 されます 複 製 直 後 のピースは ピース ID がないので 編 集 からピース ID を 入 力 します キャンセル をクリックすると 複 製 がキャンセルされます 25

(4)ピース 一 覧 画 面 で プレビュー をクリックすると そのピースを 組 み 込 んでいる レイアウト 一 覧 が 表 示 されます 1. 一 覧 ピース 一 覧 画 面 に 戻 ります 2. レイアウト 名 レイアウト 名 をクリックすると PC 版 レイアウトが 携 帯 を クリックすると 携 帯 版 レイアウトがプレビュー 表 示 されます 26