TCDテーマREHUB：日本地図に孫カテゴリーを表示させる方法

Q.日本地図コンテンツに孫カテゴリーを表示させたいです。

テーマの仕様変更(v3.0→3.1)に伴って、日本地図コンテンツにはレビューカテゴリーの2階層目までしか表示されない仕様となっております。
この仕様を修正して、孫カテゴリーも表示させるカスタマイズ方法をご紹介します。

テーマファイルを編集します。
編集するファイル：　functions/japan-map/class-tcd-japan-map.php
編集する箇所：129行目　

$child_terms = get_terms( array(
 'taxonomy' => 'review_category',
 'hide_empty' => false,
 'parent' => $term_id
 ) );

if( is_wp_error( $child_terms ) || empty( $child_terms ) ){
  $child_terms = array( $term );
}

foreach( $child_terms as $key => $child_term ){
 $is_empty = $child_term->count == 0 ? 'is-empty' : '';
  echo '<a class="p-jmap-a-list__terms-link ' . $is_empty . '" href="' . esc_url( get_term_link( $child_term ) ) . '">' . esc_html( $child_term->name ) . '</a>';
}

↓↓↓

$child_term_ids = get_terms(array(
  'taxonomy' => 'review_category',
  'child_of'   => $term_id,
  'orderby' => 'none',
  'hide_empty' => false
));
  if( is_wp_error( $term ) || empty( $child_term_ids ) ){
    $child_term_ids = array( $term_id );
  }

foreach( $child_term_ids as $key => $term_id ){
  $term = get_term( $term_id, 'review_category' );
    if( ! is_wp_error( $term ) && ! empty( $term ) ){
     echo '<a class="p-jmap-a-list__terms-link" href="' . esc_url( get_term_link( $term ) ) . '">' . esc_html( $term->name ) . '</a>';
    }
 }

編集するファイル：　functions/japan-map/class-tcd-japan-map.php
編集する箇所：176行目　

$child_terms = get_terms( array(
 'taxonomy' => 'review_category',
 'hide_empty' => false,
 'parent' => $term_id
) );

if( is_wp_error( $child_terms ) || empty( $child_terms ) ){
 $child_terms = array( $term );
}

foreach( $child_terms as $key => $child_term ){
  if( $key != 0 ){
    echo '<span class="p-jmap-b-list__terms-sep"></span>';
  }
  $is_empty = $child_term->count == 0 ? 'is-empty' : '';
  echo '<a class="p-jmap-b-list__terms-link ' . $is_empty . '" href="' . esc_url( get_term_link( $child_term ) ) . '">' . esc_html( $child_term->name ) . '</a>';
}

↓↓↓

$child_term_ids = get_terms(array(
  'taxonomy' => 'review_category',
  'child_of'   => $term_id,
  'orderby' => 'none',
  'hide_empty' => false
));
  if( is_wp_error( $term ) || empty( $child_term_ids ) ){
    $child_term_ids = array( $term_id );
  }

foreach( $child_term_ids as $key => $term_id ){
  $term = get_term( $term_id, 'review_category' );
    if( ! is_wp_error( $term ) && ! empty( $term ) ){
     echo '<a class="p-jmap-a-list__terms-link" href="' . esc_url( get_term_link( $term ) ) . '">' . esc_html( $term->name ) . '</a>';
    }
 }

編集するファイル：　functions/japan-map/class-tcd-japan-map.php
編集する箇所：223行目　

$child_terms = get_terms( array(
  'taxonomy' => 'review_category',
  'hide_empty' => false,
  'parent' => $term_id
) );

if( is_wp_error( $child_terms ) || empty( $child_terms ) ){
  $class = '';
  $child_terms = array( $term );
}

↓↓↓

$child_term_ids = get_terms(array(
  'taxonomy' => 'review_category',
  'child_of'   => $term_id,
  'orderby' => 'none',
  'hide_empty' => false
));
 if( is_wp_error( $term ) || empty( $child_term_ids ) ){
   $class = '';
   $child_term_ids = array( $term_id );
}

編集するファイル：　functions/japan-map/class-tcd-japan-map.php
編集する箇所：249行目　

foreach( $child_terms as $key => $child_term ){
  $is_empty = $child_term->count == 0 ? 'is-empty' : '';
  echo '<div class="p-jmap-sp__terms-item">';
  echo '<a class="p-jmap-sp__terms-link ' . $is_empty . '" href="' . esc_url( get_term_link( $child_term ) ) . '">' . esc_html( $child_term->name ) . '</a>';
  echo '</div>';
}

↓↓↓

foreach( $child_term_ids as $key => $term_id ){
  $term = get_term( $term_id, 'review_category' );
  if( ! is_wp_error( $term ) && ! empty( $term ) ){
  echo '<div class="p-jmap-sp__terms-item">';
  echo '<a class="p-jmap-sp__terms-link" href="' . esc_url( get_term_link( $term ) ) . '">' . esc_html( $term->name ) . '</a>';
  echo '</div>';
 }
}

▼設定後イメージ

備考

• 上記のカスタマイズ対応後、孫カテゴリーが該当の子カテゴリーの下に配置されない場合は、「Category Order and Taxonomy Terms Order」といったプラグインを使用し、都道府県の配下で、地域カテゴリーの順番を並び替えてください。
  
  

  カテゴリの順番を変更するプラグイン「Category Order and Taxonomy Terms Order」 – ワードプレステーマTCD

  WordPressは、基本的にカテゴリーの順番を入れ替えることはできません。そのため、カテゴリ順を変えたい場合にはカスタムメニューか、プラグインを使う必要があります。

• 地域が多くなりすぎると、日本地図や他の地域のリンクと重なってしまう可能性があります。カスタムCSSで適宜調節してください。※数値はお好みで変更してください。

  /*タイプA*/
  .p-jmap-a-list__terms-link{
    width: 60px;
    height: 28px;
  }
  /*タイプB*/
  .p-jmap-b-list__terms{
    gap: 4px;
  }
  

• 「日本地図」機能を使用するには、テーマをメジャーアップデート「Ver2.0」以上に更新してご利用ください。

関連記事

2024.02.06

TCDテーマREHUB：日本地図の各エリアの位置を調整する方法

Q. 日本地図で各エリアのコンテンツ同士が被ってしまう場合がありますが、どうしたら良いでしょうか？ ▼参考事例 上記のように北海道エリアに複数の市町村を設定すると、東北エリアと被ってしまうことがあります。 A. 「カスタムCSS」の機能で各所調整可能です。 今回は上のパターンのように「北...

投稿一覧内の記事の順番を入れ替えるプラグイン「Intuitive Custom Post Order」 – ワードプレステーマTCD

WordPressの投稿、カスタム投稿を一覧表示などで並び順を変更する場合には、基本的に日時を修正する必要があります。しかし、入れ替えの頻度が頻繁だったり、数が多いと手間となります。また日時を変更したくないという場合もあります。