タブブロック・比較表ブロックを追加しました!
エディター

「ランキング」の作り方

wp-jintest

「ランキング」の作り方

デザイン見本帳を開く

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

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

コードをコピーする

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

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

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

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

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

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

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

ランキング1位
おすすめサービス

国内シェア No.1の安心

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

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

ランキング2位
おすすめサービス

顧客満足度 No.1の安心

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

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

ランキング3位
おすすめサービス

顧客満足度 No.1の安心

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

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

他の記事も読んでみましょう
記事URLをコピーしました