MYLOHAS(マイロハス) | 最強のヘルスコンシャスになる!より
用意するもの
実装方法
サイドバーウィジェットにショートコードを入力する
以下のコードをコピペする場合は、ペースト後にショートコード[]内の半角スペースを削除して下さい。
[ 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
[…] 僕が参考にさせてもらったサイト様のリンク貼っておきますね。。 […]
[…] サイドバーの人気記事をタブで日毎、週毎、月毎の3種類表示する方法 […]
[…] サイドバーの人気記事をタブで日毎、週毎、月毎の3種類表示する方法 […]
[…] サイドバーの人気記事をタブで日毎、週毎、月毎の3種類表示する方法 […]