WP サンプルテンプレート

WP サンプルテンプレート – Just another WordPress site

1. 【インクルードタグ】 特定のテンプレートファイルを呼び出します

<?php get_search_form(); ?> 検索フォームテンプレートのsearchform.phpを呼び出します

<?php comments_template(); ?> コメントフォームテンプレートのcomments.phpを呼び出します

<?php get_template_part(); ?> その他任意のテンプレートファイルを呼び出しま

2. 【出力タグ】 サイトの情報やメタデータ、URLなどを出力します

<?php wp_title(); ?> ページのタイトルを出力します

<?php wp_list_pages(); ?> 固定ページのリンク付きリストを出力します

<?php wp_list_categories(); ?> カテゴリーのリンク付きリストを出力します

<?php wp_tag_cloud(); ?> タグのリンク付きリスト(タグクラウド)を出力します

<?php wp_get_archives(); ?> アーカイブのリンク付きリストを出力します

<?php wp_nav_menu(); ?> ナビゲーションメニューを出力します

<?php wp_enqueue_script(); ?> 外部のjavascriptファイルを読み込み出力します

<?php the_widget(); ?> ウィジェットを出力します

<?php next_post_link(); ?> 次の記事へのリンクを出力します

<?php previous_post_link(); ?> 前の記事へのリンクを出力します

<?php bloginfo( 'name' ); ?> ワードプレス管理画面内で設定したサイトのタイトルを出力します

<?php bloginfo( 'description' ); ?> ワードプレス管理画面内で設定したキャッチフレーズを出力します

<?php bloginfo( 'admin_email' ); ?> ワードプレス管理画面内で設定したメールアドレスを出力します

<?php echo home_url(); ?> サイトのURLを出力します

<?php echo get_stylesheet_uri(); ?> ベースとなるスタイルシート(styles.css)のURLを出力します

<?php echo get_template_directory_uri(); ?> テーマのディレクトリにあたるURLを出力します

<?php echo get_stylesheet_directory_uri(); ?> スタイルシートディレクトリ、または子テーマのディレクトリにあたるURLを出力します

<?php the_post_thumbnail(); ?> サムネイル画像を出力します。

> body要素に個別のクラス名を与えます。

3. 【投稿ページタグ】 投稿に関する情報や内容などを出力します

<?php the_date(); ?> 記事が投稿された日時を出力します

<?php the_title(); ?> 記事のタイトルを出力します

<?php the_content(); ?> 記事の本文を出力します

<?php the_excerpt(); ?> 記事の抜粋を出力します

<?php the_permalink(); ?> 記事のURL(パーマリンク)を出力します

<?php the_category(); ?> 記事のカテゴリー(リンク付き)を出力します

<?php the_tags(); ?> 記事のタグを出力します

<?php the_author(); ?> 記事の投稿者を出力します

<?php the_ID(); ?> 記事のIDを出力します

<?php the_terms(); ?> カスタム分類(カスタムタクソノミー)を出力します

//ポストリンク
<div class="postLinks">
  <div class="postLink postLink-prev"><?php previous_post_link('<i class="fas fa-chevron-left"></i>%link'); ?></div>
  <div class="postLink postLink-next"><?php next_post_link('%link<i class="fas fa-chevron-right"></i>'); ?></div>
</div>

4. 【ループタグ】 投稿記事などを繰り返し(ループ)表示させます

<?php if(have_posts()): ?>
 <?php while(have_posts()): the_post(); ?>

 //ここにループする内容(ワードプレスでの記事)を記述します

 <?php endwhile; ?>
<?php endif; ?>

条件分岐ループ

<?php if(have_posts()): ?>
 <?php while(have_posts()): the_post(); ?>

 //ここにループする内容(ワードプレスでの記事)を記述します

 <?php endwhile; ?>
 <?php else: ?>

 //ここに記事が無い場合の内容を記述します

<?php endif; ?>

条件指定・変更ループ(query_posts) 

<?php query_posts( $args ); ?> //条件の変更内容を定義
<?php if(have_posts()): ?>
 <?php while(have_posts()): the_post(); ?>

 //ここにループする内容(ワードプレスでの記事)を記述します

 <?php endwhile; ?>
<?php endif; ?>
<?php wp_reset_query(); ?> //条件をリセットする

条件指定の例:

<?php

 //カテゴリー名と投稿記事の表示数をカッコ内に記述して指定
 query_posts( ‘category_name=カテゴリースラッグ&posts_per_page=10’ );

?>

カスタムループ(WP_Query) 

<?php $the_query = new WP_Query( $args ); ?> //条件を定義
 <?php if($the_query->have_posts()): ?>
 <?php while($the_query->have_posts()):$the_query->the_post(); ?>

 //ここにループする内容(ワードプレスでの記事)を記述します

 <?php endwhile; ?>
 <?php endif; ?>
<?php wp_reset_postdata(); ?> //条件をリセットする

条件指定の例:

<?php
 //引数($args)に数値を渡す
 $args = array (
 'cat' = カテゴリー名,
 'posts_per_page' => 10
 );

 //カテゴリー名と投稿記事の表示数を引数を使って指定
 $the_query = new WP_Query( $args ); ?>
````