ブログの始め方を丁寧に解説!詳細はコチラ

【初心者必見】SWELL|評価用スター・星マークレビューの作り方

N君

WordPressテーマ「SWELL」を使っているサイトで、
よくレビュー記事で星マークが使われているよね?
あれってどうやって作っているんだろう?

カピまる

SWELLではショーコードを使うだけで、
オシャレなレビュー記事を作れるんだ!

今回はそのやり方について解説するよ!

この記事のまとめ

評価用スター・星マークレビューの作り方について徹底解説!

「星マークの作り方を知りたい」「オシャレなレビュー記事を作りたい」こうした方は必見です!

SWELLでは、ショートコードで呼び出すだけで簡単に評価用の星マークを使用できます!

誰でも理解しやすいよう、画像付きで分かりやすくまとめます!

ぜひ参考にしていただき、オシャレなブログ記事を作成しましょう!

今回は、「評価用スター・星マークレビューの作り方」について解説します。

評価用スター・星マークレビューは、例えば以下のような使い方ができます。

項目評価
価格
使い心地
機能性

レビュー記事などでよく使われているものですが、

  • 星マークってどうやって使うの?
  • 簡単に呼び出す方法ってあるの?

特に新しくテーマを導入したばかりの方の中には、こうした疑問をお持ちの方もいらっしゃるのではないでしょうか。

WordPressテーマ「SWELL」では、ショートコードで簡単に呼び出す機能がもともと備わっています。

本記事では、ブログをはじめたばかりの方でも理解しやすいよう、画像付きで分かりやすくまとめます。

ぜひ参考にしていただき、オシャレなブログ記事を作成していきましょう!

この記事を書いた人

<プロフィール>

  • カピまるブログ運営者
  • 2年目作業療法士
  • 仕事と暮らしの情報発信中
  • 愛用テーマ: SWELL
カピまるです!

オススメWordPressテーマ

ブロックエディターに完全対応!

直感的な操作で簡単ブログ作成!

見るたび気分が上がるデザイン!

圧倒的な使い心地の最強テーマ!

~もっと気軽に、楽しく記事を書こう~

それを可能にするWordPressテーマ

SWELL

\ 国内最高峰の使い心地を手に入れよう /

目次

評価用スター・星マークレビューの作り方まとめ

それでは「評価用スター・星マークレビューの作り方」について、以下2つの手順で解説します。

  1. ショートコード呼び出し方
  2. 実際の使用例について

1つ1つの内容はとても簡単ですので、安心してご覧ください。

ショートコードの呼び出し方

まずはじめに「ショートコードの呼び出し方」について解説します。

STEP
投稿編集画面から、</>を選択する
ショートコード呼び出し①
ショートコード呼び出し①
STEP
</>評価用スターを選択する
ショートコード呼び出し②
ショートコード呼び出し②
STEP
評価用スター・星マークが入力される【完了】
ショートコード呼び出し③
ショートコード呼び出し③

ショートコードを使った評価用スター・星マークの使い方の解説は、これで完了です。

N君

たったこれだけ⁉
こんなに簡単だったなんて驚きだよ・・

エディター画面では[ review_stars 4.5/5 ]と表示されますが、プレビュー画面では星マークが表示されています。

また、デフォルトでは[ review stars 〇/5 ]ですが、〇部分の数字を変えれば表示する星の数を自由に設定できます↓↓

[ review_stars 4/5 ]
[ review_stars 4/6 ]
[ review_stars 4/7 ]
[ review_stars 4/8 ]

実際の使用例について

参考までに、「評価用スター・星マーク」の実際の使用例についてご紹介します。

さまざまな使い方ができる便利な機能ですので、ご自身のブログで色々と試してみてください。

テーブルブロックとの組み合わせ

テーブルブロックと組み合わせることで、以下のような表を作成できます。

項目評価
価格
使い心地
機能性
作り方
テーブルブロックを挿入する
テーブルブロックとの組み合わせ①
テーブルブロックとの組み合わせ①
作り方
評価用スターを入れたい場所で</>を選択する
テーブルブロックとの組み合わせ②
テーブルブロックとの組み合わせ②
作り方
星マークの数をお好みで設定する
テーブルブロックとの組み合わせ③
テーブルブロックとの組み合わせ③

カラムブロックとの組み合わせ

カラムと組み合わせることで、以下のように星マークをつかったブロックを作成できます。

WordPressテーマ「SWELL」

¥17,600(税込)

現時点で最もオススメできるWordPressテーマ。扱いやすい操作性、サイト表示速度などの機能性、ブロックエディター完全対応、充実したサポート体制。初心者~上級者まで誰もが使える万能テーマ。当ブログもSWELLを愛用しています。

\ 国内最高峰の使い心地を手に入れよう /

また再利用ブロックと組み合わせることで、さまざまなブロックを簡単に呼び出すこともできます。

再利用ブロックの詳細については、【時短×効率化】SWELLで再利用ブロックの登録・使い方まとめで解説しています。

作成時の注意点

ここまでの解説で十分理解できたかと思いますが、作成時の注意点として1点だけ押さえておきましょう。

それは、エディター画面で[/]ショートコードを利用しない ということです。

[/]ショートコードへの直接入力はNG!

こちらの枠内に[ review_stars 〇/5 ]を入力しても、星マークは表示されません。

使用するのは</>→評価用スターです。同じショートコードでややこしいですが、混同しないように注意しましょう。

</>ショートコードが正しい

さいごに

今回は、「評価用スター・星マークレビューの作り方」について解説しました。

WordPressテーマ「SWELL」には、この機能がもともと備わっているため、ボタン1つで簡単に呼び出すことができます。

以下の表のような、

項目評価
価格
使い心地
機能性

これまで他のブログで目にしていたオシャレなレビュー記事も、SWELLなら簡単に作成可能です!

ぜひ参考にしていただき、オシャレなブログ記事をどんどん作成していきましょう!

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

参考になったらシェアしてね!
  • URLをコピーしました!
目次