幸いなことに、既に構築しているサービスと連携させることができました。
それを更に発展させます。
概要
BookStackにあるヘッダーを用いて以下を行います。
- フォント変更
- Matomoトラッキングシステムの追加
設定方法
BookStackに管理者権限でログインします。
フォント変更
設定>カスタマイズ>カスタムheadタグに進みます。
以下のコードを入れます。
- フォントは適宜、指定してください。
- 著作権などの問題から、フリーのフォントを強く推奨します。
<style>
body {
--font-body: 'TakaoPGothic', Regular;
--font-heading: 'TakaoPGothic', sans-serif;
--font-code: 'TakaoPGothic', monospace;
}
</style>
Matomoトラッキングシステムのコード追加
※この操作は、別にMatomoトラッキングシステムを運用していることが前提です。※
上記の</stile>
に続けて、以下のようなコードを入れます。
<!-- Matomo -->
<script>
<!-- Matomoシステムで提示されたトラッキングコードを貼り付け -->
</script>
<!-- End Matomo Code -->
設定後の確認
以下を確認します。
- BookStackでの表示が指定したフォントであること。
- Matomoトラッキングシステムで、サイトの閲覧記録を見ることができること。
これからの課題
日本語フォントは表示されましたが、PDFがうまくエクスポートできません。(htmlやMarkdown形式のエクスポートは可能)
これを修正しつつ、コンテンツを増やしていきます。