![Page 1: ZOMEKI Ver.3 機能解説 固定ページ編 · ZOMEKI Ver.3 機能解説 固定ページ編 2017年12月20日 第1版 サイトブリッジ株式会社](https://reader033.vdocuments.mx/reader033/viewer/2022041416/5e1b6d43b98f1929dd6682ff/html5/thumbnails/1.jpg)
ZOMEKI Ver.3 機能解説
固定ページ編
2017年12月20日
第1版
サイトブリッジ株式会社
![Page 2: ZOMEKI Ver.3 機能解説 固定ページ編 · ZOMEKI Ver.3 機能解説 固定ページ編 2017年12月20日 第1版 サイトブリッジ株式会社](https://reader033.vdocuments.mx/reader033/viewer/2022041416/5e1b6d43b98f1929dd6682ff/html5/thumbnails/2.jpg)
コンテンツが生成するページと固定ページ
1.ZOMEKIで生成されるページの種類
ZOMEKIが生成するページには大きく分けて次の2つの種類がある。
・コンテンツが生成するページ
・ZOMEKIの標準機能で生成するページ(固定ページ)
2.コンテンツが生成するページ
記事コンテンツなど、各種のコンテンツはそれぞれ独自の形式のページ
を自動的に生成する機能がある。
例えば記事ページが増えるに従い、記事一覧のページを自動的に生成し
て、ページ送りで閲覧できるようにするのは、記事コンテンツの機能であ
る。
3.ZOMEKI標準機能で生成するページ(固定ページ)
コンテンツではなく、ZOMEKIの標準機能で生成するページを固定ペー
ジと呼ぶ。コンテンツとは無関係であるため、コンテンツが全く存在しな
くても、固定ページは作成することができる。
4.トップページは固定ページ
多種多様なコンテンツの出力を表示することから、トップページは固定
ページで作成し、各種の情報をそれぞれのコンテンツのピースを配置して
表示する。
またコンテンツはその出力を行うディレクトリを設定するが、ドキュメ
ントルートのディレクトリを設定できない。このためトップページはコン
テンツのページでは作成できない。
サンプルサイトのディレクトリ画面
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/nodes
![Page 3: ZOMEKI Ver.3 機能解説 固定ページ編 · ZOMEKI Ver.3 機能解説 固定ページ編 2017年12月20日 第1版 サイトブリッジ株式会社](https://reader033.vdocuments.mx/reader033/viewer/2022041416/5e1b6d43b98f1929dd6682ff/html5/thumbnails/3.jpg)
固定ページの作成手順
1.ディレクトリ画面
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/nodes
2.新規作成画面 3.詳細画面 4.編集画面
1.固定ページの新規作成
固定ページの新規作成は、ディレクトリおよびサイトマップページの作
成画面と一部共通であるため、上記のように一度作成後に編集を行う。
2.新規作成画面は共通
新規作成画面は、次の3つのオブジェクトの作成で共通となっている。
このためこの画面では固定ページ独自の情報を登録しない。
<アイテム種別の一覧>
ディレクトリ
ページ/自由形式 ←固定ページを作成する場合はこれを選択する。
ページ/サイトマップ
![Page 4: ZOMEKI Ver.3 機能解説 固定ページ編 · ZOMEKI Ver.3 機能解説 固定ページ編 2017年12月20日 第1版 サイトブリッジ株式会社](https://reader033.vdocuments.mx/reader033/viewer/2022041416/5e1b6d43b98f1929dd6682ff/html5/thumbnails/4.jpg)
固定ページの新規作成
1.固定ページの新規作成
固定ページを作成するには、管理画面[ディレクトリ]-[ディレクト
リ]を開く。[新規作成]をクリックし固定ページの作成する画面を開く。
[アイテム種別]として[ページ/自由形式]を選択して、[登録する]を
クリックする。 [ページ/自由形式]が固定ページであることを意味する。
2.固定ページを作成するディレクトリ
固定ページを作成するディレクトリは、[親ディレクトリ]で指定する。
[親ディレクトリ]の一覧には、サーバーの物理ディレクトリ名ではな
く、タイトルが表示される。
ディレクトリ一覧画面にて、固定ページを作成するディレクトリをク
リックしてカレントディレクトリとし、[新規作成]をクリックすると
[親ディレクトリ]にカレントディレクトリが設定される。
3.固定ページのファイル名
[新規作成]の画面はディレクトリやサイトマップを作成する機能と共
用であるため、固定ページのファイル名を入力する欄がない。
[登録する]をクリックして一度保存したあと、編集を行いファイル名
を入力する。ファイル名を入力するまでファイル名は空白となっている。
ディレクトリの新規作成画面
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/nodes/new
![Page 5: ZOMEKI Ver.3 機能解説 固定ページ編 · ZOMEKI Ver.3 機能解説 固定ページ編 2017年12月20日 第1版 サイトブリッジ株式会社](https://reader033.vdocuments.mx/reader033/viewer/2022041416/5e1b6d43b98f1929dd6682ff/html5/thumbnails/5.jpg)
固定ページの詳細画面
1.固定ページの詳細画面
[登録する]をクリックすると、固定ページのデータが生成され、固定
ページの詳細画面が表示される。
ファイル名は空白となっており、ページは存在せず、HTMLファイルは生
成されていない。
2.[ディレクトリ]画面での表示
[ディレクトリ]画面では下の画面のようにファイル名が空白で、ペー
ジのデータが表示される。
並び順を指定しなかった場合、一覧の最後に表示される。
3.固定ページの編集
固定ページの[詳細画面]にて、[編集]をクリックして、固定ページ
の内容を編集する。
固定ページの登録画面
途中省略
ディレクトリ画面
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/60
![Page 6: ZOMEKI Ver.3 機能解説 固定ページ編 · ZOMEKI Ver.3 機能解説 固定ページ編 2017年12月20日 第1版 サイトブリッジ株式会社](https://reader033.vdocuments.mx/reader033/viewer/2022041416/5e1b6d43b98f1929dd6682ff/html5/thumbnails/6.jpg)
ファイル名の設定
1.固定ページの編集画面
固定ページの詳細画面で、[編集]をクリックすると、固定ページの編
集画面となる。
2.ファイル名の設定、本文の入力
初期設定のファイル名として、index.htmlが設定されている。
ファイル名を設定すると、ページが生成される。
ページに表示する内容を[本文]に入力する。
ファイル名と本文を設定すると、作成した固定ページの動作を確認でき
る。
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit
![Page 7: ZOMEKI Ver.3 機能解説 固定ページ編 · ZOMEKI Ver.3 機能解説 固定ページ編 2017年12月20日 第1版 サイトブリッジ株式会社](https://reader033.vdocuments.mx/reader033/viewer/2022041416/5e1b6d43b98f1929dd6682ff/html5/thumbnails/7.jpg)
固定ページ作成後の詳細画面
1.固定ページの公開URL
ファイル名を設定して、[公開保存]をクリックすると、編集後の詳細
画面が表示される。
詳細画面には固定ページの公開画面のURLが表示される。
固定ページを作成後の詳細画面
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/nodes
![Page 8: ZOMEKI Ver.3 機能解説 固定ページ編 · ZOMEKI Ver.3 機能解説 固定ページ編 2017年12月20日 第1版 サイトブリッジ株式会社](https://reader033.vdocuments.mx/reader033/viewer/2022041416/5e1b6d43b98f1929dd6682ff/html5/thumbnails/8.jpg)
固定ページの公開画面
1.固定ページの生成
ファイル名をnewpage.htmlとし、[本文]に「新しい固定ページで
す。」と入力して、[公開保存]をクリックすると、公開画面として左の
ページが生成される。
2.固定ページの公開画面
レイアウトが設定されていない場合は、公開画面には[本文]に入力し
たテキストが表示される。<!DOCTYPE html><html lang="ja" prefix="og: http://ogp.me/ns#"><head>
<meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><title>自由形式 | ZOMEKI</title>
</head><body id="page-newpage" class="rootdir">
<div class="contentPage">
<div class="body"><p>新しい固定ページです。</p>
</div>
<!-- end .contentPage --></div>
</body></html>
固定ページの公開画面
固定ページの公開画面のHTML
http://demo.zomekiv3.zomeki.jp/newpage.html
![Page 9: ZOMEKI Ver.3 機能解説 固定ページ編 · ZOMEKI Ver.3 機能解説 固定ページ編 2017年12月20日 第1版 サイトブリッジ株式会社](https://reader033.vdocuments.mx/reader033/viewer/2022041416/5e1b6d43b98f1929dd6682ff/html5/thumbnails/9.jpg)
固定ページのファイル名の重複チェック
1.固定ページのファイル名の重複チェック
作成するファイル名と同じ名前のファイル名の固定ページが、同じディ
レクトリに存在する場合は、エラーが表示されページが作成されない。
固定ページの編集画面でのエラー表示
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/1/node_pages/61
![Page 10: ZOMEKI Ver.3 機能解説 固定ページ編 · ZOMEKI Ver.3 機能解説 固定ページ編 2017年12月20日 第1版 サイトブリッジ株式会社](https://reader033.vdocuments.mx/reader033/viewer/2022041416/5e1b6d43b98f1929dd6682ff/html5/thumbnails/10.jpg)
ディレクトリ画面での公開中固定ページの表示
2.PC、スマホ、携帯でのプレビュー表示
それぞれのプレビュー画面は次のようになる。
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/nodes
1.公開中の固定ページの一覧画面での表示
固定ページを公開すると、状態が[非公開]から[公開中]に変わる。
PC画面のプレビュー
スマートフォン画面のプレビュー
携帯(フィーチャーフォン)画面のプレビュー
![Page 11: ZOMEKI Ver.3 機能解説 固定ページ編 · ZOMEKI Ver.3 機能解説 固定ページ編 2017年12月20日 第1版 サイトブリッジ株式会社](https://reader033.vdocuments.mx/reader033/viewer/2022041416/5e1b6d43b98f1929dd6682ff/html5/thumbnails/11.jpg)
親ディレクトリの設定
1.親ディレクトリの設定
固定ページを作成するディレクトリを設定する。初期値としてカレント
のディレクトリがセットされる。
ディレクトリの一覧は、ディレクトリ名ではなく、管理画面にて設定し
たタイトルの一覧が表示される。
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit
ディレクトリの一覧
![Page 12: ZOMEKI Ver.3 機能解説 固定ページ編 · ZOMEKI Ver.3 機能解説 固定ページ編 2017年12月20日 第1版 サイトブリッジ株式会社](https://reader033.vdocuments.mx/reader033/viewer/2022041416/5e1b6d43b98f1929dd6682ff/html5/thumbnails/12.jpg)
パンくずの設定
1.パンくずの設定
公開画面に表示するパンくずの親の階層を設定する。
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit
パンくずの一覧
2.パンくずの表示
公開画面にパンくずを表示するには、パンくずのピースをレイア
ウトに配置する。パンくずの初期設定は下記のような表示となる。
![Page 13: ZOMEKI Ver.3 機能解説 固定ページ編 · ZOMEKI Ver.3 機能解説 固定ページ編 2017年12月20日 第1版 サイトブリッジ株式会社](https://reader033.vdocuments.mx/reader033/viewer/2022041416/5e1b6d43b98f1929dd6682ff/html5/thumbnails/13.jpg)
タイトルの設定
1.タイトルの設定
公開画面のページのタイトルを設定する。初期値は「自由形式」と設定
されている。
2.公開画面での表示
公開画面のページタイトルは、タイトル欄に設定したテキストの後ろに、
| サイト名 が付加される。
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit
公開画面でのページタイトルの表示
![Page 14: ZOMEKI Ver.3 機能解説 固定ページ編 · ZOMEKI Ver.3 機能解説 固定ページ編 2017年12月20日 第1版 サイトブリッジ株式会社](https://reader033.vdocuments.mx/reader033/viewer/2022041416/5e1b6d43b98f1929dd6682ff/html5/thumbnails/14.jpg)
サイトマップの設定
1.サイトマップの設定
作成した固定ページをサイトマップに表示するかどうかを設定する。
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit
2.サイトマップでの表示
サイトマップでの表示順は、管理画面のディレ
クトリ画面と並び順と同じ順番となる。
サイトマップでの表示
管理画面ディレクトリでの表示
![Page 15: ZOMEKI Ver.3 機能解説 固定ページ編 · ZOMEKI Ver.3 機能解説 固定ページ編 2017年12月20日 第1版 サイトブリッジ株式会社](https://reader033.vdocuments.mx/reader033/viewer/2022041416/5e1b6d43b98f1929dd6682ff/html5/thumbnails/15.jpg)
並び順の設定
1.並び順の設定
管理画面のディレクトリ画面での表示順を設定する。
ディレクトリが先に並び、ページはその後ろに並び順が小さい順に
並ぶ。
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit
ディレクトリ画面
![Page 16: ZOMEKI Ver.3 機能解説 固定ページ編 · ZOMEKI Ver.3 機能解説 固定ページ編 2017年12月20日 第1版 サイトブリッジ株式会社](https://reader033.vdocuments.mx/reader033/viewer/2022041416/5e1b6d43b98f1929dd6682ff/html5/thumbnails/16.jpg)
本文の入力
1.本文の入力
固定ページに本文の内容を表示する場合は、本文の入力欄にテキストを入
力する。
2.レイアウトの設定
レイアウトでは[[content]]が本文のテキストを意味する。レイアウトに
このタグが記載されていないと、本文のテキストが表示されない。
3.WYSIWYGエディタ
WYSIWYGのエディタとして、CKEditorを組み込んでいる。
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit
![Page 17: ZOMEKI Ver.3 機能解説 固定ページ編 · ZOMEKI Ver.3 機能解説 固定ページ編 2017年12月20日 第1版 サイトブリッジ株式会社](https://reader033.vdocuments.mx/reader033/viewer/2022041416/5e1b6d43b98f1929dd6682ff/html5/thumbnails/17.jpg)
ファイルの添付または貼付の設定
1.ファイルの貼付または添付
ページにファイルを貼付または添付する場合は、ファイルの右の開く▼
をクリックして、ファイルUIを表示する。
ファイルUIでは、データ-ファイルメニューに登録されているファイル、
または新規にアップロードしたファイルを貼付または添付が行える。
2.ファイルUIの初期表示
ファイルUIの初期表示では、ファイルを作成したコンセプトに登録され
ているデータメニューのファイル一覧となっている。
3.ファイルの貼付または添付
ファイルを貼り付けるには、ファイル名欄の画像貼付をクリックすると、
記事内容のカーソルの位置に画像が貼り付く。
ファイルを添付するには、挿入欄の挿入をクリックすると、記事内容の
カーソルの位置に、次のようなファイルへのリンクのタグが挿入される。
[[file/banner/bn-contact.gif]]
4.ファイルのアップロード
新しいファイルをアップロードして貼付または添付する場合は、[新規
作成]をクリックして、ファイルのアップロードUIに切り換える。
アップロードするファイルのコンセプト、フォルダ、保存ファイル名、
表示ファイル名、代替テキストを設定し、[登録する]をクリックする。
5.ファイルをURLで参照
ファイルをURLで直接参照する場合は、URL欄のファイルパスを貼り付
ける。
ファイルのタグを開いた初期画面
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit
![Page 18: ZOMEKI Ver.3 機能解説 固定ページ編 · ZOMEKI Ver.3 機能解説 固定ページ編 2017年12月20日 第1版 サイトブリッジ株式会社](https://reader033.vdocuments.mx/reader033/viewer/2022041416/5e1b6d43b98f1929dd6682ff/html5/thumbnails/18.jpg)
連絡先の設定
1.連絡先の表示設定
公開ページに連絡先を表示する場合、連絡先表示を表示に設定する。初期値
は非表示となっている。
2.連絡先として表示する情報
連絡先として、管理画面のグループの課情報の情報を表示する。
3.連絡先の変更
設計者および管理者の権限のユーザーは、連絡先一覧から連絡先を選択し変
更できる。作成者の権限のユーザーは、ログインしたユーザーの課の情報が表
示され変更できない。
4.連絡先の追加
[連絡先を追加する]をクリックすると、連絡先を追加して複数の連絡先を
設定することができる。追加した連絡先を削除することもできるが、初期値と
して設定されている連絡先は削除できない。
後から追加した連絡先が、公開画面では上に表示される。
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit
公開画面での連絡先の表示「秘書広報課」の設定
連絡先を追加
![Page 19: ZOMEKI Ver.3 機能解説 固定ページ編 · ZOMEKI Ver.3 機能解説 固定ページ編 2017年12月20日 第1版 サイトブリッジ株式会社](https://reader033.vdocuments.mx/reader033/viewer/2022041416/5e1b6d43b98f1929dd6682ff/html5/thumbnails/19.jpg)
携帯向け本文の入力
1.携帯向け本文の入力
フィーチャーフォン(ガラケー)からアクセスした場合に、フィーチャー
フォン向けの記事のタイトルと本文を表示する場合は、携帯向けの入力欄に記
事のタイトルと本文を登録する。
携帯向けの入力欄にテキストを入力しない場合、PC向けの内容を表示する。
2.タイトルと本文の設定
フィーチャーフォン向けの入力欄に、タイトルのみまたは本文のみを入力す
ると、それぞれテキストを入力した項目のみがフィーチャーフォン向けの画面
に反映する。テキストを入力していない項目は、PC向けのテキストを表示する。
3.ガラケーの判断
ユーザーエージェントを次のように判断してしている。
if ($http_user_agent ~* ^(DoCoMo|KDDI|Up¥.Browser|J-PHONE|vodafone|SoftBank))
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit
フィーチャーフォンの画面(ユーザーエージェントを変更しての表示)
![Page 20: ZOMEKI Ver.3 機能解説 固定ページ編 · ZOMEKI Ver.3 機能解説 固定ページ編 2017年12月20日 第1版 サイトブリッジ株式会社](https://reader033.vdocuments.mx/reader033/viewer/2022041416/5e1b6d43b98f1929dd6682ff/html5/thumbnails/20.jpg)
表示日時の設定
1.表示日時の設定
表示日時の初期値として、ページを作成した日時が設定される。
2.公開画面への表示
表示日時を公開画面に表示するには、次のタグを記事内容またはレイアウト
に記述する。なおこの仕様は将来削除する予定である。
{$publishedOn}
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit
![Page 21: ZOMEKI Ver.3 機能解説 固定ページ編 · ZOMEKI Ver.3 機能解説 固定ページ編 2017年12月20日 第1版 サイトブリッジ株式会社](https://reader033.vdocuments.mx/reader033/viewer/2022041416/5e1b6d43b98f1929dd6682ff/html5/thumbnails/21.jpg)
公開予約の設定
1.公開予約の設定
ページの公開開始および公開終了の日時を事前に指定することができる。
公開開始日時または公開終了日時のいずれかまたは両方に、処理を予約する
日時を設定する。
2.日時の入力支援UI
日時の入力は入力支援のUI(ユーザーインタフェース)を利用する。入力欄
をマウスでクリックすると、入力支援のUIが表示される。
3.公開開始予約は承認が必要
公開開始の予約を行うには[承認待ち]で保存する必要があります。[公開
保存]で保存すると、そのタイミングで固定ページが公開されます。
4.公開予約の処理結果
公開開始を予約して固定ページを公開した場合、公開開始の処理が完了する
と、詳細画面の公開日時の欄に、(処理済み)と表示される。
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit
(処理済み)の表示
![Page 22: ZOMEKI Ver.3 機能解説 固定ページ編 · ZOMEKI Ver.3 機能解説 固定ページ編 2017年12月20日 第1版 サイトブリッジ株式会社](https://reader033.vdocuments.mx/reader033/viewer/2022041416/5e1b6d43b98f1929dd6682ff/html5/thumbnails/22.jpg)
承認者の設定
1.承認者の設定
ページを[承認待ち]ボタンをクリックして公開するためには、承認者を設
定しておく必要がある。
2.承認者の一覧
ログインしているユーザーと同じグループのユーザーが承認者の一覧に表示
される。
3.承認者の選択
複数の承認者を設定でき、その場合はすべての承認者が承認を行った時点で、
承認が完了となる。承認者は最大5名まで選択できる。
4.記事ページとの違い
固定ページの承認は、記事ページのようにOR条件の選択や多段承認は行え
ない。
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit
保存時に承認者を設定しなかった場合のエラー表示
![Page 23: ZOMEKI Ver.3 機能解説 固定ページ編 · ZOMEKI Ver.3 機能解説 固定ページ編 2017年12月20日 第1版 サイトブリッジ株式会社](https://reader033.vdocuments.mx/reader033/viewer/2022041416/5e1b6d43b98f1929dd6682ff/html5/thumbnails/23.jpg)
作成者の設定
1.作成者の設定
管理者権限のユーザーでログインした場合、ページの作成者を設定すること
ができる。管理者権限以外のユーザーの場合は、作成者はログインしたユー
ザーとなり変更することはできない。
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit