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>

参考サイト

ショートコード一覧

使用例

 

おまけ

横浜鶴見の
パソコン教室案内へ>>

無料相談会 毎日実施中
スマホ・タブレット・ホームページ作成

℡045-567-8393