display-posts-shortcodeメモ

投稿を並べる

スタイル

/*Display Posts Shortcode横並び160px*/
.display-posts160 ul.display-posts-listing li {
width: 160px;
display: inline-block;
vertical-align: top;
font-size: 13px;
margin: 0;
padding: 6px;
}

.display-posts ul.display-posts-listing li img {
display: block;
padding: 2px;
}

 

ショートコード

<div class=”display-posts160″>
[display-posts post_type = “diary” image_size=”thumbnail” include_excerpt=”false” orderby=”menu_order” order=”ASC” taxonomy = “diary-category” tax_term = “event”]
</div>

参考サイト

ショートコード一覧

使用例

 

おまけ

[arve url="https://youtu.be/yUCFRL43Zm4" /]