LogoMark.png

Grav の変更点


#author("2021-01-22T22:36:33+09:00;2021-01-22T22:03:43+09:00","default:inoue.ko","inoue.ko")
#settableborder(none)

*Grav|&small(Open source flat-file CMS);
https://getgrav.org/
~

Grav(グラブ) は、オープンソースかつ Flat-File の [[CMS]]で、Symfony Webアプリケーションフレームワークをベースとして [[PHP]] で記述されています。

[[WordPress]] のように管理画面からサイトの設定やページの執筆を行うスタイルですが、データベースが不要な Flat-File システムで、サイトのバックアップもフォルダのコピーをとるだけ・・と非常に扱いやすいものになっています。最近では、WordPress か Grav か・・と議論されるほど話題になっています。

-2019年 Best Flat File CMS
-2016年 Best Open Source CMS

~

***ダウンロードとセットアップ
-''サーバ要件'':PHP 7.1.3 以上、FTP接続ができればOK
データベースを必要としない Flat-File CMS です。

-''ダウンロード'':https://getgrav.org/downloads
管理画面付きの ''Grav core + Admin plugin'' がおすすめ


-''セットアップ'': ダウンロードしたパッケージフォルダを置くだけです。

-セットアップ参考情報(日本語サイト)
--https://www.finddevguides.com/Grav-overview
--[[10分で理解するGrav>https://qiita.com/Chanmoro/items/46b496091082be45e44c]]
~


***特徴・使い方
#image(login.jpg,right,20%)
-管理は「ダッシュボード」から行います。
入り口アドレスは以下の形式。
 (サイトのURL)/admin
~

-ダッシュボードの参考イメージ
|22|2|22|2|28|2|22|c
|#image(dashboard.jpg)| |#image(edit.jpg)| |#image(menu.jpg)| |#image(settings.jpg)|
|入口ページ||ページの編集||メニュー構成||各種設定画面|
~

-ページは [[Markdown]] で記述する仕様ですが、ダッシュボードのエディタには入力サポートがあるので記法を知らない方でも簡単に記事の執筆が可能です。

-画像はページに Drag&Drop でアップロード可能です。

-新規ページの作成、削除など、あらゆる操作はダッシュボードのメニューから直感的にできるように設計されています。

~

***データ構造とページ構成
-サイトのメニュー構造は user/pages/ フォルダの中の番号付フォルダの構造が反映される前提です。各ページは md 形式のデータで格納されます。
 user/pages/
 │── 01.home
 │   └── home.md
 │── 02.about
 │   └── about.md
 └── 03.works
    │── 01.photo
    │   └── article.md
    └── 02.illust
          └── article.md

-ページにはスタンダートページとモジュラーページがあります。モジュラーページとは複数のモジュールを1ページに寄せ集めるもので、[[SinglePage]]デザイン風のページになります。
~

***カスタマイズについて
Grav のシステムは、[[Symfony>https://symfony.com/]]という Webアプリケーションフレームワークをベースに、PHPで記述されています。

-テーマのデザインは PHPのテンプレートエンジン Twig で記述されています。
例えば、default.md というページファイルは templates/ フォルダにある default.html.twig という Twig テンプレートで、同様に blog.mdというページファイルは blog.html.twig テンプレートでレンダリングされます。

-ダッシュボードのプラグインメニューから Editor プラグインをインストールすると、twig や css などサイトを構成する全ファイルをダッシュボード上で直接編集することができるようになります。 

~

***関連情報
-公式情報
--https://getgrav.org/features
--https://grav.b13.in/grav-learn

-参考情報
--[[Gravでつくるミニサイト>http://gravhp.com/]]
--[[Gravでトップ(モジュラー)ページを作ってみる>http://blazechariot.wp.xdomain.jp/grav%E3%81%A7%E3%83%88%E3%83%83%E3%83%97%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%A9%E3%83%BC%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E4%BD%9C%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%8B]]
~

***セットアップ事例
-https://design.kyusan-u.ac.jp/grav
とりあえず使える状態になるまで 10分程度で完了です。
~
~