新@kyotapyな日々

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

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

   

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

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

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

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

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

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

うまくいかなかった点…

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

 

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

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

 - プラグイン ,

  プロフィール  PR:無料HP  北播ドライビングスクール  横手自動車学校  純正中古部品の通販  スタッドレスタイヤ はきかえ  タイヤ パッソ 激安  自動車 専門学校 夜間  クラウン純正ホイール  加南加賀自動車学校  開運パワーストーン  岡山 合宿免許  音楽 専門学校 福岡  タイヤ 取り付け 柏市  リノベーションローン