改造方法
改造方法
WordpressのCSSをQHMに適合させる方法
考え方
なるべく、お手軽にスタイルを適合させたい。できれば、phpは修正したくない。
WordpressとQHMの違いは何か?
QHM | Wordpress | |
---|---|---|
用途 | ホームページ作成 | ブログ用 |
構成 | 6パートのみ | 6~7パートが主 |
CSS | main.css | 独自(style.css) |
テンプレート | pukiwiki.skin.php | sidebar.php, header.php, footer.phpなどを改造 |
Wordpressテンプレートの見つけ方
- なるべく、6パートのものを選ぶ。
方法1.CSSをWP AdapterでQHM用に変換
- WordpressのPHPソースを修正して、無理やりQHMに合わせる
- CSSは、Wordpressのものをほぼそのまま使用する
- QHMのデザイン変更は、/skin/wordpress/ 配下にWordpress用のPHP, CSS, imageなどのファイルをコピーする
この方法は北研が作成したWordpressのテンプレートをQHMのスタイルにあわせるWP Adapterを利用します。
◆メリット:
- PHPのソースが理解できる人はいろんな形に改造できる。
- WordpressのCSSはほぼそのまま利用できる。
◆デメリット:
- PHPのソースが理解できないと改造できない。
- CSSもある程度理解していないと改造は厳しい。
- ブログ用なので、適合しないところも多数ある。
方法2.QHMのCSSをWordpressのCSSに入れ替える
- WordpressのPHPソースは修正しないで、CSSだけを使用する。
- CSSは、QHMのものに適合するように改造する
- pukiwiki.skin.phpも改造する。
- QHMのデザイン変更は、/skin/hokukenstyle/ 配下にWordpressののCSSをQHM用に改造したCSSファイル(main.css)とimageファイルとpukiwiki.skin.phpをコピーする。
以下のサイトで配布しているテンプレートはこの方法です。- QHM Temps http://qhmtemps.com/
◆メリット:
- PHPのソースが理解できなくても改造できる。
- QHMのスタイルをそのまま利用するのでSEO上都合がよい
◆デメリット:
- CSSが理解できないと改造できない。
結論
自分にあっている好きな方法で改造するのがベストですが、強いてあげると方法2の
CSSだけを適合させる方法が問題が少ないような気がします。