「ランキング」の作り方
「ランキング」の作り方
デザイン見本帳を開く
ランキングを作る場合は、執筆画面左上にある「デザイン見本帳」を開いてください。
そうすると「ランキング / CTA」の項目がありますので、ここに進みます。
![](https://jinr.jp/manual/wp-content/uploads/2020/11/スクリーンショット-2022-11-02-6.39.58.png)
コードをコピーする
あとは、お好きなアイテムを選んでコードをコピーを押します。
![](https://jinr.jp/manual/wp-content/uploads/2020/11/スクリーンショット-2022-11-02-6.43.18.png)
その上で商品ランキングの項目があるので「コードをコピー」を押してください。
執筆画面に戻って貼り付ける
それをエディターに戻って、ランキングをおきたいところにカーソルを合わせて、右クリックで貼り付ければ完成です。
![](https://jinr.jp/manual/wp-content/uploads/2022/11/スクリーンショット-2022-11-02-6.45.24.png)
ちなみに、command + V でも貼り付け可能です。慣れたらこっちの方が断然早いので、時短のために覚えてもらってもいいでしょう。
↓ランキングの例は下に。
※ imageは、アフィリエイト広告のバナー画像等に置き換えて使ってください。
※ アフィリエイトバナーを貼る場合は、そのままURLを貼るのではなく、「カスタムHTML」のブロックを呼び出して、その中にコードを貼りましょう。
![](http://jinr-theme.com/wp-content/uploads/2022/02/アートボード-2-8.png)
国内シェア No.1の安心
このパターンは記事ページで使うと綺麗に反映されます。
ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。
![](http://jinr-theme.com/wp-content/uploads/2022/02/アートボード-2-8.png)
顧客満足度 No.1の安心
このパターンは記事ページで使うと綺麗に反映されます。
ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。
![](http://jinr-theme.com/wp-content/uploads/2022/02/アートボード-2-8.png)
顧客満足度 No.1の安心
このパターンは記事ページで使うと綺麗に反映されます。
ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。