Marsha Docs

Testimonials Shortcode

Testimonials Shortcode Parameters

The parameters for the testimonials shortcode:

  • Image (image): This should be the URL of the image of the person. You should upload the photo to your site's Media Library in WordPress. The images should be 500 pixels wide and 350 pixels high. Remember, it's always good advice to run photos through TinyJpg.com to compress the image to allow for faster page load times.
  • RequiredQuote (quote): This is the quote from the person.
  • RequiredName (name): This should be the name and other information (major, class, alum, graduation year, etc). So, it should be "Jane Doe, MS Technology Management Student" or "John Doe, Class of 2020".

Testimonials Shortcode Examples

Testimonials

Shortcode
HTML
Jane Doe, MS Technology Management Student
Nullam in augue tincidunt, vehicula leo laoreet, consequat arcu. Curabitur malesuada lorem ligula, vel faucibus lacus placerat nec. Aliquam ut urna purus. Nunc vulputate maximus placerat.
Jane Doe, MS Technology Management Student
John Doe, Alum
Nullam in augue tincidunt, vehicula leo laoreet.
John Doe, Alum
[mu_quotes]
[mu_quote image="http://www.marshall.edu/academics/files/2020/04/jane-doe.jpg" name="Jane Doe, MS Technology Management Student"]Nullam in augue tincidunt, vehicula leo laoreet, consequat arcu. Curabitur malesuada lorem ligula, vel faucibus lacus placerat nec. Aliquam ut urna purus. Nunc vulputate maximus placerat.[/mu_quote]
[mu_quote image="http://www.marshall.edu/academics/files/2020/04/john-doe.jpg" name="John Doe, Alum"]Nullam in augue tincidunt, vehicula leo laoreet.[/mu_quote]
[/mu_quotes]
<div class="">
    <div class="flex flex-col bg-green w-full">
        <div class="arrow-top white-arrow-top"></div>
        <div class="flex flex-col lg:flex-row items-start py-10 px-6">
            <img class="w-full lg:w-1/4" src="http://www.marshall.edu/academics/files/2020/04/jane-doe.jpg" alt="Jane Doe, MS Technology Management Student">
            <div class="mt-6 lg:mt-0 lg:ml-12 w-full lg:w-3/4 text-white">
                <div class="italic text-lg">Nullam in augue tincidunt, vehicula leo laoreet, consequat arcu. Curabitur malesuada lorem ligula, vel faucibus lacus placerat nec. Aliquam ut urna purus. Nunc vulputate maximus placerat.</div>
                <div class="mt-4 font-semibold uppercase">Jane Doe, MS Technology Management Student</div>
            </div>
        </div>
    </div>
    <div class="flex flex-col bg-gray-100 w-full">
        <div class="arrow-top green-arrow-top"></div>
        <div class="flex flex-col lg:flex-row items-start py-10 px-6">
            <img class="w-full lg:w-1/4" src="http://www.marshall.edu/academics/files/2020/04/john-doe.jpg" alt="John Doe, Alum">
            <div class="mt-6 lg:mt-0 lg:ml-12 w-full lg:w-3/4 text-gray-900">
                <div class="italic text-lg">Nullam in augue tincidunt, vehicula leo laoreet.</div>
                <div class="mt-4 font-semibold uppercase">John Doe, Alum</div>
            </div>
        </div>
    </div>
</div>
Copy Code to Clipboard
Copy Code to Clipboard