WordPress Popular Postsのカスタム構文

ワードプレス関数ファイルWordPress Popular Postsショートコードタグ、カテゴリープラグイン

たまーに使うプラグイン「WordPress Popular Posts」。

とても便利だと思うのですが、

  • カテゴリは出せるけど、タグは出せない
  • デフォルトだと日付に余計な文言がくっついてくる

など、かなり細かいところが気に入らない。

ので、カスタム構文を設定します。

 

ほぼ、下記記事のコピペです。

プラグイン【WordPress Popular Posts】をカスタマイズしていろんな情報を表示させる

functions.php

//WordPress Popular Posts カスタム構文
function my_custom_popular_post( $post_html, $p, $instance ){
	$thumbnail_img = get_the_post_thumbnail_url( $p->id, 'vga' );
	$taxonomy_01 = get_the_term_list( $p->id, 'category', '', '', ' ');
	$taxonomy_02 = get_the_term_list( $p->id, 'post_tag', '', ' ',' ');
	$date = get_the_date( 'Y年m月d日', $p->id );
	$custom_id= $p->id; 
	$output = '
		<li><article>
		<a class="article-image" href="' . get_the_permalink($p->id) . 
		'" style="background-image: url(' . $thumbnail_img .');">
		</a>
		<div class="loop-content">
		<p class="date">' . $date . '</p>' .
		'<h2 class="entry-title post-title"><a href="' . get_the_permalink($p->id) . '">' . $p->title . '</a></h2>
		<p class="taglist">
		<span class="taglist-tax taglist-category tax-order-1">' . $taxonomy_01 . '</span><span class="taglist-tax taglist-post_tag tax-order-2">' . $taxonomy_02 . '</span>
		</p>
		</div>
		</article></li>
	';
	return $output;
}
add_filter( 'wpp_post', 'my_custom_popular_post', 10, 3 );
  • アイキャッチは背景画像として処理したい
  • タグを出す
  • 日付出力はシンプルに

※「アイキャッチが未設定の場合にデフォルトの画像を表示する」ことが出来ないので、CSSで工夫する必要があります。

※日付の取得を間違えていました。

「$date = get_the_date()」では、ショートコードを貼り付けたページの公開日になってしまいますね。

ショートコード例

「wpp limit=4 range=’last30days’」

うっかり「last31days」とか任意の数を設定すると指定が効きません。

「パラメーター」の項目に、使える引数のリストがあるのでそこから選びましょう。

でも、「monthly」は効くようです。