ブログ運営

CSS編集

2017/05/27

メモ用

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

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

関連記事です

-ブログ運営

おすすめ記事一覧

1
【デメリットも】SPGアメックスのメリットと裏技 まとめ 4年使ったからわかる事

スターウッド プリファード ゲスト® アメリカン・エキスプレス®・カードは、20 ...

2
無印良品で実質35%引きで買い物をする方法

目次1 無印良品で実質35%引きで買い物をする方法 ソニーストアやノジマでも同じ ...

3
【10月以降もまだいける2017年最強の還元率57%以上】ふるさと納税でモンベル商品券 モンベルポイントに交換してみた

  (2017年10月追記)小谷村のお得なモンベルポイントへの交換は壊 ...

4
無料でビジネスクラスでハワイ旅行が出来る理由

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

5
【無料】子供分の海外旅行傷害保険もカバーしてくれるクレジットカード

子連れで海外旅行に行く場合は、もしも怪我や事故にあった時のための保険をどう掛ける ...

6
【2017年】初心者向けにおすすめのオリンパスミラーレスカメラ

スマホじゃとれないキレイな写真を撮ろうと思ったけど、一眼レフ、ミラーレス、色々あ ...