WordPress Popular Posts を横並びにしてみた。

『WordPress Popular Posts』は通常、読まれている順から縦に表示させる便利なプラグインです。

でもこれを横並びにできるとメインカラムに置くことができるのでやってみました。

まずは結果から。

こんな風になりますが、スマホでは縦並びになってしまいますのでご容赦を。

横並びにする設定

WordPress Popular Postsはすでにインストールされているものとします。

設置したウィジェットからメニューを開きます。
下図　『投稿設定』の『アイキャッチ画像を表示』にチェック、『既定のサイズから選ぶ』から「320×180」を選択。（これはメインカラムの幅で手動でしてもかまいません。）

次に『HTMLマークアップ設定』の『カスタムHTMLマークアップを使う』にチェックを入れ、上図のように入力していきます。

順番に

<h1 class="widget-title subSection-title">
</h1>

<ul class="wpp-list wpp-tiles" style="margin-bottom:0;">
</ul>

<li style="display: inline-block;vertical-align: top;margin-bottom:5px;">{thumb}<div class="wpp-post-data">{title}</div></li>

そして最後に一番下のテーマを　Tiles　に変更して終了。

あとはお好みでサイズなどをいじってみてください。

YOSHIAKI

2021年6月2日

2021年6月14日