#author("2026-07-28T16:40:02+09:00;2026-07-28T13:59:05+09:00","default:inoue.ko","inoue.ko") #author("2026-07-28T16:56:47+09:00;2026-07-28T13:59:05+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 -ページにはスタンダートページとモジュラーページがあります。モジュラーページとは複数のモジュールを１ページに寄せ集めるもので、[[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.cs.kyusan-u.ac.jp/grav とりあえず使える状態になるまで 10分程度で完了です。 //***セットアップ事例 //-https://design.kyusan-u.ac.jp/grav //とりあえず使える状態になるまで 10分程度で完了です。 ~ ~