Perfect Pullquotes is a Wordpress theme plugin that allows you to easily add beautifully styled left-aligned, right-aligned, or full-width pullquotes to your active WordPress theme. The plugin includes a custom ‘Pullquote’ menu button for the TinyMCE Editor as well as a custom shortcode.

Installation

Download the Perfect Pullquotes plugin from WordPress or from GitHub. To change the default color of the pullquote’s border, edit lines 71, 79, and 87 of the pullquote.css file by changing the HEX value of the border-color attribute. Alternatively, once the plugin is installed, you may utilize the “color” option included within the shortcode.

  1. Upload the compressed perfect-pullquotes.zip plugin file via your WordPress Dashboard: Plugins > Add New > Upload Plugin, or to the /wp-content/plugins/ directory within your WordPress installation on your server.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

Once installed, the plugin will add a Pullquote dropdown button to the Visual Editor (as seen below) within your WordPress installation as well as enable the [perfectpullquote] shortcode. The actual positioning of the button in your installation may vary.

Wordpress editor pullquote screenshot

Shortcode

The plugin enables a WordPress shortcode that allows the user to add a pullquote within their content. The shortcode can be added manually, or by selecting text in the text editor and then selecting an option (left, right, or full) from the Pullquote dropdown button.

The default shortcode tag is shown here:

This is the pullquote text.

Options

The shortcode includes six options, as outlined below

OPTION ACCEPTS DESCRIPTION EXAMPLE
align left or right or full (Required) Determines whether pullquote is left-aligned, right-aligned, or full-width. [perfectpullquote align="left"][/perfectpullquote]
color HEX color code (Optional) Change the default border-color attribute by entering a valid HEX color, including the # [perfectpullquote align="left" color="#16989D"][/perfectpullquote]
cite text (Optional) Cite your quotes back to their author/source [perfectpullquote align="right" cite="Jane Doe"][/perfectpullquote]
link URL (Optional) Turn the cited author’s name into a link that opens in a new window. Must be a valid URL beginning with http or https [perfectpullquote align="right" cite="Jane Doe" link="http://example.com"][/perfectpullquote]
class text (Optional) Add class(es) to pullquote container. [perfectpullquote align="right" class="cited author-quote"][/perfectpullquote]
size integer (Optional) Change the font size of the pullquote’s text, in pixels. [perfectpullquote align="right" size="32"][/perfectpullquote]

Example

Shown below are examples of each type of pullquote along with different options enabled.
Pullquote Plugin examples