raindrops_tile() をトップページに表示する。

raindrops_tile_add_margin
add_action( 'raindrops_prepend_loop', 'extend_home_contents' );

function extend_home_contents(){
	global $paged;
	if (empty( $paged ) ) { $paged= 1;}
	if( is_home() && $paged < 2 ) {
		
		$raindrops_portfolio_page= get_query_var( 'page' );
		$raindrops_posts_per_page= 12;
		$raindrops_offset = 0;
		$args = array(
			'posts_per_page'=> $raindrops_posts_per_page,
			'paged'=> $raindrops_portfolio_page,
			'numberposts' => -1,
			'offset' => 0,
			'orderby' => 'post_date',
			'order'=> 'DESC',
			'post_type' => 'post',
			//'meta_key' => '_thumbnail_id',
			'category'=> 2,
			'raindrops_tile_col'=> 4,
			'post_status' => 'publish',
			'post__not_in' => get_option( 'sticky_posts' ) );
			

		raindrops_tile( $args );
	}
}
$argsについて、この関数は内部で、get_posts()関数を使っています。get_postsで使用可能な引数を使う事で、カテゴリやタグ等を指定して投稿を抽出することが出来ます。

raindrops_tile_col は、default 3 です。値は、2-4の範囲で使用できますが、2,4は、現時点では動作しません。現在メンテ中で、1.309でバグをフィックスします。

直ぐに使用したい場合は、

.raindrops-auto-fit-width .portfolio-nav li{
 width:50%;
}
#portfolio.column-4 ul.index > li{ /* 4columns */
 width:25%;
}
#portfolio.column-2 ul.index > li{
 width:50%;
 height:260px;
}

をstyle.cssの末尾に追加してください

スクリーンショットでは、マージンが付いているように見えますが、デフォルトでは マージンが無しなので、付ける場合は、Raindrops raindrops_tile()関数で表示されるグリッドにマージンを付けるを参照してください。

この関数は、<--nextpage--> を使用し、ページ分割表示を行った時に使うページングようのクエリを使用していますので、ループページで、べーじ番号を表示するようになっている場合は、コンフリクトしますので、ループページでは、ページ分割表示のページングリンクを表示させないようにする必要があります。

Raindropsは、index ページでのページ分割リンクを表示しませんが、カスタマイズを行っている場合は、ご注意ください。


コメントは受け付けていません。