<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>カテゴリ別 &#8211; ケケンタの独学ITブログ</title>
	<atom:link href="https://kekenta-it-blog.com/tag/%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e5%88%a5/feed/" rel="self" type="application/rss+xml" />
	<link>https://kekenta-it-blog.com</link>
	<description>プログラミングやWeb制作の情報を発信</description>
	<lastBuildDate>Tue, 18 Mar 2025 02:13:31 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://kekenta-it-blog.com/wp-content/uploads/2023/07/cropped-KEKENTA-BLOG-32x32.png</url>
	<title>カテゴリ別 &#8211; ケケンタの独学ITブログ</title>
	<link>https://kekenta-it-blog.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【WordPress】各カテゴリーに紐づくすべてのタグ一覧を出力する</title>
		<link>https://kekenta-it-blog.com/wp-cattags-all-display/</link>
					<comments>https://kekenta-it-blog.com/wp-cattags-all-display/#respond</comments>
		
		<dc:creator><![CDATA[ケケンタ]]></dc:creator>
		<pubDate>Wed, 05 Jun 2024 06:34:10 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[カテゴリ別]]></category>
		<category><![CDATA[タグ一覧]]></category>
		<guid isPermaLink="false">https://kekenta-it-blog.com/?p=7757</guid>

					<description><![CDATA[<p><img src="https://kekenta-it-blog.com/wp-content/uploads/2024/06/eye-catch__wp-cattags-all-display__7757-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>今回はこのようなお悩みをお持ちの方に向けて WordPressで各カテゴリーに紐づくすべてのタグ一覧を出力する方法 をご紹介します。 WordPressでは以下のような条件なら簡単に出力が可能です。 しかし、 「カテゴリ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://kekenta-it-blog.com/wp-content/uploads/2024/06/eye-catch__wp-cattags-all-display__7757-1024x576.jpg" class="webfeedsFeaturedVisual" /></p><div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/困った顔-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/困った顔-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ケケンタ</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>WordPressで各カテゴリに紐づいているすべてのタグを一覧で出力したいけど、やり方が分からない……！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p>今回はこのようなお悩みをお持ちの方に向けて</p>



<p class="has-text-align-center is-style-big_kakko_box"><strong>WordPressで各カテゴリーに紐づく<br>すべてのタグ一覧を出力する方法</strong></p>



<p>をご紹介します。</p>



<p>WordPressでは<strong>以下のような条件</strong>なら簡単に出力が可能です。</p>



<ul class="wp-block-list -list-under-dashed is-style-check_list">
<li><strong>投稿</strong>に紐づく<strong>カテゴリー</strong></li>



<li><strong>カテゴリー</strong>に紐づく<strong>投稿</strong></li>



<li><strong>投稿</strong>に紐づく<strong>タグ</strong></li>



<li><strong>タグ</strong>に紐づく<strong>投稿</strong></li>
</ul>



<p>しかし、</p>



<p class="is-style-bg_stripe">「<strong>カテゴリー</strong>に紐づく<strong>タグ</strong>」や「<strong>タグ</strong>に紐づく<strong>カテゴリー</strong>」を出力する場合、ひと手間必要になります。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ケケンタ</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>今回はこの内、フッターなど、特定のページに依存せず<span class="swl-marker mark_yellow"><strong>どこのページでもすべてのカテゴリーごとに紐づいているタグの一覧を出力する方法</strong></span>をご紹介します。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/wp-subloop-wq/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">【WordPress】WP_Query（サブループ）の使い方とパラメータ一覧を紹介</span>
			</a>
		</div>

<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/wp-edit-functions/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">【WordPress】functions.phpを編集する「３つ」の方法と編集時の注意点</span>
			</a>
		</div>

<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/wp-how-to-load-js/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">【WordPress】JavaScriptはどこに書けばいい？「３つの方法」を解説</span>
			</a>
		</div>

<div class="swell-block-postLink">			<a href="https://kekenta-it-blog.com/change-to-swell/" class="c-blogLink -internal" data-style="text">
				<!-- <i class="c-blogLink__icon icon-link" role="presentation"></i> -->
				<span class="c-blogLink__icon">
					<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-link __svg" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M21.2 30.2c-.5 0-1-.2-1.4-.6l-.7-.7c-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l7.1-7.1c2.3-2.3 5.3-3.5 8.5-3.5s6.2 1.2 8.5 3.5c4.7 4.7 4.7 12.3 0 17l-3.5 3.5c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8l3.5-3.5c3.1-3.1 3.1-8.2 0-11.3-1.5-1.5-3.5-2.3-5.7-2.3-2.1 0-4.2.8-5.7 2.3l-7.1 7.1c-1.5 1.5-2.3 3.5-2.3 5.7s.8 4.2 2.3 5.7l.7.7c.8.8.8 2 0 2.8-.4.3-.9.5-1.4.5z" /><path d="M13.4 46.6c-3.1 0-6.1-1.2-8.5-3.5-2.3-2.3-3.5-5.3-3.5-8.5s1.2-6.2 3.5-8.5l3.5-3.5c.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8l-3.5 3.5c-1.5 1.5-2.3 3.5-2.3 5.7 0 2.1.8 4.2 2.3 5.7 3.1 3.1 8.2 3.1 11.3 0l7.1-7.1c1.5-1.5 2.3-3.5 2.3-5.7 0-2.1-.8-4.2-2.3-5.7l-.7-.7c-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0l.7.7c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5l-7.1 7.1c-2.3 2.3-5.3 3.5-8.4 3.5z" /></svg>				</span>
				<span class="c-blogLink__text">無料テーマCocoonからSWELLに乗り換えた７つの理由【WordPress】</span>
			</a>
		</div>

<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type2" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2025/03/eye-catch__school-php-and-wp__14099-300x169.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://kekenta-it-blog.com/school-php-and-wp/">PHPやWordPressを学ぶのにおすすめのプログラミングスクール【７選】</a>
						<span class="p-blogCard__excerpt">僕はこれまで独学でPHPを学習してきました。結論から言えば、それでもPHPを習得することはできました。 しかし、それに費やした累計学習期間は1年ほど。モチベーション&#8230;</span>					</div>
				</div>
			</div>
		</div>


<h2 class="wp-block-heading">【ソースコード】各カテゴリーに紐づいているタグの一覧を出力する方法</h2>



<p>まずは先に今回の回答であるソースコードを提示させていただきます。</p>



<p>以下のソースコードを<strong>「カテゴリー×タグ一覧」を表示したい箇所に記述する</strong>ことで、「各カテゴリーに紐づいているタグの一覧」を出力することが可能です。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP" data-line="9,18,29,53,59"><code>&lt;?php 
	/** 
	 * ■ 処理の流れ（大枠）
	 * １．全カテゴリーを取得
	 * ２．各カテゴリーごとに紐づいている投稿を全取得
	 * ３．２で取得した投稿に紐づいているタグを全取得
	 */

	$html = &#39;&#39;;  // HTML出力用変数の初期宣言
	
	/**
	 * １．全カテゴリーを取得
	 */
	$categories = get_categories();  
	foreach( $categories as $category ) {

		// HTML先頭（カテゴリごとにdiv要素で区切る）
		$html = &#39;&lt;div&gt;&#39;;

		/**
		 * ２．各カテゴリーごとに紐づいている投稿を全取得
		 */
		$args = [
			&#39;category&#39; =&gt; $category-&gt;term_id,
            &#39;posts_per_page&#39; =&gt; -1 // 取得投稿数を「全件」にする　※デフォルトだと5件なので注意
		];
		$category_posts = get_posts( $args );

		// カテゴリーリンクをHTMLに配置
		$html .= &#39;&lt;p&gt;&lt;a href=&quot;&#39;. get_category_link( $category-&gt;term_id ) . &#39;&quot;&gt;&#39;. $category-&gt;name . &#39;&lt;/a&gt;&lt;/p&gt;&#39;;

		/**
		 * ３．２で取得した投稿に紐づいているタグを全取得
		 */
		// タグ重複チェック用配列
		$checked_tag = array();
		foreach( $category_posts as $cat_post ){

			// 各記事のタグを全出力する
			$tags = get_the_tags($cat_post-&gt;ID);
			/**
			 * ３-２．記事にタグが登録されているか判定し、登録されていれば全てのタグをリンクとして出力する
			 */
			if( $tags ){  							
				foreach( $tags as $tag ){
					if( in_array( $tag-&gt;name, $checked_tag) ){
						// 重複しているタグはスキップ
						continue;
					} else {
						// タグ重複チェック用
						array_push( $checked_tag, $tag-&gt;name );

						// タグリンクをHTMLに配置
						$html .= &#39;&lt;p&gt;&lt;a href=&quot;&#39;. get_tag_link( $tag-&gt;term_id ) . &#39;&quot;&gt;&#39; . $tag-&gt;name . &#39;&lt;/a&gt;&lt;/p&gt;&#39;;
					}
				}
			}
		}
		// HTMLを出力
		$html .= &quot;&lt;/div&gt;&quot;;
		echo $html;
	}
?&gt;</code></pre></div>



<p class="is-style-icon_pen"><strong>HTMLはハイライト行で</strong><strong>生成</strong>しています。<br>レイアウト調整したい場合はその辺りをいじっていただき、CSSをお当て下さい。</p>



<p class="has-text-align-center is-style-balloon_box2">出力の様子</p>



<figure class="wp-block-image size-full is-style-shadow size_s"><img decoding="async" width="323" height="492" src="https://kekenta-it-blog.com/wp-content/uploads/2024/06/image-16.png" alt="" class="wp-image-7772" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/06/image-16.png 323w, https://kekenta-it-blog.com/wp-content/uploads/2024/06/image-16-197x300.png 197w" sizes="(max-width: 323px) 100vw, 323px" /><figcaption class="wp-element-caption">出力の様子</figcaption></figure>



<p class="has-text-align-center is-style-balloon_box2">上記のソースコードで出力されるHTMLの構成</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-html" data-lang="HTML"><code>&lt;div&gt;
  &lt;p&gt;&lt;a href=&quot;カテゴリアーカイブページへのリンク&quot;&gt;カテゴリ名&lt;/a&gt;&lt;/p&gt;
  &lt;p&gt;&lt;a href=&quot;タグアーカイブページへのリンク&quot;&gt;タグ名１&lt;/a&gt;&lt;/p&gt;
  &lt;p&gt;&lt;a href=&quot;タグアーカイブページへのリンク&quot;&gt;タグ名２&lt;/a&gt;&lt;/p&gt;
    ．
    ．
    ．
  &lt;p&gt;&lt;a href=&quot;タグアーカイブページへのリンク&quot;&gt;タグ名Ｎ&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;

&lt;div&gt;
  &lt;p&gt;&lt;a href=&quot;カテゴリアーカイブページへのリンク&quot;&gt;カテゴリ名&lt;/a&gt;&lt;/p&gt;
  &lt;p&gt;&lt;a href=&quot;タグアーカイブページへのリンク&quot;&gt;タグ名１&lt;/a&gt;&lt;/p&gt;
  &lt;p&gt;&lt;a href=&quot;タグアーカイブページへのリンク&quot;&gt;タグ名２&lt;/a&gt;&lt;/p&gt;
    ．
    ．
    ．
  &lt;p&gt;&lt;a href=&quot;タグアーカイブページへのリンク&quot;&gt;タグ名Ｎ&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;


&lt;!-- これ以降もカテゴリの数だけdivタグの塊が出力される --&gt;

</code></pre></div>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4374558503914683"
     crossorigin="anonymous"></script>
<!-- ディスプレイ【横長】 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4374558503914683"
     data-ad-slot="9744298852"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">【解説】画像説明</h2>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ケケンタ</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>基本的にはソースコードに記載してあるコメント自体が解説になっていますが、イメージしづらい部分もあるかと思いますので<strong>画像も使用して解説</strong>をしたいと思います。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p>まず、処理の大枠は次の通りです。</p>



<div class="swell-block-capbox cap_box is-style-onborder_ttl2"><div class="cap_box_ttl"><span>処理の大枠の流れ</span></div><div class="cap_box_content">
<ul class="wp-block-list is-style-num_circle -list-under-dashed">
<li>全カテゴリーを取得</li>



<li>各カテゴリーごとに紐づいている投稿を全取得</li>



<li>②で取得した投稿に紐づいているタグを全取得　→　一覧出力</li>
</ul>
</div></div>



<p>前述したように、WordPressでは直接「カテゴリー×タグ」のような関係の情報を一発で取得することが難しいです。</p>



<p>しかし、「投稿」を間に介することで、「カテゴリー×タグ」の関係性を持つ情報を取得することが可能です。</p>



<p class="has-text-align-center is-style-balloon_box2"><strong>今回の「データ構造」と「処理」のイメージ図</strong></p>



<figure class="wp-block-image size-full is-style-shadow size_xs"><img decoding="async" width="800" height="782" src="https://kekenta-it-blog.com/wp-content/uploads/2024/06/wp-cattags-all-display01.jpg" alt="各カテゴリーに紐づくすべてのタグ一覧を出力する処理のデータ構造" class="wp-image-7798" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/06/wp-cattags-all-display01.jpg 800w, https://kekenta-it-blog.com/wp-content/uploads/2024/06/wp-cattags-all-display01-300x293.jpg 300w, https://kekenta-it-blog.com/wp-content/uploads/2024/06/wp-cattags-all-display01-768x751.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">データ構造</figcaption></figure>



<figure class="wp-block-image size-full is-style-shadow size_xs"><img decoding="async" width="800" height="396" src="https://kekenta-it-blog.com/wp-content/uploads/2024/06/wp-cattags-all-display02.jpg" alt="各カテゴリーに紐づくすべてのタグ一覧を出力する処理の流れ①" class="wp-image-7799" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/06/wp-cattags-all-display02.jpg 800w, https://kekenta-it-blog.com/wp-content/uploads/2024/06/wp-cattags-all-display02-300x149.jpg 300w, https://kekenta-it-blog.com/wp-content/uploads/2024/06/wp-cattags-all-display02-768x380.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">処理の流れ①</figcaption></figure>



<figure class="wp-block-image size-full is-style-shadow size_xs"><img decoding="async" width="800" height="782" src="https://kekenta-it-blog.com/wp-content/uploads/2024/06/wp-cattags-all-display03.jpg" alt="各カテゴリーに紐づくすべてのタグ一覧を出力する処理の流れ②" class="wp-image-7800" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/06/wp-cattags-all-display03.jpg 800w, https://kekenta-it-blog.com/wp-content/uploads/2024/06/wp-cattags-all-display03-300x293.jpg 300w, https://kekenta-it-blog.com/wp-content/uploads/2024/06/wp-cattags-all-display03-768x751.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">処理の流れ②</figcaption></figure>



<figure class="wp-block-image size-full is-style-shadow size_xs"><img decoding="async" width="800" height="782" src="https://kekenta-it-blog.com/wp-content/uploads/2024/06/wp-cattags-all-display04.jpg" alt="各カテゴリーに紐づくすべてのタグ一覧を出力する処理の流れ③" class="wp-image-7801" srcset="https://kekenta-it-blog.com/wp-content/uploads/2024/06/wp-cattags-all-display04.jpg 800w, https://kekenta-it-blog.com/wp-content/uploads/2024/06/wp-cattags-all-display04-300x293.jpg 300w, https://kekenta-it-blog.com/wp-content/uploads/2024/06/wp-cattags-all-display04-768x751.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">処理の流れ③</figcaption></figure>



<p>このように</p>



<ul class="wp-block-list is-style-num_circle -list-under-dashed">
<li>全カテゴリーを取得し、</li>



<li>各カテゴリーに紐づく投稿を取得し、</li>



<li>その投稿たちに紐づくタグを取得し、取得したタグたちを（重複を削除しつつ）出力する</li>
</ul>



<p>といった流れを踏むことで</p>



<p>今回の主題である「各カテゴリーに紐づいているタグの一覧を出力する」を実現することが可能です。</p>



<p class="is-style-icon_pen">また、各投稿で同じタグが登録されているとタグ一覧で重複が発生してしまうため、以下の部分で一度出力したタグは2回目の出現からは出力しないよう制御しています。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-php" data-lang="PHP" data-line="9,19-24"><code>&lt;?php 

　～省略～

		/**
		 * ３．２で取得した投稿に紐づいているタグを全取得
		 */
		// タグ重複チェック用配列
		$checked_tag = array();
		foreach( $category_posts as $cat_post ){

　　　　　　～省略～

			/**
			 * ３-２．記事にタグが登録されているか判定し、登録されていれば全てのタグをリンクとして出力する
			 */
			if( $tags ){  							
				foreach( $tags as $tag ){
					if( in_array( $tag-&gt;name, $checked_tag) ){
						// 重複しているタグはスキップ
						continue;
					} else {
						// タグ重複チェック用
						array_push( $checked_tag, $tag-&gt;name );

						～省略～
					}
				}
			}
		}

　　　　～省略～

	}
?&gt;</code></pre></div>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4374558503914683"
     crossorigin="anonymous"></script>
<!-- ディスプレイ【横長】 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4374558503914683"
     data-ad-slot="9744298852"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">まとめ</h2>



<p>以上が</p>



<p><strong>WordPressで各カテゴリーに紐づいているタグの一覧を出力する方法</strong>でした。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://kekenta-it-blog.com/wp-content/uploads/2023/07/キリッ-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ケケンタ</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>調べてみると以外にもこの方法を解説している記事を見つけることができず（探し方の問題はあるかと思いますが……）今回ぼくの方で記事にしてみました。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p>この記事がお役に立ったなら何よりです。</p>



<p>当ブログではその他にもWordPressやWeb制作、PHPのお役立ち情報を発信しているため、ご興味のある方はぜひ他の記事もご覧いただけると嬉しいです。</p>



<p>それでは、最後までご覧いただきありがとうございました！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://kekenta-it-blog.com/wp-cattags-all-display/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
