WordPress テーマ作成メモ

・保存先
wp-content\themes
の中に作成する。

・最小の構成
index.php
style.css
の２つのみ。

style.cssには最低限
/* Theme Name : テストテーマ */
が必要。

Theme Name以外にも、
Theme URL
Description
Version
など記述できる。

・サムネイル

880x660pxで、
screenshot.png
という画像をThemesフォルダに入れる。

・フック

functions.phpに書くことが多い。

apply_filters()
add_filter()
do-action()
add_action()

・wp_head(), wp_footer()

</head>タグの上に、
<?php wp_head(); ?>

</body>タグの上に、
<?php wp_footer(); ?>

・jQueryについて

WordPress標準のjQueryを呼び出す場合、$は使わずjQueryと置き換える。

・index.phpの分割

get_header()
を使うと、
header.php
を呼び出す。

get_footer()
を使うと、
footer.php
を呼び出す。

get_sidebar()
を使うと、
sidebar.php
を呼び出す。

・テンプレートの種類

home.php
front-page.php
トップページ

archive.php
アーカイブページ

category.php
カテゴリページ

tag.php
タグページ

date.php
投稿日ページ

search.php
検索結果ページ

single.php
投稿ページ

page.php
固定ページ

404.php
404ページ

該当するテンプレートがない場合index.phpを使う。

・基本的なループ

<?php
query_posts('posts_per_page=10');
 
if(have_posts()):
	while(have_posts()):
		the_post();
		echo "<h1>";
		the_time('Y-m-d');
		echo "<a href='";
		the_permalink();
		echo "'>";
		the_title();
		echo "</a></h1>";
		echo "<br>";
		echo "<section>";
		the_content();
		echo "</section>";
	endwhile;
endif;
?>

<?php

query_posts('posts_per_page=10');

if(have_posts()):

while(have_posts()):

the_post();

echo "<h1>";

the_time('Y-m-d');

echo "<a href='";

the_permalink();

echo "'>";

the_title();

echo "</a></h1>";

echo "<br>";

echo "<section>";

the_content();

echo "</section>";

endwhile;

endif;

ページ判定の関数

is_home() //トップページ

is_category(),is_archive() //カテゴリ別アーカイブ

is_tag(),is_archive() //タグ別アーカイブ

is_date(),is_archive() //投稿日別アーカイブ 

is_month(),is_date(),is_archive()//月別アーカイブ

is_year(),is_date(),is_archive() //年別アーカイブ

is_search() //検索結果

is_single() //投稿

is_page() //固定

is_404() //404

is_home() //トップページ

is_category(),is_archive() //カテゴリ別アーカイブ

is_tag(),is_archive() //タグ別アーカイブ

is_date(),is_archive() //投稿日別アーカイブ

is_month(),is_date(),is_archive()//月別アーカイブ

is_year(),is_date(),is_archive() //年別アーカイブ

is_search() //検索結果

is_single() //投稿

is_page() //固定

is_404() //404

パーツテンプレート呼び出し方

get_header()

get_sidebar()

get_footer()

get_template_part(“xxx.php”)

get_header()

get_sidebar()

get_footer()

get_template_part(“xxx.php”)

テンプレタグ

bloginfo(“name”)　//サイトタイトル

bloginfo(“description”)　//キャッチフレーズ

home_url()　//トップページのURL

wp_title()　//現在のページタイトル

get_template_directory_uri()　//テンプレートファイルのディレクトリ

get_stylesheet_uri()　//テーマで使われているCSS

//以下はループの中で利用する。

the_title()　//投稿のタイトル

the_permalink()　//パーマリンク

has_post_thumbnail() //投稿にアイキャッチがあるか

the_post_thumbnail()　//アイキャッチのimgタグ

the_category()　//属するカテゴリ

the_time()　//投稿日時

the_content()　//本文

the_excerpt() //抜粋

bloginfo(“name”)　//サイトタイトル

bloginfo(“description”)　//キャッチフレーズ

home_url()　//トップページのURL

wp_title()　//現在のページタイトル

get_template_directory_uri()　//テンプレートファイルのディレクトリ

get_stylesheet_uri()　//テーマで使われているCSS

//以下はループの中で利用する。

the_title()　//投稿のタイトル

the_permalink()　//パーマリンク

has_post_thumbnail() //投稿にアイキャッチがあるか

the_post_thumbnail()　//アイキャッチのimgタグ

the_category()　//属するカテゴリ

the_time()　//投稿日時

the_content()　//本文

the_excerpt() //抜粋