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とかか。
いったんテーマ作成・適用はおわり。