他の全ページの内容の後。テンプレートのソースファイル内で、tpl_includeFile('meta.html')のように記述している箇所が挿入フックです。フックされるコンテンツのファイル拡張子はHTMLですが、PHPも記述することができるので、動的なコンテンツにすることも可能です。フックされるコンテンツファイルの格納ディレクトリは、lib/tpl/dokuwiki(テンプレートと同一ディレクトリ)confとなっています。いずれかに上記ファイル名のファイルを配置すれば、テンプレート本体を修正することなくコンテンツを拡張できます。サイト全体幅の変更ここからは、DokuWikiデフォルトテンプレートの微調整です。デフォルトテンプレートのベースとなるフォントに関するスタイルは、lib/tpl/dokuwiki/css/basic.lessで、以下のように記述されています。100%;}ブラウザのデフォルトフォントサイズが16pxなので、それに対して87.5%に縮小した14pxがフォントサイズ。行の高さ(line-height)は1.4となっています。サイト全体幅とサイドバーの幅は、管理画面のテンプレートのスタイル設定でstyle.iniファイルを使用して設定できますが、デフォルトはそれぞれ75em、16emとなっています。サイドバーの幅はこのままでもいいんですが、サイト全体幅は最近のワイドモニターのサイズを考えると少し狭いです。モニターの解像度のシェア率を考えて、フルHD(1920×1080px)、フルワイドXGA(1366×768px)である程度画面幅いっぱいになるように、以下の設定を行いました。-サイト全体幅を90em(1260px)にしたので、コンテンツ部分の幅が広くなりました。続いて、ユーザースタイルのCSSファイル(conf/userall.css)を追加して、テンプレートのスタイルを調整します。DokuWikiのCSS(スタイルシート)カスタマイズ方法について解説します。DokuWikiは、ユーザーがスタイルを追加しやすい仕組みになっているので、デザインのカスタマイズは比較的簡単です。itlogs.net2020.02.12行間の調整まずは以下のスタイルを追加して、行間を少し広げて文章を読みやすくします。続いて、見出しにスタイルを設定してセクションの区切りをわかりやすくします。DokuWikiデフォルトテンプレートの見出し(h1~h6)は、文字の大きさしか変わらないので、読みにくいです。タイトルとなるh1とほとんど使用しないh5以降を除き、h2~h4を以下のようにスタイル追加しました。#eee;}最後に今回は、DokuWikiのデフォルトテンプレートのカスタマイズについて解説しました。DokuWikiは、ロゴの変更や挿入(組込)フックの仕組みが用意されているので、テンプレート本体を修正することなくコンテンツを拡張できて便利です。デフォルトテンプレートはシンプルな見た目なので、スタイルを追加して見やすくするのがおすすめですよ。DokuWikiのおすすめテンプレートとカスタマイズ方法については、こちらの記事にまとめています。DokuWikiの人気でおすすめのテンプレートとカスタマイズ方法についてまとめました。itlogs.net2020.02.14DokuWikiの使い方については、こちらの記事にまとめています。DokuWiki(ドクウィキ)の使い方をまとめました。同じPHPベースのMediaWiki・PukiWikiとの比較もしました。itlogs.net2020.02.01DokuWikiCSS\よかったらシェアしてね/Twitter0Facebook0はてブ1Pocket0LINEコピーえふめん大阪在住、30代。業務系SE・社内SEの仕事を通じて学んだこと、PCトラブルで困って調べたこと、手作業を効率化して改善したこと、WordPressのブログ運営などの記事を書いています。最新情報をお届けします。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。ホームDokuWikiえふめん大阪在住、30代。業務系SE・社内SEの仕事を通じて学んだこと、PCトラブルで困って調べたこと、手作業を効率化して改善したこと、WordPressのブログ運営などの記事を書いています。プロフィールプライバシーポリシーお問い合わせサイトマップ検索タイトルとURLをコピーしました。