ワードプレスTips

ワードプレスの使い方やカスタマイズを備忘録としてまとめています。

ワードプレスのテーマ作成系のリンクまとめ(作成途中)

ワードプレスのテンプレート構造は自由に組み合わせて利用する事ができます。

それらをパズルのように組み合わせてテーマを制作する必要があります。

テーマを作成するには必要な知識ですのでテーマ作成時には覚えてください。

テンプレート入門 - WordPress Codex 日本語版

ワードプレスの単純なページ構造

header.php:ヘッダー

コンテンツ部分

footer.php:フッター

◆基本的なテンプレートファイル

インクルードして各テンプレートを読み込む

ヘッダー:header.php

<?php get_header(); ?>

フッター:footer.php

<?php get_footer(); ?>

index.phpを作成

ループ - WordPress Codex 日本語版

ヘッダーとフッターの間に投稿データをループさせる必要があります。

ループ内で利用する投稿データを取得するテンプレートタグ

投稿のタイトルの表示

<?php the_title( $before, $after, $echo ); ?>

$beforeオプション:タイトルの前に置くテキスト

$after:オプション:タイトルの後に置くテキスト

$echo:オプション:タイトルを表示(true)または変数へ返す(false)

<?php the_title( '<h3>', '</h3>' ); ?>

結果

<h3>タイトル</h3>

現在の投稿の公開時刻を表示

<?php the_time( $d ); ?>

$d:オプション:時間の表示フォーマット指定

例)24時間表記

<p>投稿時刻: <?php the_time('g:i'); ?></p>

結果

投稿時刻: 10:36

例)日付

<div><?php the_time('Y年n月j日'); ?></div>

結果

2016年9月19日

例)日付と時間

<p>投稿日: <?php the_time('Y年n月j日'); ?> @ <?php the_time('g:i a'); ?></p>

結果

投稿日:2016年9月19日 @ 10:36

 

参考

日付と時刻の書式 - WordPress Codex 日本語版

 

記事が属するカテゴリ

<?php the_category( $separator, $parents, $post_id ); ?>

$separator:オプション:カテゴリを表示するときの区切る文字列や記号

デフォルトでは、番号なし箇条書き(<ul>)でリンクを並べます。

例)半角空白区切り指定

<p>Categories: <?php the_category(' '); ?></p>

結果

Categories: WordPress Computers Blogging

例)コンマ区切り指定

<p>Categories: <?php the_category(', '); ?></p>

結果

Categories: WordPress, Computers, Blogging

 投稿以外のデータ取得

 サイドバー: 「sidebar.php」を読み込む

<?php get_sidebar(); ?>

サイドバーから検索フォームを表示

<?php get_search_form(); ?>

関数リファレンス/get search form - WordPress Codex 日本語版

◆条件分岐で自動的に読み込まれるテンプレートファイル

アーカイブ:archive.php

  • アーカイブタイトル(タグ別、カテゴリー別、年月日別、作成者別アーカイブ)の表示。
  • 投稿リストを概要もしくは全文形式で表示する。(概要か全文かは)どちらか1つ、適切な方を選ぶ。
  • 分割された投稿のナビゲーションリンクをサポートする為に wp_link_pages() を記述しておく。

アーカイブインデックスページの作り方 - WordPress Codex 日本語版

singular.php (V4.3~)

single.phpとpage.php共通のテンプレートファイル。固定ページと投稿ページで同一テンプレートを使用したい場合

個別投稿表示:single.php

  • 分割された投稿のナビゲーションリンクをサポートする為に wp_link_pages() を記述しておく。
  • 投稿のタイトルと本文を表示する。
    • タイトルはその投稿へのセルフリンクではなく、プレーンテキストとする。
  • 投稿日を表示する。
  • (適切であれば) 作成者名を表示する。
  • 投稿カテゴリーと投稿タグを表示する。
  • 編集権限のあるログイン中のユーザーには "Edit" (編集) リンクを表示する。
  • コメントリストとコメントフォームを表示する。
  • previous_post_link()next_post_link() を使って、次の記事とひとつ前の記事へのナビゲーションリンクを表示する。

固定ページ:page.php

  • 固定ページのタイトルと本文を表示する。
  • コメントリストとコメントフォームを表示する。(コメント機能がオフの場合を除く)
  • 分割された投稿のナビゲーションリンクをサポートする為に wp_link_pages() を記述しておく。
  • タグ、カテゴリー、日付、作成者などのメタデータは表示しない。
  • 編集権限のあるログイン中のユーザーには "Edit" (編集) リンクを表示する。