5分でできるレシピ。WordPressでオリジナルテーマを作成

1.theme内に/originalフォルダ作成。

2.既存テーマのソースをごっそりコピーして

3./original直下のstyle.cssを編集。冒頭のコメントを編集(テーマ名などのヘッダ情報的な)。

/*
Theme Name: Twenty Thirteen
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

 

4.自分で作ったソースで、index.phpを上書き。

5./original直下にscreenshot.jpgを設置

6.wp-admin管理画面に行って、このテーマを選択

7.css、imageなどの参照フォルダの頭に「<?php bloginfo('template_url'); ?>」を追記。

 

ーーー ここまでで、トップページを大体表示できるはず!!

 

8.index.phpから共通部分を切り出し。

 9.get_header()とget_footer()で呼び出すようにする

10.header.phpにwp_head()を追記。

11.<?php bloginfo('description'); ?>はh1とかか。

 

いったんテーマ作成・適用はおわり。