Now, we are ready to add content to the homepage of our review site. The first thing that we’re gonna add to the homepage is the product comparison table.
MyReviewPlugin is pretty flexible. It allows you to style your comparison table in a lot of different ways. The one I created looks something like this:
The information in this table is pulled from the rating categories and custom fields ratings that we inserted into each product review post.
We will now use MyReviewPlugin to insert this comparison table in the WordPress Page that we created for the homepage.
Enable Comparison Table Embedding
First, go to: MyReviewPlugin »» Comparison Tables. Copy the settings below and save:
Add Shortcode to Homepage
Then go to your homepage Page and add [myrpvertical] at the very beginning.
We better create the homepage in the HTML editor (instead of the Visual editor), so switch editors before adding the shortcode.
Now, if you "Update" this post, and check your homepage, you’ll see something like this:
It’s wider than it’s supposed to, and it shows none of our rating categories or custom fields. Let’s fix that.
Fixing the Appearance and Settings of the Comparison Table
First, go to: MyReviewPlugin »» Comparison Tables »» Themes. And select "No Style" from the drop-down list. Below that, you’ll see "Configuration", open it up.
On the "Configurations" screen, there are many options. But we only need to adjust and specify the following:
The width of the table
640px works well for the theme we’re using, TwentyTen.
Number of Entries
3, because we only have three posts that we wanna include in the table.
Custom Fields
These are the custom rating categories that we created in each review post. Type them in one by one, delimiting them by commas. No white space before or after the commas.
I entered:
--Bonus Material,--Delivery Format,--Number of Included Plans,--Required Skill Level,--Money Back Guarantee Period,--Price |
Rating Categories
These are the rating categories that we created at the very beginning. Simply click on the "Quick Add" links below this field to add them.
Now save your settings and let’s take another look at the homepage:
Alright! This looks good. The tear in the image is just an added effect indicating that I cut out part of it when I took the screenshot.
What the homepage needs now is the product review summaries to appear below this comparison table. Let’s add those…
