サイト制作メモ

投稿日:

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

- サイト制作メモ

関連記事

パーマリンクの設定

stinger8のダウンロードサイトにはパーマリンク設定を"postname"にしているとあったのでそのように設定してみた。 で、実際に新規で記事を追加すると 記事のタイトルが反映されURLは以下のよ ...

動画や連続写真からのアニメーションgifの作成

アドビのサイトにとっても分かりやすく説明されていたアニメーションgifの作り方。 連続写真や動画から簡単に作成できます。 アニメーションgifの作成方法 動画の再生やアニメーションgifのサンプル作成 ...

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

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

拡大してもボヤけない、アイコンフォントが便利すぎる

サイト作成の時にメニューアイコンを作っていたけど 3つのメニューのうち1つをアイコンフォント使ってたら表示の鮮明さに驚いた。 他のアイコンはpng形式の画像だったけど全然違う。 通常、画像でできたアイ ...

-webkit-とかのベンダープレフィックスをつける重要性

プレフィックスとは、CSS3を使う際に使用するプロパティの前につけるキーワードです。 サイト制作者には当たり前に思えるベンダープレフィックス。 今までどうしてこれを付けないといけないかがよく分かってい ...