{"id":1332,"date":"2024-05-11T12:28:26","date_gmt":"2024-05-11T12:28:26","guid":{"rendered":"https:\/\/tableberg.com\/docs\/tableberg-one\/tableberg\/how-to-add-star-rating-in-wordpress\/"},"modified":"2025-06-17T19:54:37","modified_gmt":"2025-06-17T19:54:37","password":"","slug":"how-to-add-star-rating-in-wordpress","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/ja\/docs\/how-to-add-star-rating-in-wordpress\/","title":{"rendered":"\u661f\u8a55\u4fa1\u30d6\u30ed\u30c3\u30af"},"content":{"rendered":"

The Star Rating block is used to rank or rate items based on a scale, typically rating from one to five\/ten stars. By adding the Star Rating block to a table, you can display the quality and popularity of items listed on it.<\/p>\n\n\n\n

It eliminates the need to write lengthy descriptions. Because Ratings alone can speak hundreds of words to help users in decision-making. This post will show how to add the Star Rating in WordPress tables using \u30c6\u30fc\u30d6\u30eb\u30d0\u30fc\u30b0<\/a>.<\/p>\n\n\n\n

Step 01: Find and Add the Star Rating Block to the Table<\/h2>\n\n\n\n

Decide on the cell where you want to add the Star Rating block. Click the \u30d7\u30e9\u30b9\uff08\uff0b\uff09\u30dc\u30bf\u30f3<\/strong> within this cell. <\/p>\n\n\n\n

\u3092\u63a2\u3059 Star Rating block<\/strong> by typing its name in the search box. Add it to the cell once it appears below.<\/p>\n\n\n\n

\"Find<\/figure>\n\n\n\n

\u306b\u3064\u3044\u3066 Star Rating block<\/strong> will be added instantly to the table.<\/p>\n\n\n\n

\"The<\/figure>\n\n\n\n

Step 02: Add Content to the Star Rating Block<\/h2>\n\n\n\n

From the right sidebar, you can specify the number of stars, star value, <\/strong>\u305d\u3057\u3066 star size<\/strong>.<\/p>\n\n\n\n

After that add a review copy for the block. You may leave the review section blank if you want. <\/p>\n\n\n\n

\"Add<\/figure>\n\n\n\n

You can see that we have added content to the block. We have set the star value and a copy.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 03: Stylize the Star Rating Block<\/h2>\n\n\n\n

\u306b\u6765\u3066\u307b\u3057\u3044\u3002 \u30b9\u30bf\u30a4\u30eb\u30bf\u30d6<\/strong>. From here, you can customize the star color <\/strong>\u305d\u3057\u3066 text color<\/strong>. You can also customize the padding<\/strong> \u305d\u3057\u3066 margin<\/strong> of the block.<\/p>\n\n\n\n

As the default setting suits our table, we haven\u2019t changed the default configurations.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Now, following the same way, you can add the Star Rating block<\/strong> to the other cells of the table.<\/p>\n\n\n\n

Buttons are another powerful element that can motivate users to complete your desired actions. Learn how to add buttons to WordPress<\/a>.<\/p>\n\n\n\n

\u30d3\u30c7\u30aa\u30fb\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb<\/h3>\n\n\n\n
\n