2024(令和6)年5月24日ショートコード【景品表示法に基づく表記】ページ内のコンテンツには、商品プロモーションが含まれていますWordPressのブロックエディターで標準装備されている「カテゴリー一覧」ブロック、簡単にカテゴリーの一覧を表示でき、以下のようなオプションがあります。ドロップダウンで表示するかどうか投稿数を表示するかどうか最上位レベルのカテゴリーのみを表示するかどうか空のカテゴリーを表示するかどうか階層を表示するかどうかただ、その中の一部カテゴリーの一覧を表示させたい場合には、残念ながらこのブロックでは実現できません。そこで本ページでは、ショートコードを使って、IDが〇〇という親カテゴリーを持つカテゴリーの一覧を表示させるコードを紹介します。本ページ掲載のコードを使用するときは本ページで掲載しているコードは、以下に了承した上で使用くださいコードは商用・非商用問わず自由に使っていただいて構いませんが、コード追加による不具合やトラブルが発生しても当方では一切責任を負いませんコードは有効化しているテーマのfunctions.php、style.cssなどへ追加することで機能します。それらのファイルへの変更を行うことに不安のある方は使用しないでくださいコードは本ページの公開日時点で私の環境において動作したものです。WordPressバージョン他環境の違いによって動作しないことがありますコードは、セキュリティ、コードの正確さなどにおいて完全なものではありません。中には紹介するコードを簡略化するために省略している部分があるものもありますので、ご自身でコードを十分に検証し、必要な部分の編集を行った上で使用するようにしてください掲載しているのは参考コードです。以下のコードを有効化しているテーマのfunctions.phpへ追加します。'pwcn_display_child_categories_by_parent');追加したら、投稿編集画面などで以下のショートコードを挿入し、「parentid」パラメーターへ親カテゴリーのIDを入力すれば、その親カテゴリーを持つカテゴリーの一覧が件数付で表示できます。parentid="14"]上記コードでは、親カテゴリーのIDがない(未入力や見つからない)場合には、「指定されたIDを持つ親カテゴリーがありません」と表示されるようにしていたり、カテゴリーに紐づくコンテンツがない場合にはリストに出力されないようにしたりしていますので、必要に応じて変更してください。表示されるのは子カテゴリーのみですので、親カテゴリーへのリンクも表示させたい場合にはコードの修正を行ってください。スタイルの追加プログラムの追加だけでは、単純なリスト表示しかされないので、スタイルを整えます。以下がサンプルのスタイルコードです。テーマのstyle.cssへ追加します。#eee;}テーマにスタイルコードが追加できる環境がなければ、以下のコードをfunctions.phpへ追加することでも代用できます。#eee;}</style><?php}add_action('wp_head','pwcn_display_child_categories_by_parent_sytle');スタイルは2列表示させたり、ホーバー時の装飾などをしたりしていますが、サイトに合わせて適宜変更してください本ページで掲載した内容や、紹介した参考コードなどがお役に立てたようでしたら、ページ末尾のコメント欄よりコメントを残す、SNS等で拡散するなどしていただけましたら幸いです。本ページ掲載の方法やコード等はあくまでも最終更新日時点での私の環境において動作確認等を行ったものです。動作不良やカスタマイズの詳細な方法などをコメント欄よりいただきましても原則回答は致しませんのでご了承ください。WordPressのカスタマイズに関するご要望はココナラにてお受けしております。お問い合わせ方法など詳しくはこちらをご覧ください。最後までお読みいただきありがとうございました。Tenテーマがデフォルトになる前と結構な期間お世話になっています。興味に応じて、いろいろなサイト作っては壊しを繰り返しながら、独自テーマの作成やプラグインの作成などを行っています。Utility】プラグインの紹介などをしています。コメントをキャンセルメールアドレスが公開されることはありません。次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。(PWCN)WordPressで実際に行ったカスタマイズの記録、発生したトラブルに対処した時のメモ、ブロックテーマのカスタマイズなどこのスライドメニューは以下のページの方法を使って実装しています。以下のページでタブ切り替え式のコンテンツの作り方を公開しました。Utility】プラグインをバージョン5.1へ更新しました。Monitorプラグインからの離脱方法メモ(ちょっと大変かも..)。