@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){
  /*必要ならばここにコードを書く*/
}
function custom_cards() {
  ob_start();
  ?>
  <div class="custom-post-cards">
    <?php
      $args = array('post_type' => 'post', 'posts_per_page' => 6);
      $the_query = new WP_Query($args);
      if ($the_query->have_posts()):
        while ($the_query->have_posts()): $the_query->the_post();
    ?>
      <div class="card">
        <a href="<?php the_permalink(); ?>">
          <div class="thumbnail"><?php the_post_thumbnail('medium'); ?></div>
          <div class="meta">
            <div class="category"><?php the_category(', '); ?></div>
            <h3 class="title"><?php the_title(); ?></h3>
            <div class="date"><?php the_time('Y.m.d'); ?></div>
            <p class="excerpt"><?php echo get_the_excerpt(); ?></p>
          </div>
        </a>
      </div>
    <?php endwhile; endif; wp_reset_postdata(); ?>
  </div>
  <?php
  return ob_get_clean();
}
add_shortcode('custom_cards', 'custom_cards');