テーマのファイル構成

HAIKシステムのテーマファイルは、/skin/hokukenstyle/内にあります。
標準テーマは haik_seed というフォルダです(1つのフォルダ=1つのテーマ)

haik_seedフォルダ内には、以下のファイルがあります。

ファイル重要度ファイルの種類利用内容
article.skin.php★☆☆
任意
レイアウト用ブログのトップページ(?Qblog)と、ブログの記事ページで利用されるテンプレート
このファイルがなければpukiwiki.skin.phpが利用されます
54行目に不要な</div>がある@v6
eyecatchが<div>に。
config.php★★☆
準必須
テーマオプション用HAIKテーマに関する様々な設定を定義するファイル。カスタマイズオプションの定義もこのファイルで行います。なお、このファイルがなければBootstrapを読み込まないので、main.cssに全てのデザイン定義を書く必要があります
custom.css.php★☆☆
任意
カスタム設定用このファイルに記述した内容はヘッダーに直接表示される。PHPで条件分岐でしたい時に便利。
挙動が不安定?なんか書き込むと<body>直下に挿入される@v6
fullpage.skin.php★☆☆
任意
レイアウト用フルページデザインのテンプレート
handline-img.png★☆☆
任意
画像背景として利用されている画像
landing.skin.php★☆☆
任意
レイアウト用ランディングページのテンプレート
main.css★★★
必須
デザイン定義デザインを定義するCSS。
nomenu.skin.php★☆☆
任意
レイアウト用サイドメニューなしのテンプレート
pukiwiki.skin.php★★★
必須
レイアウト用デフォルトで全てのページに適用されるテンプレート。eyecatchが<header>に
qblog_list_template.html★☆☆
任意
レイアウト用ブログの一覧リストを表示するプラグインで利用されるレイアウトで、#qblog_listと記述した時に表示されるレイアウトを定義
skin.js★☆☆
任意
カスタマイズ用テンプレートファイルに<script src="#{$style_path}skin.js"></script>と記述することで、★☆☆
任意のjavascriptを読み込む。haik_seedではfullpage.skin.phpのみで利用されている
theme_colors.json★☆☆
任意
テーマオプション用カスタマイズオプションウィンドウで、カラーの選択肢として表示される定義を記述。config.phpでpalette_colorを定義した場合は必須。
thumbnail.png★★★
必須
テーマ選択用テーマの設定画面で表示されるサムネイル画像。テーマを選択する際に、他のテーマと識別するために利用される。管理者のみに表示されるので、まぁ無くても良いといえば良い。
wide.skin.php★☆☆
任意
レイアウト用ワイドデザインのテンプレート