新@kyotapyな日々

思いついたら書く… wordpress,iPad,美味しいもの,観光

wordpress popular postsをショートコードを使ってカスタマイズ

   

SiteOriginPageBuilderとwordpress popular postsの2つのプラグインで固定ページに人気記事リストを掲載していました。

表示内容を自分好みにしたかったので、ショートコードでカスタマイズしてみました。

ダッシュボード>固定ページ>固定ページ一覧から固定ページの編集画面に。

今回はwordpress popular postsウィジットではなくショートコードを記載するので既存のウィジットは削除し、"SiteOriginEditor"を追加。

テキスト編集画面で下記のコードを記載します。実際は下記のショートコードを[]で囲んでください。

ショートコードのパラメータについては、下記のブログを参照させてもらいました。

うまくいかなかった点…

サムネイル画像を表示させたかったのですが、このように表示が崩れてしまいました。

 

<ol></ol>タグで囲まないと、うまくいくみたいですが、リストの先頭には番号を表示させたかったので、サムネイルは諦めました。

cssでカスタマイズすれば、うまくいくかもしれないので今後の検討課題です。

 - プラグイン ,