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 get_header(); ?>
<div id="body">
<div id="contents"><div id="content">
	<p>これはお知らせカテゴリのページです。</p> ←ここだけ変更
<!-- 最新記事のループ表示 -->
	<div class="post">
		<?php if(have_posts()) : while(have_posts()) : the_post(); ?>
			<h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
			<?php the_content() ?>
			記事のリンク先URL:<?php the_permalink() ?>
		<?php endwhile; else: ?>
			<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
		<?php endif; ?>
		<div class="pagelink"><?php posts_nav_link(' | ', '前のページ', '次のページ'); ?></div>
	</div>
<!-- 最新記事の表示 -->
</div><!-- content-end --></div><!-- contents-end -->
<?php get_sidebar(); ?>
</div><!-- body-end -->
<?php get_footer(); ?>
タグ
, ,
トラックバックURL

Leave a Reply

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

ページTOPに戻る