SANGOで新着記事一覧カードをTOPに出す方法

functions.php
/*********************
オリジナルのカードリンクを好きな数だけ出力するショートコードを作成
*********************/
add_shortcode('mycatpost', 'sng_my_output_cards_by');
function sng_my_output_cards_by($atts)
{
  $num = isset($atts['num']) ? esc_attr($atts['num']) : '4';
  $catid = isset($atts['catid']) ? explode(',', $atts['catid']) : null;
  $notin = isset($atts['notin']) ? explode(',', $atts['notin']) : null;
  $orderby = isset($atts['orderby']) ? $atts['orderby'] : 'date';
  $order = isset($atts['order']) ? ($atts['order']) : "DESC";

  if ($catid) {
    $output_posts = get_posts(array(
      'category__in' => $catid,
      'numberposts' => $num,
      'orderby' => $orderby,
      'order' => $order
    ));
  } else {
    $output_posts = get_posts(array(
      'category__not_in' => $notin,
      'numberposts' => $num,
      'orderby' => $orderby,
      'order' => $order
    ));
  }
  $output = "<div id='home_cards' class='catpost-cards flex flex-wrap space-between'>";
  foreach ($output_posts as $post) {
    $output .= sng_my_card_link(array('id' => $post->ID));
  }
  $output .= '</div>';
  return $output;
}

/*********************
1つのオリジナルカードを出力する関数を作成(上の関数から呼び出す)
 *********************/
add_shortcode('mycardlink', 'sng_my_card_link');
function sng_my_card_link($atts)
{
  $id = isset($atts['id']) ? esc_attr($atts['id']) : null;
  $output = '';
  if ($id) {
    $ids = (explode(',', $id));
  }
  $target = isset($atts['target']) ? ' target="_blank"' : "";
  foreach ($ids as $eachid) {
    $img = (get_the_post_thumbnail($eachid)) ? get_the_post_thumbnail($eachid, 'thumb-520') : '<img src="' . featured_image_src('thumb-520', $eachid) . '">';
    $url = esc_url(get_permalink($eachid));
    $title = esc_attr(get_the_title($eachid));
    $time = get_the_time('Y.m.d', $eachid);
    $icon_name = get_option('use_fontawesome4') ? '<i class="fa fa-clock-o"></i>' : '<i class="fas fa-clock"></i>';
// 	$desc = mb_substr(get_the_excerpt($eachid), 0, 20) . '...';
	  
    if ($url && $title) {
      $output .= <<<EOF
    <a class="c_linkto" href="{$url}"{$target}>
      <span>{$img}</span>
      <span class="c_linkto_text">
        <time class="pubdate sng-link-time dfont">{$time}</time>
        <span class="home_cards-title">{$title}</span>
      </span>
	  
    </a>
EOF;
    }
  }
  return $output;
}
//END 1つのカードを出力する関数

表示したい場所にショートコードを追加

ShortCode
[mycatpost num="4"]