dokuwikiにオリジナルcssを追加する方法

製作 プログラム

最終更新日:2019/10/07

ラムネグから一言:無料アプリを3つ作りました。記事下部にリンクがあるので見てみてくださいね。さっそくみてみる

dokuwikiにオリジナルcssを追加してデザインをちょちょっとカスタマイズする方法を紹介します。

①style.iniを編集

style.iniというファイルを編集します。

このstyle.iniにはどんなcssを読み込むのかが一覧でずらーっと書かれています。つまりここに自分のcssの名前を追加すれば読み込まれるってわけ。

style.iniの場所は、

dokuwiki/lib/tpl/dokuwiki/style.ini

dokuwiki/lib/tpl/bootstrap3/style.ini

みたいな場所。使っているテンプレートによって変わってきて、初期デザインのまま使っているなら上、bootstrap3というテンプレートデザインを使っているなら下といった感じです。

style.iniを開いて編集。けっこうずらずら書かれてますがこの中のどこでもいいので、

css/〇〇.css = screen

を追加。末尾の「screen」はウェブサイトを表示したとき用のcssだよっていう宣言です。おまじないだと思ってもらってOK。

〇〇.cssを「conf/」下に配置

次にオリジナルcssをconf/下に置きます。

これだけで自分のcssが有効になります。

まとめ

ここではdokuwikiのデザインを自分好みにカスタマイズする際に必須のオリジナルcssの設置方法について紹介しました。

style.iniを編集する必要があるポイント、それからconf下にcssを設置するっていうポイントの2点がキモ。

慣れないうちはホントにこんなんでcss有効になるの?って半信半疑かもしれませんがコレで大丈夫。参考に作業してみてくださいね。

【どどん!】ラムネグではただいまアプリを絶賛提供中!さあ、選べる3つの無料アプリ!あなたはどれにする?

【わたガチャ】

あなただけのガチャを作ろう♪

すたーと!

【みんガチャ】

みんなで一つのガチャを作りあげよう♪

すたーと!

【litty-リティ】

秘密のメッセージをフォロワーさんに送っちゃおう!

すたーと!