WordPress
カスタマイズ事例

WORDPRESS CUSTOMIZATION

デザインテーマを作る(初級)

WordPressのデザインは「テーマ」といういわゆるデザインのテンプレート集で構築されます。
たとえば、「100webテーマ」という名前のデザインテンプレートを作りたいとします。
そのディレクトリ名は任意ですが、たとえば「hundredweb」とします。

そしたら、まず hundredweb/style.css を作成し、冒頭に

/*
Theme Name: 100webテーマ
Author: Yoshihisa Tanno(著者名)
*/

と記述したうえで、wp-content/themesフォルダにこのhundredwebフォルダをまるごと突っ込んでください。
これだけでWordPressは「100webテーマ」を認識し管理画面に出してくれます。
そして”有効”にすればこの「100webテーマ」をデザインテンプレートとしたサイトを表示してくれます。
もちろんこれだけじゃ中身は空っぽですので
そしたら次は、hundredweb/page.php を用意しましょう。
page.phpの中には適当なhtmlを記述します。ついでに hundredweb/style.css にもそれに対応するcssを記述。
そして、WordPress管理画面で初期設定をします。
すると、空っぽだったサイトにpage.phpに書いたhtmlが表示されているはずです。
 
これがWordPressで自作デザインを実装する第一歩です。
 
中級編に続く。

【100ウェブ新着情報メルマガ】

WordPressカスタマイズ事例やウェブ制作ノウハウの新着情報、お役立ち情報を
リアルタイムにメルマガ配信!