HTML/CSS編集にはVisual Studio Code(vscode)を使いましょう

HTML/CSS編集にはVisual Studio Code(vscode)を使いましょう

スタッフ用ノートパソコンに導入済みです。

日本IBM出身
ホームページビルダー元開発責任者
鎌田裕二
責任指導
横浜市鶴見区のパソコン教室⇒

お問い合わせ TEL:045-567-8393
【開校15年 総受講生 1,800名以上】
小学生から90才まで通学実績有

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" /]