ブログ運営

CSS編集

更新日:

メモ用

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

プラグイン: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の説明もあり。

 

フォーマット設定

WINGを使っていますが、こちらで大丈夫でした。

STINGER PLUS2でWPP Plus Widgetを使う時のフォーマット設定

 

関連記事です

おすすめ記事一覧

Ryze Tech TELLO 1

1万円そこそこの値段ながら性能が高いと評判のDJI Ryze Tech TELLOを実際に使ってみたレビューです。子供の ...

2

スターウッド プリファード ゲスト® アメリカン・エキスプレス®・カードは、2018年時点で旅行好きの方に一番お勧めでき ...

3

目次1 無料でビジネスクラスでハワイ旅行が出来る理由2 ポイントサイトとは3 無料でビジネスクラスでハワイ旅行に行くため ...

-ブログ運営

Copyright© しろくま無添加 写真&子連れ旅行記 , 2018 All Rights Reserved.