🚗  2021年 ワードプレスを開設しました!    🚕  WordPressの使用テーマは「SWELL」です   🛳 ⛴ 趣味や日常のことを書いています      🚴‍♀️    🚴‍♂️

【初心者向け】SWELL|評価スター・星レビューの作り方

今回SWELLで作るのは評価スターを使ったレビュー表です。

よく他の方のブログで見かけることがあるのですがやり方がわからない・・・

てっきりSWELLではできないのかと思い、ずっと「Useful Blocks」評価グラフを使用していました。

困っている人

みんな評価スターってどうやってるんだろう??

目次

SWELLの評価スター

ブロックの「ショートコード」に[ review_stars 5]を入力しても表示されません

エディター画面で「ショートコード」ブロックに「[ review_stars 5]」と入力しても、プレビュー画面では[ review_stars 5]と表示されてしまいます。

[ review_stars 5]

段落ブロックに[ review_stars 5]を入力しても表示されません

段落ブロックに[ review_stars 5]を入力しても、当然ですがダメです。

[ review_stars 5]

ショートコード[ad]機能を使用して[ review_stars 5]を入力する

先ほどまではずっと[ review_stars 5]と表示されてしまいましたが、こちらではしっかり星マークが表示されているかと思います!

評価スターの出し方の説明

STEP
SWELLの編集画面を表示し、〈/〉ボタンを押します。
STEP
〈/〉評価用スターを選択します
STEP
[ review_stars 5]が自動で入力されます

エディタ画面では[ review_stars 5]ですが、プレビュー画面を確認するとしっかり星・スターが表示されています

デフォルトは[ review_stars 5]ですが、[ review_stars 6/7]や[ review_stars 8/10]などと少し数字をいじるだけで星・スターの表示数を変更することができます。

評価スターとテーブルブロックの組み合わせ

2ブロック

やっと作りたかった評価スター表を作ることができました!

調べてもなかなかこの評価表、評価スターの作り方が出てこないのでずっと困ってました。

トータル評価
ゲーム性
シナリオ
音楽

Useful Blocksの評価ブロックを使う方法もある

評価ブロックの設定で、アクティブポイント→画像→「fas fa-star」と入力すれば、星マークを出せます。

評価スター
★1
★2
★3
★4
★5

参考記事

このブログはWordPressの有料テーマ「SWELL」を使用して書いています。

私は2021年に「はてなブログ有料」から「SWELL」にブログを引っ越しましたが快適です♪

乗り換えプラグインで対応できるテーマ
  • cocoon
  • AFFINGER5
  • JIN
  • SANGO
  • STORK
  • THE THOR

(2021年4月現在)

すでに有料テーマを使用していても乗り換えが対応している場合もあります!!
しばらぶ

このブログのレンタルサーバーは
ConoHa WING(コノハ ウィング)と契約しています!!

しばらぶ

自宅のネットはNURO光と契約しています!!
「下り最大2Gbps」で快適です!

この記事が気に入ったら
いいね または フォローしてね!

よかったらシェアしてね!
目次
閉じる