SWELLでランキング記事を書く方法を知りたい
SWELLについて知りたい
このような悩みにお答えいたします。
この記事を読んでわかること。
SWELLでランキング記事を書く方法
この記事を書いた人
まとめ記事で「○○3選」「今年買ってよかったモノ○選」のような記事をよく見かけると思います。
このようにまとめ記事でランキング形式で商品を紹介することが多いです。
SWELLの「広告タグブロック」を使えばランキング形式の記事を書くことができます。
この記事を読めば、
- SWELLでランキング記事を作成する方法がわかり
- 商品レビュー記事、サービス比較記事を作成
することができます。
SWELLを使ってみたいという方は公式ページから購入、ダウンロードできます。
>>SWELLの公式ページはこちらランキング形式の記事はこんな感じ
最初に、ランキング形式がどんなものか説明します。
今回は例として、ブログを書く際のオススメグッズをランキングにしてみました。
\SWELLの独自ブロックで作ったランキング/
商品の紹介サイトで、こんな感じのランキング形式で紹介しているページを見たことあると思います。
SWELLでは、独自のブロックエディタを使って作ることができます。
さっそくランキング形式の作り方を説明していきます。
WordPressテーマSWELLが気になった方は、
SWELLを使ったランキング形式の作り方
ランキング形式を作りには、SWELL独自ブロックの「広告タグ」を使います。
「広告タグ」をクリックする前に、事前にやることがあるので詳しい手順を説明していきます。
ダッシュボードの「広告タグ」をクリックします。
画面上部の「新規追加」をクリック
「ランキング」をクリック
- タイトル:あとで呼び出すときに表示される名前なので分かりやすい名前にしましょう
- 枠の有無を決めます
- アフィリエイト広告などのタグを入れます。
- 1位、2位、3位を選ぶと、金、銀、銅の王冠が表示されます。
それ以外は何も表示されません。 - 星5段階評価から選びます
- ランキングに表示される商品名、サービス名などを入力してください
3位までなら王冠で分かるのですが、4位以下は分からないので、最初に順位を書いておくと分かりやすいです。 - 価格を入力
- 商品、サービスなどの説明文を入力
- ボタン名、URLを入力
- ボタン名、URLを入力
※表示したくないものは、空欄にしておけば表示されません
「公開」をクリックしたら登録完了です。
この作業をランキングの数だけ登録します。
登録が完了したら記事作成になります。
記事作成の画面で、ブロックエディタを呼び出し、「広告タグ」をクリックします。
「広告タグ」をクリックすると、上記画面が表示される。
その中の「ランキング型」から登録したランキングを選ぶと表示される。
これをランキングの数だけ繰り返す。
事前に登録するのがちょっと大変ですね。。。
WordPressテーマSWELLが気になった方は、
「広告タグ」だと面倒と感じた人におすすめの方法
広告タグでランキング記事を書く方法を紹介しましたが、「何か面倒」と感じた人が多いと思います。
そこでオススメの方法FontAwesomeを使う方法です。
FontAwesomeを使うと、
第1位
第2位
第3位
このようにランキング記事を作ることが可能です。
これを記事編集画面で見ると以下のようになっています。
[icon class= "fas fa-crown"] 第1位
[ ]の部分がFontAwesomeで、色を変更(金:#ffd700、銀:#c0c0c0、銅:#815a2b)して使っています。
FontAwesome を使うには
- 「WordPressテーマ「SWELL」で記事中にアイコンを表示させる方法」を参考に設定
- 記事中に上記FontAwesomeのコードを文中に入れる
この方法なら「広告タグ」を使わずランキング形式の記事を作成することが可能です。
Q&A
- 登録したもの消したら記事のランキングはどうなるの?
記事のランキングも消えます。
なので保存したものは残しておいてください。
WordPressテーマSWELLが気になった方は、
まとめ:「広告タグ」を使ってランキング記事を作成してみましょう
この記事では、WordPressテーマ「SWELL」を使って、ランキング記事を作成する方法について紹介しました。
この機能を使って、ランキング記事を書いてみましょう。
SWELLはこれ以外にも便利な機能があるので、SWELLを使ってみたいという方が検討してみてください。
SWELLは、かんたんな操作で記事装飾ができるおすすめのテーマです。
SWELLについて「【ワードプレスSWELL】評判と使ってみた感想」で詳しく解説しているので、よかったらご覧になってください。