ZOMEKI Ver.3 機能解説

固定ページ編

２０１７年１２月２０日
第１版
サイトブリッジ株式会社

コンテンツが生成するページと固定ページ
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/nodes

１．ZOMEKIで生成されるページの種類
ZOMEKIが生成するページには大きく分けて次の２つの種類がある。

・コンテンツが生成するページ
・ZOMEKIの標準機能で生成するページ（固定ページ）
２．コンテンツが生成するページ
記事コンテンツなど、各種のコンテンツはそれぞれ独自の形式のページを自動的に生成する機能がある。
例えば記事ページが増えるに従い、記事一覧のページを自動的に生成して、ページ送りで閲覧できるようにするのは、記事コンテンツの機能である。
３．ZOMEKI標準機能で生成するページ（固定ページ）
コンテンツではなく、ZOMEKIの標準機能で生成するページを固定ページと呼ぶ。コンテンツとは無関係であるため、コンテンツが全く存在しなくても、固定ページは作成することができる。
４．トップページは固定ページ
多種多様なコンテンツの出力を表示することから、トップページは固定
サンプルサイトのディレクトリ画面ページで作成し、各種の情報をそれぞれのコンテンツのピースを配置して表示する。
またコンテンツはその出力を行うディレクトリを設定するが、ドキュメントルートのディレクトリを設定できない。このためトップページはコンテンツのページでは作成できない。

固定ページの作成手順
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/nodes

２．新規作成画面

１．ディレクトリ画面

１．固定ページの新規作成
固定ページの新規作成は、ディレクトリおよびサイトマップページの作成画面と一部共通であるため、上記のように一度作成後に編集を行う。
２．新規作成画面は共通
新規作成画面は、次の３つのオブジェクトの作成で共通となっている。
このためこの画面では固定ページ独自の情報を登録しない。
＜アイテム種別の一覧＞
ディレクトリページ/自由形式
ページ/サイトマップ←固定ページを作成する場合はこれを選択する。

３．詳細画面

４．編集画面固定ページの新規作成
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/nodes/new

１．固定ページの新規作成
固定ページを作成するには、管理画面［ディレクトリ］-［ディレクトリ］を開く。［新規作成］をクリックし固定ページの作成する画面を開く。
［アイテム種別］として［ページ/自由形式］を選択して、［登録する］をクリックする。 ［ページ/自由形式］が固定ページであることを意味する。
２．固定ページを作成するディレクトリ
固定ページを作成するディレクトリは、［親ディレクトリ］で指定する。

［親ディレクトリ］の一覧には、サーバーの物理ディレクトリ名ではな
く、タイトルが表示される。
ディレクトリ一覧画面にて、固定ページを作成するディレクトリをクリックしてカレントディレクトリとし、［新規作成］をクリックすると［親ディレクトリ］にカレントディレクトリが設定される。
３．固定ページのファイル名［新規作成］の画面はディレクトリやサイトマップを作成する機能と共用であるため、固定ページのファイル名を入力する欄がない。
ディレクトリの新規作成画面［登録する］をクリックして一度保存したあと、編集を行いファイル名を入力する。ファイル名を入力するまでファイル名は空白となっている。

固定ページの詳細画面
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/60

１．固定ページの詳細画面［登録する］をクリックすると、固定ページのデータが生成され、固定ページの詳細画面が表示される。
ファイル名は空白となっており、ページは存在せず、HTMLファイルは生成されていない。
２．［ディレクトリ］画面での表示［ディレクトリ］画面では下の画面のようにファイル名が空白で、ページのデータが表示される。
並び順を指定しなかった場合、一覧の最後に表示される。
３．固定ページの編集
固定ページの［詳細画面］にて、［編集］をクリックして、固定ページの内容を編集する。

ディレクトリ画面

途中省略

固定ページの登録画面

ファイル名の設定
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit

１．固定ページの編集画面
固定ページの詳細画面で、［編集］をクリックすると、固定ページの編集画面となる。
２．ファイル名の設定、本文の入力
初期設定のファイル名として、index.htmlが設定されている。
ファイル名を設定すると、ページが生成される。
ページに表示する内容を［本文］に入力する。

ファイル名と本文を設定すると、作成した固定ページの動作を確認できる。

固定ページ作成後の詳細画面
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/nodes

１．固定ページの公開URL
ファイル名を設定して、［公開保存］をクリックすると、編集後の詳細画面が表示される。
詳細画面には固定ページの公開画面のURLが表示される。

固定ページを作成後の詳細画面

固定ページの公開画面
http://demo.zomekiv3.zomeki.jp/newpage.html

１．固定ページの生成
ファイル名をnewpage.htmlとし、［本文］に「新しい固定ページです。」と入力して、［公開保存］をクリックすると、公開画面として左の固定ページの公開画面ページが生成される。
２．固定ページの公開画面
レイアウトが設定されていない場合は、公開画面には［本文］に入力し<!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-cms.zomekiv3.zomeki.jp/_system/cms/c1/1/node_pages/61

１．固定ページのファイル名の重複チェック
作成するファイル名と同じ名前のファイル名の固定ページが、同じディレクトリに存在する場合は、エラーが表示されページが作成されない。

固定ページの編集画面でのエラー表示

ディレクトリ画面での公開中固定ページの表示
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/nodes

２．PC、スマホ、携帯でのプレビュー表示
それぞれのプレビュー画面は次のようになる。

PC画面のプレビュー

スマートフォン画面のプレビュー

携帯（フィーチャーフォン）画面のプレビュー
１．公開中の固定ページの一覧画面での表示
固定ページを公開すると、状態が［非公開］から［公開中］に変わる。

親ディレクトリの設定
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit

１．親ディレクトリの設定
固定ページを作成するディレクトリを設定する。初期値としてカレントのディレクトリがセットされる。
ディレクトリの一覧は、ディレクトリ名ではなく、管理画面にて設定したタイトルの一覧が表示される。

ディレクトリの一覧

パンくずの設定
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit

１．パンくずの設定
公開画面に表示するパンくずの親の階層を設定する。

２．パンくずの表示
公開画面にパンくずを表示するには、パンくずのピースをレイアウトに配置する。パンくずの初期設定は下記のような表示となる。

パンくずの一覧

タイトルの設定
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit

１．タイトルの設定
公開画面のページのタイトルを設定する。初期値は「自由形式」と設定されている。
２．公開画面での表示
公開画面のページタイトルは、タイトル欄に設定したテキストの後ろに、｜ サイト名 が付加される。

公開画面でのページタイトルの表示サイトマップの設定
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit

１．サイトマップの設定作成した固定ページをサイトマップに表示するかどうかを設定する。

サイトマップでの表示

２．サイトマップでの表示
サイトマップでの表示順は、管理画面のディレクトリ画面と並び順と同じ順番となる。

管理画面ディレクトリでの表示

並び順の設定
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit

ディレクトリ画面

１．並び順の設定

管理画面のディレクトリ画面での表示順を設定する。
ディレクトリが先に並び、ページはその後ろに並び順が小さい順に並ぶ。

本文の入力http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit

１．本文の入力
固定ページに本文の内容を表示する場合は、本文の入力欄にテキストを入力する。
２．レイアウトの設定
レイアウトでは[[content]]が本文のテキストを意味する。レイアウトにこのタグが記載されていないと、本文のテキストが表示されない。
３．WYSIWYGエディタ
WYSIWYGのエディタとして、CKEditorを組み込んでいる。

ファイルの添付または貼付の設定
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit

ファイルのタグを開いた初期画面

１．ファイルの貼付または添付ページにファイルを貼付または添付する場合は、ファイルの右の開く▼
をクリックして、ファイルUIを表示する。
ファイルUIでは、データ-ファイルメニューに登録されているファイル、または新規にアップロードしたファイルを貼付または添付が行える。

２．ファイルUIの初期表示
ファイルUIの初期表示では、ファイルを作成したコンセプトに登録されているデータメニューのファイル一覧となっている。
３．ファイルの貼付または添付ファイルを貼り付けるには、ファイル名欄の画像貼付をクリックすると、記事内容のカーソルの位置に画像が貼り付く。
ファイルを添付するには、挿入欄の挿入をクリックすると、記事内容のカーソルの位置に、次のようなファイルへのリンクのタグが挿入される。
[[file/banner/bn-contact.gif]]
４．ファイルのアップロード
新しいファイルをアップロードして貼付または添付する場合は、［新規作成］をクリックして、ファイルのアップロードUIに切り換える。
アップロードするファイルのコンセプト、フォルダ、保存ファイル名、表示ファイル名、代替テキストを設定し、［登録する］をクリックする。
５．ファイルをURLで参照
ファイルをURLで直接参照する場合は、URL欄のファイルパスを貼り付ける。

連絡先の設定
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit

１．連絡先の表示設定
公開ページに連絡先を表示する場合、連絡先表示を表示に設定する。初期値は非表示となっている。
２．連絡先として表示する情報
公開画面での連絡先の表示

連絡先として、管理画面のグループの課情報の情報を表示する。
「秘書広報課」の設定

３．連絡先の変更
設計者および管理者の権限のユーザーは、連絡先一覧から連絡先を選択し変更できる。作成者の権限のユーザーは、ログインしたユーザーの課の情報が表示され変更できない。
連絡先を追加４．連絡先の追加［連絡先を追加する］をクリックすると、連絡先を追加して複数の連絡先を設定することができる。追加した連絡先を削除することもできるが、初期値として設定されている連絡先は削除できない。
後から追加した連絡先が、公開画面では上に表示される。

携帯向け本文の入力
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit

１．携帯向け本文の入力
フィーチャーフォン（ガラケー）からアクセスした場合に、フィーチャーフォン向けの記事のタイトルと本文を表示する場合は、携帯向けの入力欄に記事のタイトルと本文を登録する。
携帯向けの入力欄にテキストを入力しない場合、PC向けの内容を表示する。
２．タイトルと本文の設定
フィーチャーフォン向けの入力欄に、タイトルのみまたは本文のみを入力すフィーチャーフォンの画面（ユーザーエージェントを変更しての表示）

ると、それぞれテキストを入力した項目のみがフィーチャーフォン向けの画面に反映する。テキストを入力していない項目は、PC向けのテキストを表示する。
３．ガラケーの判断
ユーザーエージェントを次のように判断してしている。
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

１．表示日時の設定
表示日時の初期値として、ページを作成した日時が設定される。
２．公開画面への表示
表示日時を公開画面に表示するには、次のタグを記事内容またはレイアウトに記述する。なおこの仕様は将来削除する予定である。
{$publishedOn}

公開予約の設定
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit

１．公開予約の設定
ページの公開開始および公開終了の日時を事前に指定することができる。
公開開始日時または公開終了日時のいずれかまたは両方に、処理を予約する日時を設定する。
２．日時の入力支援UI
日時の入力は入力支援のUI（ユーザーインタフェース）を利用する。入力欄をマウスでクリックすると、入力支援のUIが表示される。
３．公開開始予約は承認が必要

公開開始の予約を行うには［承認待ち］で保存する必要があります。［公開保存］で保存すると、そのタイミングで固定ページが公開されます。
（処理済み）の表示

４．公開予約の処理結果
公開開始を予約して固定ページを公開した場合、公開開始の処理が完了すると、詳細画面の公開日時の欄に、（処理済み）と表示される。

承認者の設定
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit

１．承認者の設定ページを［承認待ち］ボタンをクリックして公開するためには、承認者を設定しておく必要がある。
２．承認者の一覧
ログインしているユーザーと同じグループのユーザーが承認者の一覧に表示
保存時に承認者を設定しなかった場合のエラー表示される。
３．承認者の選択
複数の承認者を設定でき、その場合はすべての承認者が承認を行った時点で、承認が完了となる。承認者は最大５名まで選択できる。
４．記事ページとの違い
固定ページの承認は、記事ページのようにOR条件の選択や多段承認は行えない。

作成者の設定
http://demo-cms.zomekiv3.zomeki.jp/_system/cms/c1/0/node_pages/59/edit

１．作成者の設定
管理者権限のユーザーでログインした場合、ページの作成者を設定することができる。管理者権限以外のユーザーの場合は、作成者はログインしたユーザーとなり変更することはできない。