直感的な編集管理

ブロックを並べるようにしてコンテンツを配置できます。 プレビュー画面では編集したい箇所をクリックすることで、編集フォーム部品を直接選択することができます。

直感的なページ選択

管理画面にログインしていると、公開サイト側で現在表示しているページの編集画面に直接移動できます。

テンプレート編集

サイトテーマのテンプレートエンジンには Twig を採用しています。

直感的な操作と効率的な入力

現行のMicroEngine CMSと同様に、コンテンツ編集画面では公開ページと同じ見た目のプレビューパネルが表示されます。 プレビューパネルで編集したい箇所をクリックすると、入力部品が並ぶフォームパネルに切り替わり、クリック部分に該当する入力部品がフォーカスされます。
直感的に編集したい箇所を選ぶことも、フォーム上でコンテンツをまとめて効率的に入力することもできます。 プレビューパネルは、スマフォやタブレット・PCなどを想定したスクリーンサイズでプレビューすることができます。
プレビューパネル

ブロックを並べて自由にコンテンツを作れます

コンテンツ編集画面でさまざまなフィールド部品をブロック状に並べてページを作ることができます。
このCMSではコンテンツのほとんどをカスタムフィールドで構成します。 カスタムフィールドには、他のカスタムフィールドをブロック状に配置できるコンテナフィールドがあります。 そのコンテナフィールドを使うことでコンテンツをブロック状に配置できるようになります。
フォームパネル

さまざまなコンテンツタイプを用意できます

ページ・コレクション・モジュール・カレンダーというコンテンツのベースタイプがあります。 このベースタイプを元にして任意のカスタムフィールドやテンプレートを組み合わせた独自コンテンツタイプを持つことができます。

ページコンテンツ
カテゴリ(ディレクトリ)に所属してURLを持ちます。お知らせなどの記事ページや固定ページなどのコンテンツに対応します。
コレクションコンテンツ
1つのタイプで複数のレコードを持つことができます。製品リスト・店舗リスト・施設管理など、同じタイプのコンテンツを複数用意するときに利用できます。
モジュールコンテンツ
1タイプ1レコードのみのコンテンツです。複数ページで使いまわすHTML部品として活用できます。たとえば、バナー部品や共通ヘッダーに表示する内容を管理するという用途で使えます。
カレンダーコンテンツ
管理画面に用意された月カレンダービューでコンテンツを管理できます。イベント情報や営業日情報・月毎の献立表などに利用できます。
カレンダーコンテンツ管理画面

表計算ソフトからコピペできるテーブルコンテンツ

テーブルコンテンツという表形式でテキストを管理できるコンテンツがあります。 このコンテンツではTSV編集機能が用意されていて、たとえば祝祭日情報や店舗情報・教員情報・入札情報といった表計算ソフトで管理されているさまざまなコンテンツをコピペで登録することができます。
テーブルコンテンツにはリスト・ハッシュ・マトリックスという3つのベースタイプがあります。それぞれのベースタイプを元に、独自のタイプを用意できます。
マトリックステーブル編集画面

カスタマイズの幅が広がるクエリ機能

カスタムフィールドの値などの条件を設定することで、その条件に一致するコンテンツをデータベースから取り出すことができます。 特定のカテゴリや任意で定義したお知らせタイプ毎に一覧を作成するなど様々な用途で利用できます。
'store_list' => [
    'type' => 'store',
    'base_type' => 'collection',
    'join' => [
        'pref',
    ],
    'order' => 'pref.value',
    'extra_order' => [
        'display_order' => 'asc',
    ],
],

ページコンテンツのアクション

ページコンテンツにはアクション(アーカイブ・カレンダー・ページネーション・マッピング・検索)が用意されています。 このアクションを使うことで、定義したパス(URL)に一致するコンテンツを柔軟に表示することができます。
カレンダーアクション出力例

Twig テンプレート

テンプレートエンジンは Twig です。 公開サイトのテーマやカスタムフィールドの部品や管理画面など Twig で管理できます。 このCMSを活用するための独自の拡張も追加しています。
<div class="card">
  <div class="card-header" {{ field_data_id('title') }}>
    {{ field.title }}
  </div>
  <div class="card-body" {{ field_data_id('content') }}>
    <p class="card-text p-3">{{ field.content|nl2br }}</p>
  </div>
</div>

動作環境・主な利用ソフトウェア・仕様

プログラミング言語 PHP 7.0, 7.1, 7.2
※ 詳細はマニュアルの動作環境をご覧ください。
フレームワーク Slim Framework 3
テンプレートエンジン Twig
データベース MySQL 5.6, 5.7
データベースアクセス Eloquent (Laravel)
コンテンツの配信方式 動的配信