Deprecated: Function get_magic_quotes_gpc() is deprecated in /home2/ab77053/public_html/client_and_product_testimonial_site/wp-includes/formatting.php on line 4371
Using the Grid Shortcode you can quickly and easily generate a grid of testimonials to display on your site. Each of the items in the grid is a separate testimonial, and displays a small excerpt on hover. When clicked, the testimonial is displayed in full in a new lightbox popup.
To access the testimonial grid in the shortcode generator, you’ll want to head into any page or post. On the page/post edit screen, next to the ‘Add Media’ button you’ll find a new button ‘Add Testimonial‘. Click that to bring up the ‘Testimonial Shortcode Generator’ modal.
The third selection in the shortcode generator is the ‘Grid‘. Click that and proceed through each of the shortcode settings and adjust them as needed. Once you’ve gone through and adjusted the parameters to your liking, you can click the blue ‘Insert Shortcode’ button at the bottom of the modal to insert the shortcode where needed.
You can also copy the shortcode and use it in template files or anywhere else in your themes.
Settings Page Adjustments
Grid Image Size
Remember that on the settings page you can adjust the width of the grid images. If you adjust the grid image sizes you should always regenerate your thumbnails using a plugin such as, Regenerate Thumbnails by Viper007Bond.
Grid Excerpt Length
Also found on the settings page you have the option to adjust the length of the grid excerpts. The setting on the option page adjusts how many words will be displayed on the overlay of the grid. If out of the box the excerpt doesn’t suit your needs, feel free to increase or decrease the length as you see fit.
Basic Shortcode Usage
[testimonial-grid]
Shortcode Parameters
Testimonial(s)/Client(s) to Display
You can select any number of testimonials to display in relation to a specific product or client (depending on which type of testimonial you have set in the settings). Leaving this field blank will display all of the testimonials that exist on your site, or you can go through and select any combination of testimonials.
Main Font Color
The main font color is the primary color of the testimonial. This is the color of the testimonial content. Keep in mind the testimonial is overlaid on a darker background, so you should use a color with decent a contrast so the testimonial is readable.
Secondary Font Color
The secondary font color is the color of the persons name of the overlaid text on hover.
14 thoughts on “Testimonial Grid Shortcode”