サイト制作メモ

投稿日:

wordpressのテンプレート階層

wordpress使用している時、
時々どのファイルを参照しているのか分からなくなるので記録。

トップページ

トップが固定ページ

  • front-page.php
  • page-[slug].php
  • page-[id].php
  • page.php
  • singular.php
  • index.php

トップが固定ページで投稿ページを設定

  • home.php
  • index.php

トップが「最新の投稿」

  • front-page.php
  • home.php
  • index.php

固定ページ

  • page-[slug].php
  • page-[id].php
  • page.php
  • singular.php
  • index.php

page-[slug]
固定ページスラッグがnews ならpage-news.php

page-[id]
固定ページIDが5なら、page-5.php

投稿ページ

  • single-{post_type}.php
  • single.php
  • singular.php
  • index.php

single-{post_type}.php
通常の投稿はsingle-post.php
カスタム投稿などではカスタム投稿タイプのスラッグが入る。
例えば投稿タイプがnewsなら、single-news.php

アーカイブ

カテゴリー別

カテゴリーアーカイブページの表示

  • category-[slug].php
  • category-[id].php
  • category.php
  • archive.php
  • index.php

category-[slug]
カテゴリースラッグがnews ならcategory-news.php

category-[id]は、カテゴリーIDが5なら、category-5.php

タグ別

タグアーカイプページの表示

  • tag-[slug].php
  • tag-[id].php
  • tag.php
  • archive.php
  • paged.php
  • index.php

tag-[slug]は、タグスラッグがnews ならtag-news.php
tag-[id]は、タグIDが5なら、tag-5.php

カスタム分類

  • taxonomy-{taxonomy}-{term}.php
  • taxonomy-{taxonomy}.php
  • taxonomy.php
  • archive.php
  • paged.php
  • index.php

taxonomy-{taxonomy}-{term}
分類名がnewstax、項目名がnewstermならtaxonomy-newstax-newsterm.php

taxonomy-{taxonomy}.php
分類名がnewstaxならtaxonomy-newstax.php

カスタム投稿

  • archive-{post_type}.php
  • archive.php
  • paged.php
  • index.php

archive-{post_type}.php
投稿タイプが news なら archive-news.php

作成者別

  • author-{nicename}.php
  • author-{id}.php/li>
  • author.php
  • archive.php
  • paged.php
  • index.php

author-[slug]
作成者のnicenameがhoge ならauthor-hoge.php

author-[id]は、作成者IDが5なら、author-5.php

日付別

  • date.php
  • archive.php
  • paged.php
  • index.php

- サイト制作メモ

関連記事

display:flexを使った時のIE10のバグに対応する

display:flex;を使った時、IE11では問題なくてもIE10で見ると色々な不具合が生じることが多い。例えば、このサイトのレイアウト。クロームで見るとこんな感じまぁまぁ均等に並んでいるように見 ...

cssだけで画像をテキストの形に切り抜き表示してみる

面白かったのでメモ。 テキストの形に切り抜くやつです。 どこかで使えそう。 まずはhtml 何でもいいので適当なクラスか何かあたえておいてください。 <p class="text-kirinuk ...

WordPress と Facebookの連携が表示されない原因

dddwordpressのテーマ「xeory_extension」を使っていた時 初期設定でいくつかの項目を入力するとfacebookとの連携ができるようになってたのでテストサイトで設定項目を入力する ...

サイトのタイトルを画像置換する方法

よくやり方忘れてしまうのでメモ。 サイトのタイトルをh1とかで記述した場合 それを画像置換するための方法は色々あって 評価が分かれるので現時点でいいなと思っているものを。 まずはhtml <h1 ...

no image

クリック開閉のタグ[jQuery+css使用]

jQuery+cssを使用したクリック開閉のタグ。 簡単に設置できるのでお世話になっています。 jQueryのタグ <script> jQuery(function($){ $('.box ...