ページからカテゴリーへリンクさせる

少しコードを訂正します。 $cat->cat_name は $cat_obj->cat_name の間違いです。
また、 if ( $cat_query->have_posts() ) ではなく if ( $cat_obj && $cat_query->have_posts() ) とするべきでした。失礼しました。

だいぶ問題が絞れてきましたね。ご所望の動作については onclick イベントは関係ないようですので、そこは飛ばしてくださって構いません。回答と併せ、もう少し詳細な条件が知りたいので、こちらからもいくつか質問させてください。

そこで質問なのですが、このようなコードでカテゴリーを表示することができるのは、ページと同じ名前のカテゴリーだけということになるのでしょうか？
また、今回の方法だと、カテゴリーの一覧だけが羅列されている形になっているのですが、これを修正して、ページと同じ名前のカテゴリーの記事のすべての内容を表示できるようにするコードはあるのでしょうか？

今回私から提示させて頂いたコードをそのまま使用する場合は、ページのスラッグとカテゴリーのスラッグが同一である必要がありますが、具体的な条件があれば、それぞれの条件に応じたページテンプレートを個別に作成することで対応出来ます。

read more を表示することは、多少の修正で実現できますが、それとは別の意味で、あるカテゴリーに属す投稿の内容をすべて表示するということは、ページテンプレートを利用した方法では、残念ながら少し難しいです。というのは、将来的に例えば 100 件以上の投稿の内容がすべて表示されるとなると、 1 ページのサイズが非常に大きくなってしまいますよね? この辺りについては kenji190 さんも

記事がすべて見えると長ったらしいので、「read more」などとして短く表示したいのです。

と書かれているように、問題として認識していらっしゃるようですが、それでもいずれは read more では対応しきれないほど大変長いページになってしまうでしょう。ですから例えば 20 件ずつ表示し、次のページ、などとして対応したいところなのですが、実は私の提示した方法は 20 件ずつ表示というようなページ送りには対応していないのです (ページの場合、ページ送りは <!– nextpage –>　で区切られた内容を表示するために使用されるので)。

そこで再度確認させて頂きたいのですが、カテゴリーのアーカイブページ http://example.com/category/baseball/ をカスタマイズし、そちらへのリンクをヘッダー部分のタブに追加する方法は取れず、あくまで http://example.com/baseball/ というページが必要なのでしょうか?

どうしてもページが必要だというのであれば、ページ送りが上手く動くコードを考えてみなければなりませんが、必要がなければカテゴリーのアーカイブページを利用されるのが自然かなと考えます。アーカイブページではページ送りが出来ますので、カテゴリー用のテンプレート (category.php) をカスタマイズし、カテゴリースラッグと同じスラッグを持つページの内容を投稿一覧の前に表示するというアプローチで、ご希望の動作は叶えられるような気がします。

それで構わないのでしたら、そのためのコードを再度提示します。ヘッダー部分のタブにカテゴリーのアーカイブページへのリンクを追加する方法については、ヘッダー部分のコードをご提示頂ければおそらく回答できます。

また、 read more についてですが、表示する文字数を制限したいですか?　それとも リッチエディタの more ボタン (<!– more –> タグ) で、投稿ごとに任意の位置で分割する方法を取られたいですか?

毎回長文での回答になってしまい申し訳ありません……。

詳細に状況を説明していただいたおかげで、かなりの部分を把握することができたように思います。

結論としては、最新 20 件のみを表示するのでよければ、むしろ当初のようにページを作成し、ページのスラッグ と同一のカテゴリースラッグを持つ投稿の最新 20 件を表示するページテンプレートを作成する方法 (以下 ページ方式) を採用された方が良いのではと思います。

カテゴリーアーカイブのページをカスタマイズする方式 (以下カテゴリーアーカイブ方式) ではなくページ方式で実現する場合のメリットとしては、

1. ヘッダー部分のカスタマイズがほぼ不要
2. タブ項目の並びを任意にカスタマイズできる
3. カテゴリーのアーカイブページを更に別のデザインに出来る
4. ヘッダー部分に表示させるべき主要なカテゴリを絞れる

などがあります。それぞれを以下に説明しますと、

==== 1 点目 ====
ヘッダのタブ部分のテンプレートを wp_list_pages(‘title_li=’); から wp_list_pages(‘sort_column=menu_order&depth=1&title_li=’); とするだけで OK になります。カテゴリーと通常のページとをタブ内に混在させる場合、ここでの指定が少し複雑になるうえ、メンテナンス性が低くなり、カテゴリーやページを追加するたびに修正が必要になってしまいます。

==== 2 点目 ====
上記の修正で sort_column=menu_order としたことで、ページの編集画面の「ページ順序」の項目に数値を入力することで、メニュー項目の並びを柔軟に制御できるようになります。一方、カテゴリーアーカイブ方式の場合、このような柔軟な項目の並び替えが難しくなります。ページ方式なら、アバウトやコンタクトといった項目も並べてタブで表示し、かつそれらの順位を「ページ順序」でいつでも並べ替えられるわけですね。

==== 3 点目 ====
ページ方式の場合、カテゴリーのアーカイブページと別個に最新 20 件のページが存在することになります。はじめ私は同じ機能を持つ複数のページがあることを懸念していましたが、これを逆手にとり、カテゴリーのアーカイブページのデザインも別に修正し、カテゴリーのアーカイブページではトピックス形式 (リンク付きタイトルと日付のみのリストで 50 件ずつ表示など) で表示させ、そちらではより一覧性に特化させるといったことも可能になります。

==== 4 点目 ====
ヘッダ部分のメニューをタブにする場合、幅の制約上、表示させられる項目数には限りがあります。

ページ方式を採用すれば、対応するページを作成していないカテゴリーについてはタブ項目に表示されませんので、ページの作成如何で、タブにて表示すべき主要なカテゴリーを絞ることが出来ます。

例えばメインのコンテンツの分類が「野球、サッカー、水泳、ゴルフ」の 4 つであり、それ以外のスポーツについての記事もカテゴリーを作成しサイトで扱うことはするが、あまり重要ではないのでタブ項目としては表示しなくてもよい、という場合には、対応するページを作成しなければいいわけです。

一方、カテゴリーアーカイブ方式の場合、カテゴリーに親子関係を持たせ (野球/MLB、野球/セ・リーグ、野球/パ・リーグ など)、最上位の親カテゴリーの数でタブの項目数を調整することは出来ますが、最上位の親カテゴリーの数が 10 項目以上にわたるようなカテゴリーの構成ですと、デザインを崩してまでもタブに表示する必要はない親カテゴリーがいくつか出てきた時に、それらを選択的に取り除こうとすると、毎回 header.php のタブ部分の指定を修正する必要が生じます。

====

一方、デメリットとしては前回の書き込みで挙げましたように「ページ送りが出来ない」という事が最も大きいと思われますが、これについてはそれで OK ということなので、ページ方式で read more が表示されるような修正案を提示しようと思いますが、いかがでしょう?

ページテンプレートファイルの内容を以下のようにしてみてください。記事の HTML 構造などは、お使いのテーマに合わせたものに修正する必要があります。
対応するページスラッグとカテゴリースラッグは、出来れば英数字のみで構成されたものにしてください。

<?php
/*
Template Name: Category Archives
*/
get_header();
?>

	<div id="content" class="narrowcolumn">

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

<?php /* ページの内容も表示させたい場合はこの辺りにテンプレートを記述 */ ?>

<?php
		$showposts = trim( get_post_meta( $post->ID, 'showposts', true ) );
		$showposts = mb_convert_kana( $showposts, 'a', get_option( 'blog_charset' ) );
		$showposts = preg_replace( '/[^0-9]/', '', $showposts );
		$showposts = ( empty( $showposts ) ) ? get_option( 'posts_per_page' ) : $showposts;

		$cat_slug  = $post->post_name;
		$cat_obj   = get_category_by_slug( $cat_slug );
		$cat_query = new WP_Query( 'cat=' . $cat_obj->cat_ID . '&showposts=' . $showposts );

		$postcount = min( $cat_query->found_posts, $showposts );
?>
<?php endwhile; ?>

<?php if ( $cat_obj && $cat_query->have_posts() ) : ?>

		<!-- 最新記事部分 -->

		<div class="archives">
			<h2 class="pagetitle">「<?php echo wp_specialchars($cat_obj->cat_name, 1); ?>」カテゴリーの最新 <?php echo $postcount; ?> 件 <small>[<a href="<?php echo get_category_link($cat_obj->cat_ID); ?>">すべて表示</a>]</small></h2>

<?php while ( $cat_query->have_posts() ) : $cat_query->the_post(); $more = 0; ?>

			<div <?php post_class(); ?>>
				<h3 id="post-<?php the_ID(); ?>"><?php the_title(); ?></h3>
				<small><?php the_date(); ?></small>

				<div class="entry">
					<?php the_content('Read more &raquo;'); ?>
				</div>

				<p class="postmetadata"><?php the_tags('タグ:', ', ', ''); ?><?php printf('カテゴリー: %s', get_the_category_list(', ')); ?> | <?php edit_post_link('編集', '', ' | '); ?>  <?php comments_popup_link('コメントなし »', '1 件のコメント »', '% 件のコメント »', '', 'コメントできません' ); ?>

			</div><!-- .entry -->

<?php endwhile; ?>

		</div><!-- .post -->

<?php else : ?>

		<!-- 該当記事なし -->

		<div class="archives">
			<h2>「<?php echo wp_specialchars($cat_obj->cat_name, 1); ?>」カテゴリーの最新記事</h2>
			<div <?php post_class(); ?>>
				<div class="entry">
					<p class="noentry">このカテゴリーの記事はまだありません。</p>
				</div>
			</div>
		</div><!-- .archives -->

<?php endif; ?>

<?php endif; ?>

	</div><!-- .narrowcolumn -->

<?php get_sidebar(); ?>

<?php get_footer(); ?>

ちなみに、サイドバー ( sidebar.php ) にて、このページテンプレートを使った場合のサイドバーの表示を専用にカスタマイズされたい場合には、 is_page_template( ‘(ページテンプレートのファイル名)’ ) という条件分岐タグが使用できます。

このページテンプレートを page-category.php という名前で保存された場合は、 sidebar.php 内に以下のように記述すれば OK です。

<?php if ( is_page_template( 'page-category.php' ) ) : ?>
<!-- このページテンプレートを使用した場合のサイドバーの内容をここに記述 -->
<?php endif; ?>

このページテンプレートの使い方につきましてはこれまでの書き込みにて説明したとおりです。ヘッダ部分の修正もお忘れなく。

PHP 5.2.6, WordPress 2.7-ja, Default テーマでの動作を確認しました。
もしもお使いの環境で上手く動作しない場合には、お手数ですが詳しい状況を添えてその旨ご報告いただけますでしょうか。

==== 1 点目 ====

ページスラッグとカテゴリースラッグを同じにしたため、ページタブをクリックすると
見出しがカテゴリー名　新着〇件と出ているのですが、
その下、記事の部分？に
<divとだけ表示されています。
これはどうしてでしょうか？

失礼しました。これは WordPress 2.7 の Default テーマを元にテンプレートを作成したためです。　<?php post_class(); ?> の部分が 2.6 では未定義なので、すべて削除する必要があります。その上で、お使いのテーマに合わせて HTML 構造を修正してください。

==== 2 点目 ====

<?php /* ページの内容も表示させたい場合はこの辺りにテンプレートを記述 */ ?>
ここでいうテンプレートとはpage.phpをコピペする意味・・・ではないですよね？

それは、そのページの本文やタイトルを記述したい場合はその辺りに

<h2><?php the_title(); ?></h2>
<div><?php the_content(); ?></div>

のようにテンプレートを記述してください、という意味でした。カテゴリーについての説明や、イメージ画像を本文に貼り付けて使用したりするケースを想定していました。必要がなければ無視してください。

==== 3 点目 ====

<!– このページテンプレートを使用した場合のサイドバーの内容をここに記述 –>
これについても、sideber.phpをコピペしたり、いろいろ試したのですが何も変化がおきなかったり、サイドバーごと消えてしまったりしております。

カスタマイズの基本事項については WordPress Codex 日本語版などで調べてください。何もご存じない場合には、下手に手を出さない方がよいかもしれません。私も何から説明していいのか分かりませんし。特に必要がなければ無視してください。条件分岐タグについての補足は完全に蛇足だったようですね、申し訳ありません。

====

それから訂正です。

$showposts = trim( get_post_meta( $post->ID, 'showposts', true ) );
$showposts = mb_convert_kana( $showposts, 'a', get_option( 'blog_charset' ) );
$showposts = preg_replace( '/[^0-9]/', '', $showposts );
$showposts = ( empty( $showposts ) ) ? get_option( 'posts_per_page' ) : $showposts;

この部分はカスタムフィールドにて showposts キーの値で表示件数を制御するためのコードなのですが、ここを

$showposts = trim( get_post_meta( $post->ID, 'showposts', true ) );
$showposts = mb_convert_kana( $showposts, 'a', get_option( 'blog_charset' ) );
$showposts = preg_replace( '/[^0-9]/', '', $showposts );
$showposts = ( empty( $showposts ) ) ? 20 : $showposts;

とするか

$showposts = 20;

に変更してお使いください。

あれれ、 read more は表示されませんか? こちらでも 2.6.5 での動作を確認してみます。すみません。

私の環境では、 WordPress 2.6.5 でも問題なく read more が表示されました。

失礼ですが、このページ以外の、カテゴリーのアーカイブページやトップページなどでは、各投稿に ちゃんと read more が表示されている状態なのでしょうか?

==== 表示されている場合 ====
WordPress のバージョンは 2.6.5 でしょうか? それ以下であれば、詳細なバージョンを教えてください。それから、お使いのテーマと配布元の URL を教えてください。

出来れば、お使いのプラグインを一度すべて無効にし、その状態でページテンプレートを使用したページで read more が表示されるかどうかを確認してみてください。それでもしうまくいくようでしたら、何らかのプラグインと衝突している可能性があります。一つずつプラグインを有効にしながら原因となっているプラグインを特定し、プラグイン名と配布元の URL を教えて頂ければ解決の糸口になるかと思います。

==== 表示されていない場合 ====
まずは本文を more タグで区切る必要があります。

本文の編集に「ビジュアル」エディタを使用している場合は、「リンクの解除」ボタンの右隣にある Insert More tag というポップアップの出るボタンを押すことで挿入できます。 一方、「HTML」エディタを使用されている場合には、任意の場所に <!--more--> と記述してください。

すると　more タグの挿入箇所に read more のリンクが表示され、以降の本文が省略されます。