WEB制作

WordPressで投稿カテゴリーごとにテンプレートを変更する方法

人気のおすすめ記事

  1. 「ないものはない」海士町で移住体験してきたけど・・・
  2. 神戸三宮。1人でフラッと軽くワイン飲みたい時にはBinoBinoしかない
  3. 動物とふれあい放題の神戸どうぶつ王国を徹底解剖!子どもが喜ぶスポット間違いなし

WordPressを使ったサイト作成をしていてよくあるのが「ブログには日付入れたいけどカテゴリーで分けた商品説明は日付要らないんだよなー」というパターン。

このような場合はブログと商品でテンプレートを分けてしまえばいいのです。方法は意外と簡単です。

パターンとして

投稿のカテゴリーが

・ブログ
・商品
 ・トップス
 ・インナー
 ・パンツ
・その他1
・その他2

みたいな場合です。

固定ページは階層という面では使いにくい場合もあるので投稿のカテゴリーで管理したいところです。(カスタマイズのプロフェッショナルや元々そういうテンプレートを使っている場合は他の方法もあります)

まず注目するべきは、この例では日付を入れたいのが「ブログ」カテゴリーだけなのでブログだけを特別なテンプレートを使い、他のカテゴリーは全て共通の同じものを使うという流れで説明します。

WordPressには大きく分けて「アーカイブページ」と「シングルページ」と「固定ページ」があります。「固定ページ」は今は関係ないのでスルー。シングルページは投稿した内容を表示した末端のページです。アーカイブページはシングルページをまとめたページ。つまりカテゴリー一覧ページや月ごとの表示ページとか。

今回は投稿のブログカテゴリーに設定した分だけを日付表示する「別テンプレート」で表示します。

まず、ブログカテゴリーのID番号を調べます。

WordPressで投稿カテゴリーごとにテンプレートを変更する方法

この場合のIDは「1」となります。同時にスラッグも見ておきます。スラッグとはそのカテゴリーのURLのことです。スラッグは「blog」となっております。

次にFTPソフトを使ってsingle.phpとarchive.phpをダウンロード。

「single.php」を2つ複製コピーして「single-1.php」と「single-main.php」という名前をつける。
「archive.php」を1つ複製コピーして「category-blog.php」という名前をつける。。

感のいい人はこの時点でわかると思うがファイル名のハイフン(-)の後がそれぞれ先ほど調べたカテゴリーのID番号とスラッグになっているのだ。

「single-1.php」「single-main.php」「category-blog.php」の3つのファイルをサーバーにアップロード。
※元の「single.php」「archive.php」はサーバー上に残したままね。

次はWordPressにログインして「テーマの編集」をする。

一番重要なのは「single.php」の内容である。

本来ならページを表示する長ったらしいタグがみっちり書き込んであるのだが、このsingle.phpはこんな感じにする。

—————————————————

—————————————————

たったこれだけである。

内容を説明すると、カテゴリーID「1」のカテゴリーだけ「single-1.php」を使います。
それ以外のカテゴリーは全て「single-main.php」を使います。

という感じである。

もちろんカテゴリーごとにもっとテンプレートを分けたい場合はelse ifの条件分岐を使って複数増やすことも可能。

アーカイブページに至っては「category-blog.php」というファイルをアップロードしておくだけで自動的にカテゴリースラッグが「blog」になっているアーカイブページは「category-blog.php」の内容で表示される。

あとはもう「single-1.php」や「single-main.php」を好きなようにイジり倒せばいい。

最初の例を完成させるには、「single-1.php」はそのままで、「single-main.php」と「archive.php」から日付を表示している部分だけを削除すれば完成となる。

これでブログのみ日付が入った投稿が出来上がる。

これはけっこうツカえるテクニックなのでWordPressでサイト作成する方は覚えてる方がいいです。

お役立ち情報をもう1記事読んでみませんか

  1. ビジネスマン必見!初めてカプセルホテルに泊まってみたら・・・
  2. 究極のモフモフ体験はこちらからどうぞ
  3. 土日に役立つ兵庫県内のおすすめ遊びスポット

関連記事

  1. オリジナルのドメインを取得してホームページを作ろう

    WEB制作

    オリジナルのドメインを取得してホームページを作ろう

    ドメインとはドメインとはインターネット上の住所みたいなものです…

  2. 初心者向け!WordPressでのブログの書き方

    WEB制作

    初心者向け!WordPressでのブログの書き方

    ブログ初心者はタイトルを適当につけすぎるこれ、ほぼ10…

  3. WordPressなら見積もりフォームも簡単に作れるプラグインがあるよ

    WEB制作

    WordPressなら見積もりフォームも簡単に作れるプラグインがあるよ

    もしかしたらと思って探してみたらやっぱりありました。W…

  4. WEB制作

    WordPressのレスポンシブサイトを @media print で印刷対応させる方法

    通常ならCSSファイルに@media printで記述していけば大丈夫…

  5. tsu(スー)のアカウント削除方法

    WEB制作

    tsu(スー)のアカウント削除方法

    その昔、稼げるSNS tsu(スー)がありました日本人…

  6. ビジネスでは使い物にならないアメブロをビジネスで活用する方法

    WEB制作

    ビジネスでは使い物にならないアメブロをビジネスで活用する方法

    まだまだビジネスでアメブロを使っている人が多いのに驚く毎日です…



最近の記事

  1. WordPress
  2. 湘南らあめん 頂(いただき)
  3. 2017年7月1日から香寺町のテニスコートや野球場、スポーツジム等の料金が上がる!
  4. カツ丼の看板がやたら目を引いたので入ってみた!姫路のカツ丼屋さん「カツ善」
  1. 伊川谷にあるラーメン2国の隣にある博多とんこつラーメンの天神に行ってきた

    食レポ

    伊川谷にあるラーメン2国の隣にある博多とんこつラーメンの天神に行ってきた
  2. 日記

    学園都市駅前のコミプラ自習室でノマド場所を確保した話
  3. 学園都市駅前のコワーキングスペース コミプラ自習室はこんな感じ

    日記

    学園都市駅前のコワーキングスペース コミプラ自習室はこんな感じ
  4. 食レポ

    三宮 おすすめのうどん屋さん ぶっかけてい|三宮 ランチ
  5. 食レポ

    カップルや女性に人気 PEGASE(ペガーズ)|三宮 ランチ
PAGE TOP