1.「index.php」の作成

「index.html」の拡張子を変える。

＊＊＊＊＊

2.「index.php」の分割

ヘッダー部分を「header.php」
フッター部分を「footer.php」
サイドバー部分を「sideber.php」
それ以外の本文を「index.php」または「front-page.php」として保存。

＊＊＊＊＊

3.「header.php」の編集

◆インクルードタグの挿入
＜/head＞の直前に

<?php wp_head(); ?>

◆descriptionの書き換え
＜meta name=”description” content=”サイトの説明文”＞　↓

<meta content="<?php bloginfo('description'); ?>">

◆サイトタイトルの書き換え
＜title＞ページ名 | サイトのタイトル＜/title＞　↓

<title><?php wp_title('|', true, 'right'); ?><?php bloginfo('name'); ?></title>

◆CSSへのリンクの書き換え
＜link rel=”stylesheet” type=”text/css” href=”css/style.css”＞　↓

<link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>">

◆JavaScriptへのリンクの書き換え
＜script src=”js/smoothScroll.js” defer＞＜/script＞　↓　※deferはSEO対策

<script src="<?php bloginfo('template_url'); ?>/js/smoothScroll.js" defer></script>

◆ホームへのリンクの書き換え
＜a href=”index.html”＞　↓

<a href="<?php echo home_url(); ?>">

◆固定ページへのリンクの書き換え
＜a href=”#contact”＞お問い合わせ＜/a＞　↓　※スラッグのみでOK

<a href="/contact">お問い合わせ</a>

＊＊＊＊＊

4.「footer.php」の編集

◆インクルードタグの挿入
＜/body＞の直前に

<?php wp_footer(); ?>

◆コピーライトの書き換え
＆#169; ＜script type=”text/javascript”＞ShowNowYear();＜/script＞ サイトタイトル All Rights Reserved.　↓　※年を取得していたJSは不要になる

&copy; <?php echo date('Y'); ?> <?php bloginfo('name'); ?>. All rights reserved.

＊＊＊＊＊

5.「sideber.php」の編集

だいたい＜side＞とかのidでくくってる。
フェイスブックの小窓や、リンクバナーを貼ったりもする。
ウィジェットを使うなら、function.phpにコードを書いたうえで、以下のソース。

◆ウィジェット用のタグ

<div class="widget-area">
<ul>
<?php dynamic_sidebar( 'sidebar-1' ); ?>
</ul>
</div><!-- /.widget-area -->

＊＊＊＊＊

6.「index.php」の編集

「index.php」は、デフォルトページ。
とくに指定がない場合に使われるテンプレート。
シンプルに温存しておくと後々便利。

◆ヘッダーを呼び出すインクルードタグの挿入
最初の行に

<?php get_header(); ?>

◆フッターを呼び出すインクルードタグの挿入
最後の行に

<?php get_footer(); ?>

◆サイドバーを呼び出すインクルードタグの挿入
本文の横に

<?php get_sidebar(); ?>

◆記事のループを呼び出すタグの記述

	<?php 
		if (have_posts()) : // WordPress ループ
		while (have_posts()) : the_post(); // 繰り返し処理開始
	?>

		<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
		<h1><?php echo get_the_title(); ?></h1>
		<?php the_content(); ?>
		</div>

	<?php 
		endwhile; // 繰り返し処理終了
		else : // ここから記事が見つからなかった場合の処理 ?>
			<div class="post">
				<h2>記事はありません</h2>
				<p>お探しの記事は見つかりませんでした。</p>
			</div>

	<?php
	endif;
	?>

<!-- pager -->
	<?php
	if ( $wp_query -> max_num_pages > 1 ) : ?>
		<div class="navigation">
			<div class="alignleft"><?php next_posts_link('&laquo; PREV'); ?></div>
			<div class="alignright"><?php previous_posts_link('NEXT &raquo;'); ?></div>
		</div>
	<?php 
	endif;
	?>
<!-- /pager -->

＊＊＊＊＊

7.「front-page.php」の編集

コーポレートサイトは、ホームページが別格。
「front-page.php」として単独で作り込む。
専用の画像が使われ、サイドバーがないことが多い。

◆ヘッダーを呼び出すインクルードタグの挿入
最初の行に

<?php get_header(); ?>

◆フッターを呼び出すインクルードタグの挿入
最後の行に

<?php get_footer(); ?>

◆画像へのリンク
＜img src=”images/logo.png” alt=””＞　↓　

<img src="<?php bloginfo('template_url'); ?>/images/logo.png" alt="">

＊＊＊＊＊

8.「style.css」の編集

テーマとして選択できるようにするために、CSSファイルの上部（@charsetの直後）に記述。
テーマ選択画面用に「screenshot.png」もあると良い。

/*
Theme Name: テーマの名前
Description: テーマの説明
Author: 制作者
Version: 1.0
*/