・保存先
wp-content\themes
の中に作成する。
・最小の構成
index.php
style.css
の2つのみ。
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を使う。
・基本的なループ
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<?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; ?> |
ページ判定の関数
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
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 |
パーツテンプレート呼び出し方
1 2 3 4 5 6 7 |
get_header() get_sidebar() get_footer() get_template_part(“xxx.php”) |
テンプレタグ
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
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() //抜粋 |