ページごとにアピールエリアのエリア画像を切り替え表示する方法

表1に示す項目を設定します。

以下のコードをfunctions.cssに追加します。

add_filter('theme_mod_appeal_area_image_url', function($mod) {
  $url = null;

  // カテゴリーページの場合
  if (is_category()) {
    $id = get_query_var('cat');
    $url = get_the_category_eye_catch_url($id);
  }
  // タグページの場合
  elseif (is_tag() || is_tax()) {
    $id = get_queried_object_id();
    $url = get_the_tag_eye_catch_url($id);
  }
  // 投稿・固定ページの場合
  elseif (is_singular()) {
    $url = wp_get_attachment_url(get_post_thumbnail_id());
  }

  if ($url) {
    $mod = $url;
  }
  return $mod;
});

表3に示す項目を設定します。

以下のコードをstyle.cssに追加します。
該当ページごとに背景画像を定義します。

/* 投稿 */
.postid-投稿ID .appeal {
  background-image: url('背景画像URL');
}

/* 固定ページ */
.page-id-固定ページID .appeal {
  background-image: url('背景画像URL');
}