MENU

ショートコードを使って投稿一覧の記事を任意の数だけ表示

/*ショートコードを使って投稿一覧の記事を任意の数だけ表示 */
function sample_post_list() { // 変数を定義
	global $post;

	$args = array(
		'posts_per_page' => 3, // 表示件数を半角数字で指定します(この場合は5件表示されます)
		'post_type'      => 'post',
		'post_status'    => 'publish',
	);
	$posts_array = get_posts($args);

	$html = '<div class="shopnews__post">'; 
	foreach($posts_array as $post): // loop開始
	setup_postdata($post);

	$cat = get_the_category();
	$catname = $cat[0]->cat_name;
	
	$html .= '<div class="shopnews__item">';
	$html .= '<a href="'.get_permalink().'">'; // 記事URLを取得
		
	$html .= '<div class="shopnews__flex">';
	$html .= '<p class="shopnews__cat">'.$catname.'</p>';
	
	$html .= '<div class="shopnews__main">';
	$html .= '<time datetime="'.get_the_date( DATE_W3C ).'">'.get_the_date().'</time>'; // 投稿日を表示
// 	$html .= '<p class="shopnews__content">'.get_the_content().'</p>';
	$html .= get_the_content();
	$html .= '</div>';
	
	$html .= '</div>';
	
	$html .= '</a>';
	
	$html .= '</div>';
	
// 	$html .= '<p>'.get_the_title().'</p>'; // タイトルを表示
	
	endforeach; // loop終了
	$html.='</div>';
	wp_reset_postdata();
	return $html;
}
add_shortcode('my_post_list', 'sample_post_list');  // ('ショートコード名', '変数名')
目次