タイトルを画像にしたい

　　　　　　　　　pukiwiki設置覚書 †

1. pukiwikiを設置して、ＷＥＢを運営したい
2. pukiwiki1.5.2をダウンロードしたい
   7

　　　　　　　　　設置・改変例 †

• オリジナル　→
• adminパス　→

　　　　　その他の覚書 †

• 一部のページだけレイアウトを変更したい
• wikiの幅を変更したい

タイトルを画像にしたい

ページのアクセントとして、または、関連ページごとにタイトルの表示に画像を使用して、装飾したい。

スタイルシートをページに書き込む

変更したいページに、cssを書き込む。

#html{{
<style type="text/css">
<!--
h2 {　　　　　　　　　　　　　　　　　　　　　　←大タイトル
background-image: url("./image/big.png");　　←画像のURL
background-size: cover; 　　　　　　　　　　　←画像を指定要素に合うよう調整
}
h3 { 　　　　　　　　　　　　　　　　　　　　　　←中タイトル
background-image: url("./image/middle.png");　←画像のURL
background-size: 90%;　　　　　　　　　　　　　←画像のサイズ指定
background-repeat: no-repeat; 　　　　　　　　←背景の繰り返しなし
}
h4 { 　　　　　　　　　　　　　　　　　　　　　　←小タイトル
background-image: url("./image/small.png"); 　←画像のURL
background-size: 65%;　　　　　　　　　　　　　←画像のサイズ指定
background-repeat: no-repeat; 　　　　　　　　←背景の繰り返しなし
}
-->
</style>
}}

pukiwiki.cssを修正する

pukiwiki.cssのh2,h3,h4の箇所に、上記同様の設定を追加する。
※　wuki全体に反映されるので、クラス設定をする等、工夫が必要。