WordPress備忘録

デザイン

デザインに関する備忘録

記事表示ここから

カテゴリごとにデザインを変更する

カテゴリごとでデザインを変更したい場合、ファイル名の変更だけで実現できる事を発見。試しにやってみた。

category-XX.phpファイルを作成

XXの箇所はカテゴリIDを入力(例: category-2.php)。全てのカテゴリに同じデザインを適用したい場合は、
「category.php」
とすれば良い。
ちなみに優先順位は category-XX.php > category.php

以下の方法で実現。

  1. 管理画面の「管理」→「カテゴリー」から変更したいカテゴリーのIDをチェック。
  2. フォルダ内の「index.php」を「category-6.php」に変更。※このブログではお知らせカテゴリにあたる。
  3. 適当にファイルの中を変更して、サーバーにアップロードして確認。

うーん、あまりにも簡単。WordPressはかなり優秀なツールかも。
他にも、Themed Categories Pluginを導入したら、管理画面から選択できたりするらしい。

ただ一つ問題なのが個別記事のページ。
現状だと個別記事に移動した際、「index.php」が適用されてしまう。

一応、今回作成したcategory-6.phpが以下。テストなのでほとんど「index.php」と変わらない。

PHP:
  1. <?php get_header(); ?>
  2. <div id="body">
  3. <div id="contents"><div id="content">
  4.     <p>これはお知らせカテゴリのページです。</p> ←ここだけ変更
  5. <!-- 最新記事のループ表示 -->
  6.     <div class="post">
  7.         <?php if(have_posts()) : while(have_posts()) : the_post(); ?>
  8.             <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
  9.             <?php the_content() ?>
  10.             記事のリンク先URL:<?php the_permalink() ?>
  11.         <?php endwhile; else: ?>
  12.             <p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
  13.         <?php endif; ?>
  14.         <div class="pagelink"><?php posts_nav_link(' | ', '前のページ', '次のページ'); ?></div>
  15.     </div>
  16. <!-- 最新記事の表示 -->
  17. </div><!-- content-end --></div><!-- contents-end -->
  18. <?php get_sidebar(); ?>
  19. </div><!-- body-end -->
  20. <?php get_footer(); ?>

記事表示ここまで
リンクここまで

この記事のコメント・トラックバックRSS

コメント・トラックバック ここまで

トラックバック用URL:

コメントフォーム

コメント入力

コメントフォーム
※管理人にのみ公開されます

記事のリンク先URL:http://www.is-p.cc/wordpress/design/category/25

空白
ページのトップに戻る
空白