WordPress最強プラグインElementorでレビューサイトを作る方法

私がElementorを使い始めた理由の1つが「価格.com」や「Amazon」ように商品やサービスのレビューやレーティング結果を「★」でシンプルに表現したかったことです。

今回はそもそも僕がElementorを使い始めるきっかけとなった星の表現方法を簡単に説明します。

 

1.エレメントの選択

Elementorのページビルダーを起動したら、画面左側のメニューから「Star Rating」を選択し、★を挿し込みたい任意の場所にドラッグ&ドロップします。

このStar Rating機能はElementorのProにアップグレードしなくても使えます。メニューの「一般」の配下にあります。

そしてこのウィジェットをドラッグ&ドロップ!

2.デザインを調整

さて、エレメントをドラッグ&ドロップ出来たらこれからは★のデザインを調整していきます。

デザインは色々好みに合わせて変えられるのですが、大きく分けてメニュー上部にある下記の3つを調整しながら設定を進めます。

 

1.コンテンツ:★を5段階か10段階かで選択したり、実際のレーティング結果を入力したりします。

 

2.スタイル:★の色やサイズ、★にタイトルを設定したりします。

 

3.詳細:★の配置、レイアウト、余白サイズの調整を行います。

以上です。

 

 

 

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA