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.
Download the Perfect Pullquotes plugin from WordPress or from GitHub. To change the default color of the pullquote’s border, edit lines
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.
- Upload the compressed
perfect-pullquotes.zipplugin file via your WordPress Dashboard:
Plugins > Add New > Upload Plugin, or to the
/wp-content/plugins/directory within your WordPress installation on your server.
- 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.
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:
[perfectpullquote align="left" color="" cite="" link="" class="" size=""]This is the pullquote text.[/perfectpullquote]
The shortcode includes six options, as outlined below
||(Required) Determines whether pullquote is left-aligned, right-aligned, or full-width.||
||HEX color code||(Optional) Change the default
||text||(Optional) Cite your quotes back to their author/source||
||URL||(Optional) Turn the cited author’s name into a link that opens in a new window. Must be a valid URL beginning with
||text||(Optional) Add class(es) to pullquote container.||
||integer||(Optional) Change the font size of the pullquote’s text, in pixels.||
Shown below are examples of each type of pullquote along with different options enabled.