@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

<?php
// カテゴリーページの説明文の下に子カテゴリを表示
add_action('wp_head', 'display_child_categories');

function display_child_categories() {
  if (is_category()) {
    $category = get_queried_object();

    // 子カテゴリ取得
    $child_categories = get_categories(array(
      'child_of' => $category->term_id,
      'hide_empty' => false,
    ));

    if (!empty($child_categories)) {
      echo '<div class="child-categories" style="margin:20px;padding:10px;border:1px solid #ccc;"><strong>▼子カテゴリ一覧</strong><ul>';
      foreach ($child_categories as $child) {
        $link = get_category_link($child->term_id);
        echo '<li><a href="' . esc_url($link) . '">' . esc_html($child->name) . '</a></li>';
      }
      echo '</ul></div>';
    }
  }
}