「ランキング」の作り方

「ランキング」の作り方

デザイン見本帳を開く

ランキングを作る場合は、執筆画面左上にある「デザイン見本帳」を開いてください。

そうすると「ランキング / CTA」の項目がありますので、ここに進みます。

コードをコピーする

あとは、お好きなアイテムを選んでコードをコピーを押します。

その上で商品ランキングの項目があるので「コードをコピー」を押してください。

執筆画面に戻って貼り付ける

それをエディターに戻って、ランキングをおきたいところにカーソルを合わせて、右クリックで貼り付ければ完成です。

ちなみに、command ＋ V でも貼り付け可能です。慣れたらこっちの方が断然早いので、時短のために覚えてもらってもいいでしょう。

↓ランキングの例は下に。

※ imageは、アフィリエイト広告のバナー画像等に置き換えて使ってください。
※ アフィリエイトバナーを貼る場合は、そのままURLを貼るのではなく、「カスタムHTML」のブロックを呼び出して、その中にコードを貼りましょう。

ランキング1位

おすすめサービス

国内シェア No.1の安心

このパターンは記事ページで使うと綺麗に反映されます。

ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。

公式サイトで購入する

ランキング2位

おすすめサービス

顧客満足度 No.1の安心

このパターンは記事ページで使うと綺麗に反映されます。

ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。

公式サイトで購入する

ランキング3位

おすすめサービス

顧客満足度 No.1の安心

このパターンは記事ページで使うと綺麗に反映されます。

ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。

公式サイトで購入する

ひつじ

ブロガー / デザイナー

Twitter

WordPressテーマ「JIN」の制作者として、設計とデザインを担当している。

会社員として働くのが嫌すぎて、2016年に収入0円でブログ起業。SEOとアフィリエイトを組み合わせて開始1年で月100万円超の利益を達成する。

しかしその反動でアフィリエイトには飽きてしまい、もともと好きだったデザインを武器に、チームでWordPressの開発をおこなっている。