サイト制作メモ

投稿日:

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

- サイト制作メモ

関連記事

背景画像を複数指定する方法(css)

背景画像を複数指定したい時があり調べてたところ 順番にcssを指定するところまでは分かったけど書き方がよく分からない・・・ 複数背景の使用はよく使いそうなのでメモ。 基本的には,(カンマ)区切りで続け ...

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

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

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

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

画面の縦幅いっぱいに背景画像を表示する

画面全体に背景画像を表示するには、 background:url('画像を指定'); background-size:cover; でできますが、 いやいや、一画面だけでなくその下にもコンテンツがあっ ...

no image

サイト制作に役立つTips_リンク集

スタイルなどの装飾 ボタンのホバーアニメ バリエーションが豊富です。デザインのヒントに 【保存版】CSSだけで作れるホバーアニメーションボタン総まとめ 角丸とシャドウのジェネレーター 見た目で調節した ...