Dawnテーマでのランキングバッチ表示のためのコード編集

[oyouhukuyasan]

質問させてください。

どなたかにお答えいただけますと大変助かります。

私はアパレルのWEBサイトを立ち上げており、売上に悩んでおります。

ECサイト運用でランキング表示は大事かと思いますが、

コード編集（リキッド編集など）がわからず苦戦しております。教えていただけますと幸いです。

私のゴールは以下の通りです。なお、使用テーマはdawnです。

・ランキング番号が自動的に付与される

・表示形式は
　　PCカラム：１〜３位までは３カラム、４以降は４カラム

　   スマホ版：全て２カラム

・ランキングバッジタイプは四角でも三角でも問わない

・カラーは１〜3位は別々で選べたら嬉しい、4位以降は全て同じ色で大丈夫

以下の記事を見てトライしてみたのですが、うまく実装できませんでした。

https://note.com/tech_malin/n/nb2824a5ec1cf

こちらの記事はdawnテーマでなく、私の知識不足でdawn用にアレンジすることができませんでした。

https://mrtc.jp/318

あまりに初歩的な質問をしており、長文のご回答となる可能性があり大変申し訳ないのですが、

お答えいただけますと幸いです。

どうぞよろしくお願いいたします。