俺にはまだ二次元がある。

このサイトで紹介している Grav のインストール方法から管理パネルを使った基本的な設定・使い方、 テーマのカスタマイズ方法までを全5回で連載します。 Grav については以前の記事、 GravってどんなCMS？2015年度版。をお読みください。

1. Grav の FTP を使ったインストール方法
2. Grav の管理パネルを使った基本的な設定・使い方
3. Grav のデフォルトテーマ「Antimatter」の日本語化とカスタマイズ方法
4. Grav で使える Markdown 記法
5. Grav のテーマ編集でよく使う変数と Twig の解説

デモを見る

この連載で、 このようなブログ＋αがあるサイトを構築します。

第1回目は Grav の FTP を使ったインストール方法です。

なお、 これらの記事は一部 Grav learn (The MIT License © 2014 Grav) を基に翻訳・改変し、 使用しています。

Grav は記事が Markdown ファイルになっています。 Markdown ファイルは中身はただのテキストファイルなので、 エディタで正規表現を使った置換で一括編集できます。

何故、 一括編集が必要になったかというと、 このサイトでは External Links というプラグインを使っていました。 このプラグインは、 リンクが外部リンクだと自動で target="_blank" をつけ、 さらにリンクの横に小さなアイコンを追加してくれます。 しかし、 このプラグインの影響で上のナビゲーションバーの表示がおかしくなっていたようです。 なので、 このプラグインをやめて手動で target="_blank" をつけ、 アイコンをつける CSS を追加することにしました。

モーダルウィンドウが必要になったのですが、 いい感じのサンプルが見当たらなかったので作りました。 理想としては、

• 一時的にデータを保存できる（複数ページで使うため）
• プラグインを使わない

だったのですが、 Cookie を JQuery で扱うのはプラグインなしでは大変なので WebStorage を使ってみました。

デモを見る

デモのソースコードにライセンスがいるかわかりませんが、 CC0 ライセンスです。