Add beautifully styled left-aligned, right-aligned, or full-width pullquotes to your WordPress posts.

dpereyra

ctietze

PullQuote

PullQuote turns your pullquotes into quotes your readers can share on Twitter and Facebook.

Adam DeHaven

<p>Add beautifully styled left-aligned, right-aligned, or full-width pullquotes. Includes a custom ‘Pullquote’ menu button for the TinyMCE Editor as well as a custom shortcode. View the always-current info post on <a href="https://www.adamdehaven.com/blog/easily-add-pullquotes-to-your-wordpress-posts-with-my-perfect-pullquotes-plugin/" rel="nofollow ugc">adamdehaven.com</a></p>
<p>The plugin enables a WordPress shortcode that allows you to add a pullquote within your 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.</p>
<p>The default shortcode tag is shown here</p>
<pre>[perfectpullquote align="left" bordertop="" class="" cite="" link="" color=""]This is the pullquote text.[/perfectpullquote]</pre>
<h4>Options</h4>
<p>The shortcode includes six options, (align, color, and class) as outlined below:</p>
<h4>align=”left”</h4>
<p><strong>REQUIRED</strong>: Determines whether pullquote is left-aligned, right-aligned, or full-width (95% width of container). Accepts “left”, “right”, or “full”</p>
<pre>[perfectpullquote align="left"]This is the text.[/perfectpullquote]</pre>
<h4>bordertop=”true”</h4>
<p><strong>Optional</strong>: Move the border location above the pullquote. On mobile, falls back to the align corresponding location.</p>
<pre>[perfectpullquote align="left" bordertop="true"]This is the text.[/perfectpullquote]</pre>
<h4>cite=”Jane Doe”</h4>
<p><strong>Optional</strong>: Cite your quotes back to their author/source</p>
<pre>[perfectpullquote align ="right" cite="Jane Doe"]This is the text.[/perfectpullquote]</pre>
<h4>link=”http://example.com”</h4>
<p><strong>Optional</strong>: Turn the cited author’s name into a link that opens in a new window. Must be a valid URL beginning with <code>http</code> or <code>https</code></p>
<pre>[perfectpullquote align ="right" cite="Jane Doe" link="http://example.com"]This is the text.[/perfectpullquote]</pre>
<h4>color=”#EEEEEE”</h4>
<p><strong>Optional</strong>: Change the default <code>border-color</code> attribute by entering a valid HEX color, including the pound ( # ) sign.</p>
<pre>[perfectpullquote align="left" color="#16989D"]This is the text.[/perfectpullquote]</pre>
<h4>class=”className”</h4>
<p><strong>Optional</strong>: Add class(es) to pullquote container.</p>
<pre>[perfectpullquote align ="right" class="firstClass secondClass"]This is the text.[/perfectpullquote]</pre>
<h4>size=”21″</h4>
<p><strong>Optional</strong>: Change the font size of the pullquote’s text, in pixels.</p>
<pre>[perfectpullquote align ="right" size="32"]This is the text.[/perfectpullquote]</pre>


Alternatives to Perfect Pullquotes

Top alternatives