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制作

    尖ったアイテムのみを取扱っている革革命WEBサイトがOPENしました

    革革命というレザーにフォーカスしたWEBサイトを立ち上げました…

  2. スマホとタブレットだけContact Form 7の送信ボタンが表示されない不具合発生!解決方法はこちら
  3. マクドナルドならでは!Googleアドワーズ広告の攻め方がスバラシイ

    WEB制作

    マクドナルドならでは!Googleアドワーズ広告の攻め方がスバラシイ

    PCやスマホでいろんな情報サイトを閲覧しているとよく表示されているのが…

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

    WEB制作

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

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

  5. ホームページの上位表示に大きく左右されるかも知れないGoogleモバイルフレンドリーってなに

    WEB制作

    ホームページの上位表示に大きく左右されるかも知れないGoogleモバイルフレンドリーってなに

    たまにはメシネタ以外も発信しておきたいと思います。最近話題にな…

  6. やっぱり乾杯WEBセミナーは楽しかったです

    WEB制作

    やっぱり乾杯WEBセミナーは楽しかったです

    まず乾杯からスタートです。それが乾杯WEBセミナー。乾杯WEB…



最近の記事

  1. ヤフーショッピング出店手数料
  2. 姫路 畳座
  3. WordPressなら見積もりフォームも簡単に作れるプラグインがあるよ
  4. スマホとタブレットだけContact Form 7の送信ボタンが表示されない不具合発生!解決方法はこちら
  5. 神戸マラソンにふるさと納税枠!先着200人まで10万円で確実に走れるよ!
  1. 神戸市西区伊川谷の海鮮炉ばた居酒屋【伊川谷丸】がおすすめな理由

    食レポ

    神戸市西区伊川谷の海鮮炉ばた居酒屋【伊川谷丸】がおすすめな理由
  2. 初心者向け!WordPressでのブログの書き方

    WEB制作

    初心者向け!WordPressでのブログの書き方
  3. iPhone7のSuicaは播但線や姫新線でも使えるのか?検証してみた

    日記

    iPhone7のSuicaは播但線や姫新線でも使えるのか?検証してみた
  4. ザ・田舎暮らし!海士町移住体験記〜その2〜海士町案内 前編

    日記

    ザ・田舎暮らし!海士町移住体験記〜その2〜海士町案内
  5. キャッスルガーデン使用料

    日記

    姫路駅前は路上ライブ、パフォーマンス禁止!キャッスルガーデン北広場ステージの予約…
PAGE TOP