WordPress 関数の出力サンプル

このページは、WordPress の関数などの出力サンプルをまとめる予定のページです。

目次

注意

  • このページを作ったひとが備忘のためにまとめているため網羅性はありません。
  • 確認バージョンは WordPress 5.2.4 です。
  • 配列やオブジェクトのデータは JSON 化したものを掲載しています。

一覧

the_category()

<ul class="post-categories">
    <li><a href="http://example.com/category/%e6%9c%aa%e5%88%86%e9%a1%9e/" rel="category tag">未分類</a></li>
</ul>

get_the_category()

[
    {
        "term_id": 1,
        "name": "未分類",
        "slug": "%e6%9c%aa%e5%88%86%e9%a1%9e",
        "term_group": 0,
        "term_taxonomy_id": 1,
        "taxonomy": "category",
        "description": "",
        "parent": 0,
        "count": 1,
        "filter": "raw",
        "cat_ID": 1,
        "category_count": 1,
        "category_description": "",
        "cat_name": "未分類",
        "category_nicename": "%e6%9c%aa%e5%88%86%e9%a1%9e",
        "category_parent": 0
    }
]

the_posts_pagination()

<nav class="navigation pagination" role="navigation">
    <h2 class="screen-reader-text">投稿ナビゲーション</h2>
    <div class="nav-links"><a class="prev page-numbers" href="http://example.com/news/">前へ</a>
    <a class='page-numbers' href='http://example.com/news/'>1</a>
    <span aria-current='page' class='page-numbers current'>2</span>
    <a class='page-numbers' href='http://example.com/news/page/3/'>3</a>
    <a class="next page-numbers" href="http://example.com/news/page/3/">次へ</a></div>
</nav
引数なし
<a class="prev page-numbers" href="http://example.com/news/">&laquo; 前へ</a>
<a class='page-numbers' href='http://example.com/news/'>1</a>
<span aria-current='page' class='page-numbers current'>2</span>
<a class='page-numbers' href='http://example.com/news/page/3/'>3</a>
<a class="next page-numbers" href="http://example.com/news/page/3/">次へ &raquo;</a>
'type' => 'list'
<ul class='page-numbers'>
    <li><a class="prev page-numbers" href="http://example.com/news/">&laquo; 前へ</a></li>
    <li><a class='page-numbers' href='http://example.com/news/'>1</a></li>
    <li><span aria-current='page' class='page-numbers current'>2</span></li>
    <li><a class='page-numbers' href='http://example.com/news/page/3/'>3</a></li>
    <li><a class="next page-numbers" href="http://example.com/news/page/3/">次へ &raquo;</a></li>
</ul>