カルーセルを人気順で表示する方法

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

以下のコードをfunctions.phpに追加します。
カルーセルを人気順に並び替え、先頭に固定表示とした投稿は解除します。

add_filter('cocoon_carousel_args', function ($args) {
  // 人気記事が有効な場合
  if (is_carousel_popular_posts_enable()) {
    // 表示を人気順に設定
    $args['orderby'] = 'post__in';

    // 先頭固定表示の投稿を無視
    $args['ignore_sticky_posts'] = true;
  }

  return $args;
});

以下のコードをfunctions.phpに追加します。
各カードにランキング（carousel-no）を追加します。

add_filter('cocoon_part__tmp/carousel-entry-card', function ($content) {
  static $i = 1;

  return preg_replace('/(<\/article>)/i', '$1<div class="carousel__number">' . $i++ . '</div>', $content);
});

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

.carousel-entry-card-wrap {
  position: relative;
}

.carousel__number {
  background-color: #333;
  color: #fff;
  font-size: 12px;
  line-height: 1.5em;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 1.5em;
  z-index: 1;
}