ショートコード:サムネイル付き投稿記事一覧

WordPressで特定のカテゴリーの投稿記事一覧をサムネイル付きで表示するショートコードです。
カテゴリーはスラッグで指定できます。
サムネイル画像が無い場合はアイコンフォント+グレー背景を表示します。

[list cat=”xxx” num=”5″]

のように使います。

function getCatItems($atts, $content = null) {
  extract(shortcode_atts(array(
    "num" => '5',
    "cat" => ''
  ), $atts));
  global $post;
  $oldpost = $post;
	$term_id = get_category_by_slug($cat)->term_id;
  $myposts = get_posts('numberposts='.$num.'&category_name='.$cat);
	if($myposts) {
		$retHtml='<h3 class="topn-title">'.get_the_category_by_ID($term_id).'</h3>';
		$retHtml.='<ul class="thumb-list">';
		foreach($myposts as $post) :
			setup_postdata($post);
			$retHtml.='<li><a href="'.get_permalink().'" title="'.the_title("","",false).'" class="clearfix">';
			$retHtml .= '<div class="thumb-image">';
			if ( has_post_thumbnail() ) {
				$retHtml.= get_the_post_thumbnail($page->ID,'thumbnail');
			} else {
				$retHtml .= '<i class="ico-camera-alt"></i>';
			}
			$retHtml .= '</div><div class="thumb-text">';
			$retHtml .= '<div class="topndate">'.get_the_time('Y/n/j').'</div>';
			$retHtml .= '<h4>'.the_title("","",false).'</h4>';
			$retHtml .= '<p>'.wpautop( $post->post_excerpt ? $post->post_excerpt : athemes_limit_string(strip_tags($post->post_content), 120) ).'</p></div>';
			$retHtml .= '</a></li>';
		endforeach;
		$retHtml.= '</ul>';
		$retHtml.= '<p class="topn-catidx"><a href="'.get_category_link($term_id).'">一覧はこちら »</a></p>';
	} else {
		$retHtml='<p class="tnjunbi">記事がありません。</p>';
	}
  $post = $oldpost;
  return $retHtml;
}
add_shortcode("list", "getCatItems");

http://labrid.jp/tp/kanko/recruit/

YAMADA

Labrid合同会社代表。 WEB制作全般を担当しています。 得意分野はマークアップ系。 デザインやWordpress等の設置カスタム、各種API導入もやります。