サイドバーの人気記事をタブで日毎、週毎、月毎の3種類表示する方法

MYLOHAS(マイロハス) | 最強のヘルスコンシャスになる!より
スポンサーリンク

[themoneytizer id="95201-1"]

用意するもの

実装方法

サイドバーウィジェットにショートコードを入力する

以下のコードをコピペする場合は、ペースト後にショートコード[]内の半角スペースを削除して下さい。
[ su_tabs active="1"]
[ su_tab title="Day"]
<aside class="widget_popular_ranking ranking_list">
[ wpp post_type="post" thumbnail_width=75 thumbnail_height=75 limit=10 post_html='
<ul><li>{thumb} {title}</li></ul>']
</aside>
[ /su_tab]
[ su_tab title="Week"]
<aside class="widget_popular_ranking ranking_list">
[ wpp post_type="post" thumbnail_width=75 thumbnail_height=75 limit=10 post_html='
<ul><li>{thumb} {title}</li></ul>' range="weekly"]
</aside>[/su_tab]
[ su_tab title="Month"]
<aside class="widget_popular_ranking ranking_list">
[ wpp post_type="post" thumbnail_width=75 thumbnail_height=75 limit=10 post_html='
<ul><li>{thumb} {title}</li></ul>' range="monthly"]
</aside>
[ /su_tab]
[ /su_tabs]
<aside class=”widget_popular_ranking ranking_list”>というのは、僕が使っているWordpressテーマSimplicityのスタイルなので、他のテーマを使っている人は消して下さい。

Shortcodes Ultimateのタブ

[ su_tabs active="1"]
[ su_tab title="Day"]タブコンテンツ1[/su_tab]
[ su_tab title="Week"]タブコンテンツ2[/su_tab]
[ su_tab title="Month"]タブコンテンツ3[/su_tab]
[ /su_tabs]

WordPress Popular Posts

[ wpp post_type="post" thumbnail_width=75 thumbnail_height=75 limit=10 
post_html=' <ul><li>{thumb} {title}</li></ul>' range="monthly"]

さいごに

Comments

  1. […] 僕が参考にさせてもらったサイト様のリンク貼っておきますね。。 […]

  2. […] サイドバーの人気記事をタブで日毎、週毎、月毎の3種類表示する方法 […]

  3. […] サイドバーの人気記事をタブで日毎、週毎、月毎の3種類表示する方法 […]

  4. […] サイドバーの人気記事をタブで日毎、週毎、月毎の3種類表示する方法 […]