お仕事のご依頼等は、TwitterのDMでも受け付けています詳しくはこちら

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

  • URLをコピーしました!

今回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」で快適です!

AmaGettiプラグイン

amagetti filename="echo_tablet_sc11-15.php"

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

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

 田舎で暮らす20代/会社員・ブロガー。2016年よりブログを開設。
現在はWordPressを活用しつつ様々なことを発信しています。
 趣味はゲーム、料理、カメラ、ドライブ、映画、アニメ、漫画。
最近は家庭菜園、苔テラリウム、DIYなどを勉強中。
 資格は、調理師免許、第二種電気工事士、危険物乙4、機械保全技能士3級など。休日は子供や猫たちと戯れつつ、マイペースにお役立ち情報など不定期で更新中。

目次