改造方法

改造方法

WordpressのCSSをQHMに適合させる方法

考え方

なるべく、お手軽にスタイルを適合させたい。できれば、phpは修正したくない。

WordpressとQHMの違いは何か?

 QHMWordpress
用途ホームページ作成ブログ用
構成6パートのみ6~7パートが主
CSSmain.css独自(style.css)
テンプレートpukiwiki.skin.phpsidebar.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をコピーする。
    以下のサイトで配布しているテンプレートはこの方法です。

◆メリット:

  • PHPのソースが理解できなくても改造できる。
  • QHMのスタイルをそのまま利用するのでSEO上都合がよい

◆デメリット:

  • CSSが理解できないと改造できない。

結論

自分にあっている好きな方法で改造するのがベストですが、強いてあげると方法2の
CSSだけを適合させる方法が問題が少ないような気がします。