Cocoonテーマでランキングを作る方法! WordPress で簡単にできる設定手順と画像の表示方法

WordPress で人気のテーマ Cocoon に関して気になっています。
現Webサイトがあるので、ローカル環境になりますが、使い勝手を検証してみました。

ランキングというメニューが設定されていました。
記事のなかで、順位付けするようなシーンで使用できるようです。

使い方を調べてみました。


設定手順
1.左メニューで「Cocoon設定」ー「ランキング作成」を選択します。
必要な項目を入力していきます。入力後、「保存」を押します。
2.プレビューが表示されます。
画像がうまく表示できません。。。画像・バナータグ窓で入力した文字がそのまま表示されました。
3.画像の表示を調べると、imgタグの設定での入力が必要でした。
****に関しては、使用環境に合わせて設定してください。

<img src="http://****/****/wp-content/uploads/2022/07/****.png"; alt="*****">

 

4.プレビューをすると以下のような表示になります。

 

上部へスクロール
Verified by MonsterInsights