【初心者必見】WordPressテンプレートタグ集｜仕事で使えるコピペ用

※情報古いのありますm(_ _)m

<strong>WordPressテンプレートタグ集</strong>！！！

<span class="red">「コピペして使ってね♪」</span>

これまで数多くWordPressでwebサイトを制作してきましたが、過去の実績で使ってきた<span class="yellow">テンプレートタグ</span>を、基本的なタグから<strong>便利なタグ</strong>まで幾つかピックアップ致します。

私自身が一番この記事を参考にする事でしょう（笑）

ブログカスタマイズのテーマ調整だけでなく、<span class="yellow">WordPressでホームページを作り込みたい人にもおすすめです！</span>

テンプレートタグの組み合わせ次第では、<span class="red">初心者の方でも比較的レベルの高いホームページを作れる</span>はずです！？

私自身がよく使う<span class="yellow">WordPressのマルチサイト化する時のテンプレートタグ</span>も記載しているので要チェックです！

<h2 class="titles2">インクルードタグ（テーマファイルへ挿入）</h2>
<h3 class="titles3">プラグイン動作用タグ（ヘッダー用：必須）</h3>
<pre class="codes">&lt;?php wp_head(); ?&gt;</pre>
<h3 class="titles3">プラグイン動作用タグ（フッター用：必須）</h3>
<pre class="codes">&lt;?php wp_footer(); ?&gt;</pre>
<h3 class="titles3">bodyへのclass設定対応</h3>
<pre class="codes">&lt;body &lt;?php body_class(); ?&gt;&gt;</pre>
<h3 class="titles3">ヘッダーテンプレート</h3>
<pre class="codes">&lt;?php get_header(); ?&gt;</pre>
<h3 class="titles3">サイドバーテンプレート</h3>
<pre class="codes">&lt;?php get_sidebar(); ?&gt;</pre>
<h3 class="titles3">フッターテンプレート</h3>
<pre class="codes">&lt;?php get_footer(); ?&gt;</pre>
<h3 class="titles3">コメントテンプレート</h3>
<pre class="codes">&lt;?php comments_template(); ?&gt;</pre>
<h3 class="titles3">検索フォームのテンプレート</h3>
<pre class="codes">&lt;?php get_search_form(); ?&gt;</pre>
<h3 class="titles3">任意のテンプレートファイル.phpの呼び出し（ファイル名を自由に決めれる）</h3>
<pre class="codes">&lt;?php include( TEMPLATEPATH . '/ファイル名自由.php' ); ?&gt;</pre>
<h3 class="titles3">外部のテーマファイルからテンプレートファイル.phpを呼び出し（インクルード）</h3>
<pre class="codes">&lt;?php include(get_theme_root() . '/テーマフォルダ名/***.php'); ?&gt;</pre>
<h3 class="titles3">スマートフォンとパソコンのコンテンツ表示の有無</h3>
<pre class="codes">&lt;?php if ( function_exists('wp_is_mobile') &amp;&amp; wp_is_mobile() ) :?&gt;
スマートフォン用コンテンツを配置。
&lt;?php else: ?&gt;
パソコン用コンテンツを配置。
&lt;?php endif; ?&gt;</pre>
<div id="02"></div>
<h2 class="titles2">WordPressの基本情報を出力</h2>
<h3 class="titles3">文字コードの指定</h3>
<pre class="codes">&lt;meta charset="&lt;?php bloginfo( 'charset' ); ?&gt;"&gt; /&gt;</pre>
<h3 class="titles3">ブログ名</h3>
<pre class="codes">&lt;?php bloginfo('name'); ?&gt;</pre>
<h3 class="titles3">&lt;title&gt;タグに設定するタグ（ページタイトルとサイトタイトルの間に区切り線挿入）</h3>
<pre class="codes">&lt;title&gt;&lt;?php wp_title('｜', true, 'right'); ?&gt;&lt;?php bloginfo('name'); ?&gt;&lt;/title&gt;</pre>
<h3 class="titles3">ブログのURL</h3>
<pre class="codes">&lt;?php echo home_url(); ?&gt;</pre>
<h3 class="titles3">CSS（スタイルシート）のURL</h3>
<pre class="codes">&lt;?php echo get_stylesheet_directory_uri(); ?&gt;</pre>
<h3 class="titles3">テーマテンプレートのURL</h3>
<pre class="codes">&lt;?php echo get_template_directory_uri(); ?&gt;</pre>
<h3 class="titles3">JavaScriptの読み込み時のURL（jQueryなどの利用時）</h3>
<pre class="codes">&lt;?php wp_enqueue_script( 'スクリプト名', get_template_directory_uri().'/js/スクリプト名.js', array('スクリプトの種類')); ?&gt;</pre>
<h3 class="titles3">ディスクリプション（説明）</h3>
<pre class="codes">&lt;?php bloginfo('description'); ?&gt;</pre>
<h3 class="titles3">RSSフィードのURL</h3>
<pre class="codes">&lt;?php bloginfo('rss2_url'); ?&gt;
&lt;?php bloginfo('atom_url'); ?&gt;</pre>
<h3 class="titles3">AtomフィードのURL</h3>
<pre class="codes">&lt;?php bloginfo('atom_url'); ?&gt;</pre>
<div id="03"></div>
<h2 class="titles2">index.phpページ以外をトップページで利用</h2>
<h3 class="titles3">index.phpページ以外をトップページにする場合の”任意.php”への設定表記（本文エリアの先頭に記載）</h3>
<pre class="codes">&lt;?php
/*
Template Name:メイン画面 ← 名前任意
*/ ?&gt;</pre>
<h3 class="titles3">カテゴリーごとに違うデザインの個別ページを表示</h3>
（カテゴリーIDが１の場合、single-info.phpを表示。それ以外は、single.phpを表示。）
<pre class="codes">&lt;?php
$post = $wp_query-&gt;post;
if ( in_category('1') ) {
include(TEMPLATEPATH . '/single-info.php');
}
?&gt;</pre>
<h3 class="titles3">ポータルサイトのトップページに配置する新着情報一覧に使う</h3>
<pre class="codes">&lt;?php query_posts('showposts=6'); ?&gt;
&lt;?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?&gt;
&lt;li&gt;&lt;a href="&lt;?php the_permalink(); ?&gt;"&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;
&lt;?php the_date('Y年m月d日（D） h:i:s'); ?&gt;&lt;/li&gt;
&lt;?php endwhile; endif; ?&gt;
&lt;?php wp_reset_query(); ?&gt;
</pre>
<h3 class="titles3">カテゴリーごとに新着エントリー表示（カテゴリー３の最新エントリー10件を表示）</h3>
<pre class="codes">&lt;ul class="qa1_list"&gt;
&lt;?php $myposts = get_posts('numberposts=10&amp;category=3'); foreach($myposts as $post) : ?&gt;
&lt;li&gt;&lt;?php echo get_the_date("Y年n月j日(D)"); ?&gt;　&lt;a href="&lt;?php the_permalink(); ?&gt;" id="post-&lt;?php the_ID(); ?&gt;"&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;&lt;/li&gt;
&lt;?php endforeach; ?&gt;
&lt;/ul&gt;</pre>
<h3 class="titles3">マルチサイト化した子ブログの記事を読み込む方法（子ブログID2の最新エントリーを6件を表示）</h3>
<pre class="codes">&lt;?php switch_to_blog(2) ?&gt;
&lt;?php global $post;
$myposts = get_posts('numberposts=6');
foreach($myposts as $post) :
setup_postdata($post); ?&gt;
&lt;li&gt;&lt;a href="&lt;?php the_permalink(); ?&gt;"&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;&lt;/li&gt;
&lt;?php endforeach; ?&gt;
&lt;?php restore_current_blog(); ?&gt;</pre>
<div id="04"></div>
<h2 class="titles2">投稿エリアでよく使うテンプレートタグ</h2>
<h3 class="titles3">記事のID（同じページ間での移動に使える）</h3>
<pre class="codes">&lt;?php the_ID(); ?&gt;</pre>
<h3 class="titles3">記事の日付</h3>
<pre class="codes">&lt;?php the_time('Y年m月d日（D）'); ?&gt;</pre>
<h3 class="titles3">記事の更新日</h3>
<pre class="codes">&lt;?php the_modified_date('Y年m月d日（D）'); ?&gt;</pre>
<h3 class="titles3">記事のタイトル</h3>
<pre class="codes">&lt;?php the_title(); ?&gt;</pre>
<h3 class="titles3">記事の本文</h3>
<pre class="codes">&lt;?php the_content(); ?&gt;</pre>
<h3 class="titles3">記事本文の文字を制限して表示（140文字で区切って語尾に...を表示）</h3>
<pre class="codes">&lt;?php echo mb_substr($post-&gt;post_content,0,140).'...'; ?&gt;
</pre>
<h3 class="titles3">記事のURL（パーマリンク）</h3>
<pre class="codes">&lt;?php echo get_permalink(); ?&gt;</pre>
<h3 class="titles3">記事の投稿者名</h3>
<pre class="codes">&lt;?php the_author(); ?&gt;</pre>
<h3 class="titles3">投稿記事タグのセット（CSS付き（任意））</h3>
<pre class="codes">&lt;div class="contents"&gt;
&lt;?php if (have_posts()) : ?&gt;
&lt;?php while (have_posts()) : the_post(); ?&gt;
&lt;div class="section"&gt;
&lt;div class="data"&gt;&lt;?php the_date(); ?&gt;&lt;/div&gt;
&lt;div class="title"&gt;&lt;?php the_title(); ?&gt;&lt;/div&gt;
&lt;?php the_content(); ?&gt;
&lt;/div&gt;&lt;!--section--&gt;
&lt;?php endwhile; ?&gt;
&lt;?php endif; ?&gt;
&lt;/div&gt;&lt;!--contents--&gt;</pre>
<h3 class="titles3">前の記事へ・次の記事へ</h3>
<pre class="codes">&lt;div class="previous"&gt;&lt;?php previous_post_link('%link', '« %title'); ?&gt;&lt;/div&gt;
&lt;div class="next"&gt;&lt;?php next_post_link('%link', '» %title'); ?&gt;&lt;/div&gt;</pre>
<h3 class="titles3">記事の並び替え（昇順・降順）</h3>
記事のループの前に下記を追記。
<pre class="codes">&lt;?php query_posts($query_string .'order=asc'); ?&gt; //昇順
&lt;?php query_posts($query_string .'order=desc'); ?&gt; //降順</pre>
<h3 class="titles3">カテゴリー名をリンク付きで表示（カテゴリーページへ遷移）</h3>
<pre class="codes">&lt;?php foreach((get_the_category()) as $cat) {
$cat_id = $cat-&gt;cat_ID ;
break ;
}
$category_link = get_category_link( $cat_id ); ?&gt;
&lt;a href="&lt;?php echo $category_link; ?&gt;" title="&lt;?php echo $cat-&gt;cat_name; ?&gt;"&gt;&lt;?php echo $cat-&gt;cat_name; ?&gt;&lt;/a&gt;</pre>
<h3 class="titles3">記事にinterview（任意）タグが設定されてある場合表示するif文</h3>
<pre class="codes">&lt;?php if(has_tag('interview')): ?&gt;
記事にinterviewタグが設定されてある場合表示する内容
&lt;?php else: ?&gt;
記事にinterviewタグが設定されて無い場合表示する内容
&lt;?php endif; ?&gt;</pre>
<div id="05"></div>
<h2 class="titles2">固定ページ（page.php）で使うテンプレート</h2>
<h3 class="titles3">自動で付く&lt;p&gt;タグを解除（柔軟にデザインできる）</h3>
<pre class="codes">&lt;?php the_post(); ?&gt;
&lt;?php remove_filter('the_content', 'wpautop');
the_content();
add_filter('the_content', 'wpautop'); ?&gt;</pre>
<h3 class="titles3">404ページを作らないで、トップページへリダイレクトさせる方法</h3>
テーマの404.phpに下記を挿入するだけ。
<pre class="codes">&lt;?php
header( "location: " . home_url() );
?&gt;</pre>
<div id="06"></div>
<h2 class="titles2">サイドバー（sidebar.php）でよく使うテンプレートタグ</h2>
<h3 class="titles3">エントリー一覧（最新の10件を表示）</h3>
<pre class="codes">&lt;ul class="entry"&gt;
&lt;?php wp_get_archives('type=postbypost&amp;limit=10'); ?&gt;
&lt;/ul&gt;</pre>
<h3 class="titles3">月別の一覧（リスト表示）</h3>
<pre class="codes">&lt;ul class="backnumber"&gt;
&lt;?php wp_get_archives('type=monthly'); ?&gt;
&lt;/ul&gt;</pre>
<h3 class="titles3">月別の一覧（プルダウンメニュー表示）</h3>
<pre class="codes">&lt;select name="archive-dropdown" onChange='document.location.href=this.options[this.selectedIndex].value;'&gt; 
&lt;option value=""&gt;&lt;?php echo attribute_escape(__('Select Month')); ?&gt;&lt;/option&gt; 
&lt;?php wp_get_archives('type=monthly&amp;format=option&amp;show_post_count=1'); ?&gt;
&lt;/select&gt;</pre>
<h3 class="titles3">カテゴリ一覧を表示</h3>
<pre class="codes">&lt;?php wp_list_categories('title_li='); ?&gt;</pre>
<h3 class="titles3">カテゴリー名</h3>
<pre class="codes">&lt;?php single_cat_title(); ?&gt;</pre>
<h3 class="titles3">カテゴリページへリンク（1がカテゴリーID。アンカーリンクタグ付）</h3>
<pre class="codes">&lt;ul class="t_qa"&gt;
&lt;li&gt;&lt;a href="&lt;?php echo get_category_link(1); ?&gt;#&lt;?php the_ID(); ?&gt;"&gt;&lt;?php the_title(); ?&gt;&lt;/li&gt;
&lt;/ul&gt;</pre>
<h3 class="titles3">外部RSSを呼び出して表示</h3>
<pre class="codes">&lt;?php
include_once(ABSPATH . WPINC . '/rss.php');
$rss = fetch_rss('https://example.com/feed/');
$maxitems = 4;
$items = array_slice($rss-&gt;items, 0, $maxitems);
?&gt;
&lt;ul class="blog"&gt;
&lt;?php if (empty($items)) echo '&lt;li&gt;No items&lt;/li&gt;';
else
foreach ( $items as $item ) : ?&gt;
&lt;li&gt;&lt;?php echo $up = date('Y年m月d日',strtotime($item[pubdate])); ?&gt;&lt;br /&gt;&lt;a href='&lt;?php echo $item['link']; ?&gt;'
title='&lt;?php echo $item['title']; ?&gt;'&gt;&lt;?php echo $item['title']; ?&gt;
&lt;/a&gt;&lt;/li&gt;
&lt;?php endforeach; ?&gt;
&lt;/ul&gt;</pre>
<h3 class="titles3">タグ一覧</h3>
<pre class="codes">&lt;?php echo get_the_tag_list(); ?&gt;</pre>
<h3 class="titles3">ウィジェットを利用する為の設定</h3>
１、functions.phpへ下記を挿入。
<pre class="codes">if ( function_exists('register_sidebar') )
    register_sidebar();</pre>
２、サイドバーなどの任意の位置に下記に挿入。
<pre class="codes">&lt;?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?&gt;
&lt;?php endif; ?&gt;</pre>
<div id="07"></div>
<h2 class="titles2">カスタムフィールド系</h2>
<h3 class="titles3">フィールド名”add”と設定した投稿情報（文字や数値）を表示（無記入の場合は非表示）</h3>
<pre class="codes">&lt;?php if(post_custom('add')): ?&gt;
&lt;div class="（任意CSSタグ"&gt;&lt;?php echo post_custom('add'); ?&gt;&lt;/div&gt;
&lt;?php endif; ?&gt;</pre>
<h3 class="titles3">カスタムフィールドテキストボックス内の改行処理（フィールド名：txt）</h3>
<pre class="codes">&lt;?php echo nl2br(post_custom('txt')); ?&gt;</pre>
<h3 class="titles3">本文入力フォームが不要なら消そう！</h3>
「<strong>投稿記事の入力フォームはカスタムフィールドだけで十分！</strong>」
って方は、本文フォームが邪魔になるので消しちゃいましょう！
下記をfunctions.phpに追記して下さい。
<pre class="codes">//　投稿ページの本文フォーム非表示
add_action( 'init' , 'my_remove_post_editor_support' );
function my_remove_post_editor_support() {
remove_post_type_support( 'post', 'editor' );
}</pre>
<pre class="codes">//　固定ページの本文フォーム非表示
add_action( 'init' , 'my_remove_post_editor_support' );
function my_remove_post_editor_support() {
remove_post_type_support( 'page', 'editor' );
}</pre>
<div id="08"></div>
<h2 class="titles2">functions.phpに追記しておきたいテンプレートタグ</h2>
<h3 class="titles3">&lt;head&gt;内のWordPressのバージョンを消す</h3>
<pre class="codes">remove_action('wp_head','wp_generator');</pre>
<h3 class="titles3">&lt;head&gt;内の絵文字のスクリプトを消す</h3>
<pre class="codes">remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('admin_print_scripts', 'print_emoji_detection_script');
remove_action('wp_print_styles', 'print_emoji_styles' );
remove_action('admin_print_styles', 'print_emoji_styles');</pre>
<h3 class="titles3">アイキャッチの利用設定</h3>
<pre class="codes">add_theme_support( 'post-thumbnails' );</pre>
functions.phpに上記をセットしたら、テーマのアイキャッチを挿入したい場所に下記のいずれかのソースを挿入。
<pre class="codes">&lt;?php the_post_thumbnail("thumbnail"); ?&gt; // サムネイル画像を表示
&lt;?php the_post_thumbnail("medium"); ?&gt; // 中サイズ画像を表示
&lt;?php the_post_thumbnail("large"); ?&gt; // 大サイズ画像を表示
&lt;?php the_post_thumbnail(array(100, 50)); ?&gt; // 横・縦指定（数値は任意で変更可）
&lt;?php the_post_thumbnail("post-thumbnail"); ?&gt; // アイキャッチ画像を表示
&lt;?php the_post_thumbnail(); ?&gt; // アイキャッチ画像を表示（上と同じ）
</pre>
<h3 class="titles3">カスタマイザーの利用設定</h3>
<pre class="codes">add_theme_support( 'custom-background' );</pre>
<h3 class="titles3">WordPressログイン時に、サイト確認上部に出ている管理バーの非表示</h3>
<pre class="codes">remove_action('wp_head','wp_generator');
add_filter( 'show_admin_bar', '__return_false' );</pre>
<h3 class="titles3">メディア挿入時の添付ファイルの表示設定の配置を「なし」にする</h3>
<pre class="codes">function media_script_buffer_start() {
    ob_start();
}
add_action( 'post-upload-ui', 'media_script_buffer_start' );
function media_script_buffer_get() {
    $scripts = ob_get_clean();
    $scripts = preg_replace( '#&lt;option value="post"&gt;.*?&lt;/option&gt;#s', '', $scripts );
    $scripts = preg_replace( '#&lt;option value="custom"&gt;.*?&lt;/option&gt;#s', '', $scripts );
    $scripts = preg_replace( '#&lt;option value="file" selected&gt;.*?&lt;/option&gt;#s', '', $scripts );
    echo $scripts;
}
add_action( 'print_media_templates', 'media_script_buffer_get' );</pre>
<h3 class="titles3">予約投稿を解除</h3>
<pre class="codes">&lt;?php function forced_publish_future_post( $data, $postarr ) {
if ( $data['post_status'] == 'future' &amp;&amp; $postarr['post_status'] == 'publish' ) {
$data['post_status'] = 'publish';
}
return $data;
}
add_filter( 'wp_insert_post_data', 'forced_publish_future_post', 10, 2 ); ?&gt;</pre>
<h3 class="titles3">カスタムメニューの設置</h3>
１、functions.phpに下記を挿入し、
<pre class="codes">&lt;?php register_nav_menus(array(
	'gnav' =&gt; 'グローバルナビ',
	'sidenav' =&gt; 'サイドナビ',
	'footernav' =&gt; 'フッターナビ'
)); ?&gt;</pre>
２、カスタムメニューを表示させたいテンプレートファイルの任意の位置に下記を挿入。
<pre class="codes">// グローバルナビ
&lt;?php wp_nav_menu(array('theme_location' =&gt; 'gnav','container' =&gt; false,'menu_id' =&gt; 'gnav')); ?&gt;</pre>
<pre class="codes">// サイドナビ
&lt;?php wp_nav_menu(array('theme_location' =&gt; 'sidenav','container' =&gt; false,'menu_id' =&gt; 'sidenav')); ?&gt;</pre>
<pre class="codes">// フッターナビ
&lt;?php wp_nav_menu(array('theme_location' =&gt; 'footernav','container' =&gt; false,'menu_id' =&gt; 'fnav')); ?&gt;</pre>
<h3 class="titles3">カスタムヘッダー（ロゴ）の設置</h3>
１、functions.phpに下記を挿入し、
<pre class="codes">&lt;?php $custom_header_params = array(
        'default-image'          =&gt; get_bloginfo('template_url').'/img/logo-img.jpg',
        'width'                  =&gt; 240,
        'height'                 =&gt; 60,
        'header-text'            =&gt; false,
);
add_theme_support( 'custom-header', $custom_header_params ); ?&gt;</pre>
２、カスタムヘッダーを表示させたいテンプレートファイルに下記を挿入設定。
<pre class="codes">&lt;?php &lt;img src="&lt;?php header_image(); ?&gt;" height="&lt;?php echo get_custom_header()-&gt;height; ?&gt;" width="&lt;?php echo get_custom_header()-&gt;width; ?&gt;" alt="&lt;?php bloginfo('name'); ?&gt;" /&gt;
 ?&gt;</pre>
<h3 class="titles3">カスタム背景の設置</h3>
１、functions.phpに下記を挿入し、
<pre class="codes">&lt;?php $custom_background_defaults = array(
        'default-color' =&gt; 'ffffff',
        'default-image' =&gt; get_bloginfo('template_url') . '/img/back01.jpg',
);
add_theme_support( 'custom-background', $custom_background_defaults ); ?&gt;</pre>
２、カスタム背景を表示させる為、bodyタグを下記に変更。
<pre class="codes">&lt;body &lt;?php body_class(); ?&gt;&gt;</pre>
<h3 class="titles3">コメント欄の「次のHTMLタグが使えます〜」を消す</h3>
<pre class="codes">&lt;?php
add_filter("comment_form_defaults","my_special_comment_after");
function my_special_comment_after($args){
    $args['comment_notes_after'] = '';
return $args;
}
?&gt;</pre>
<h3 class="titles3">メディア挿入の際、captionを勝手に入れない設定</h3>
<pre class="codes">&lt;?php
define('CAPTIONS_OFF', true);
add_filter('disable_captions',
create_function('','return true;'));
?&gt;</pre>

https://webmobile.jp/
https://wifimobile.jp/

私自身どんどん実績を積み上げ、このページに実践で得たテンプレートタグを追記していければと思います!!