サイト制作メモ

投稿日:

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

- サイト制作メモ

関連記事

no image

cssで作るタイトルやテキストの装飾色々メモ

タイトルの背景を斜めボーダーにしたい 斜めボーダー背景。 色の組み合わせで色々な雰囲気がつくれる。 ただ、背景に柄が入ると中のテキストが読みにくくなるので、色は注意! HTMLは入れ子にしています。 ...

cssでlistのborderを斜め線にする

このサイトのメニューでも使ってますが、やってみたかったけどなかなか方法が見つけられなかったリストの区切り(border)を直線でなく斜め線にする方法。 まずはHTMLでメニュー作成 普通にリストで作成 ...

簡単な背景画像のパララックス

jquaryをリンクさせる htmlファイルでsection毎に背景画像を設定 cssにて。 width:100%; background:url()center center no-repeat f ...

スライドショーの画像を切り抜いたように表示する

よくあるスライドショーで 上だけ丸みを帯びていたり、波打っていたり、三角になっていたりと フレームの中でスライドショーが動いてるやつがやりたくて調べていたところ意外と簡単にできることがわかった。 次回 ...

no image

カスタムタクソノミーのカテゴリーやタグを出力

カスタム投稿のカテゴリーはよく出力するけど、毎回調べている気がするので記録。 カスタム投稿名:news カスタムタクソノミー(カテゴリー):news-cat カスタムタクソノミー(タグ):news-t ...