はりうすブログ (のすけのメモ)

湘南にある小さな会社 代表 ”のすけ”のブログです

個別投稿ページで利用できるテンプレートタグまとめ

f:id:hollywis:20180905111421j:plain

日付系タグ

  • the_date() :公開日時を表示。一覧の場合は最初の1記事しか表示されない。

  • the_modified_date():更新日時を表示

  • the_time():一覧表示で日付を表示する場合はこちらを利用

<?php the_time('Y/m/d'); ?>

<?php the_time('Y年m月d日'); ?>のように日付タグは()中にフォーマットを指定することができます。

echoを使ったやり方

<?php echo get_the_date(); ?>

このようにechoを使ってgetメソッドで取得した値を表示させる方法もあります。

利点としては、the_date() と違い何度も利用できます。

カテゴリーの表示タグ

  • the_category():カテゴリーの表示

利用例:<?php the_category(); ?>

初期表示ではリストになります。(「ねこ」と「いぬ」カテゴリに属している例)

<ul class="post-categories">
    <li><a href="http://localhost:8888/localtest/?cat=2" rel="category">ねこ</a></li>
    <li><a href="http://localhost:8888/localtest/?cat=1" rel="category">いぬ</a></li>
</ul>

<?php the_category(', '); ?>

このように()内に複数のカテゴリに属していた場合の区切り文字を指定できます。

また、get_the_category()を使うことで次の情報を取得できます

  • term_id:カテゴリーID

  • name:カテゴリー名

  • slug:カテゴリースラッグ

  • description:カテゴリーの説明

  • parent:親カテゴリーID

  • count:そのカテゴリの投稿数

利用例はこちら

<?php
    $cat = get_the_category();
    if(isset($cat[0])){
            $cat = $cat[0];
            echo( '<a href="?cat=' . $cat->term_id . '">'. $cat->name .' </a>');
    }
?>

タグの表示

  • the_tags():タグをリンク付きで表示する

利用例:<?php the_tags(); ?>

また、get_the_tags()を使うことで次の情報を取得できます

  • term_id:タグID

  • name:タグ名

  • slug:タグのスラッグ

  • description:タグの説明

  • count:そのタグの投稿数

利用例はこちら

<?php
    $tag = get_the_tags();
    if(isset($tag[0])){
          $tag = $tag[0];
          echo( '<a href="/?tag=' . $tag->slug . '">'. $tag->name .' </a>');
    }
?>

著者の表示

  • the_author():著者を表示する

利用例:<?php the_author(); ?>

前後の記事へのリンクを表示する

  • previous_post_link():前の記事のリンクを表示

  • next_post_link():次の記事へのリンクを表示

利用例:<?php previous_post_link(); ?>

利用例:<?php next_post_link(); ?>

こんな感じでHTMLタグで挟む方法もあります。

<?php previous_post_link('<li class="nav-prev">%link</li>'); ?>
<?php next_post_link('<li class="nav-next">%link</li>'); ?>

ページ分割した記事を表示する

  • wp_link_pages():ページ分割された記事のページングを表示

WordPressでは長い記事の場合には、「続きを表示する」などの表記を入れてそれ以降の表示を短縮することができます。

記事の編集画面で本文中に<!--nextpage-->を入れると、その箇所で記事をページ分割することができます。 この分割された記事のページングを表示するためにwp_link_pages()を利用します。

このタグはループ内で使用する必要があります。

利用例:

<?php while ( have_posts() ) : the_post(); ?>
  <article id="post-<?php the_ID(); ?>" <?php post_class(); ?> >
       <h1 class="entry-title"><?php the_title() ?></h1>
       <div>
         <?php the_content(); ?>
      </div>
      <?php wp_link_pages(); ?>
  </article>
<?php endwhile; ?>

以上です。

次回はアーカイブページを作成します。