CSS編集

2020年11月3日

メモ用

カテゴリ毎に人気記事を表示する。

プラグイン：Display Posts ShortcodeとWPP

パターン1 子テーマの追加CSSに以下を追加

/**
* プラグイン：Display Posts Shortcode
*/
/*Display Posts Shortcode横並び2列*/
.display-posts-2cols ul.display-posts-listing li
{
width: 280px;
display: inline-block;
vertical-align: top;
font-size: 90%;
margin: 0;
padding: 6px;
}
以下省略～
詳しくは、
固定ページのパーツとして投稿一覧を表示する

パターン2 子テーマの追加CSSに以下を追加

/*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 Shortcode

CSSの説明もあり。