Toby Cryns (@themightymo)

llamaman

<p>Simple Pull Quote WordPress Plugin provides an easy way for you to insert pull quotes into your posts and pages.  It adds an easy-to-use “Pullquote” button to both the HTML and TinyMCE editors.</p>
<p>IMPORTANT: To use in the new WordPress (Gutenberg) editor, you can either:<br />
1. <a href="https://ps.w.org/simple-pull-quote/trunk/screenshot-4.gif" rel="nofollow ugc">use the “Classic” block</a>.<br />
2. Use shortcodes such as <code>[pullquote class="left”]TEXT HERE[/pullquote]</code></p>
<p>See the plugin in action as well as how to use it:<br />
http://youtu.be/JGudI9gr9iE</p>

<h3>Usage</h3>
<ol>
<li>Select the text that you want to use as your pull quote.</li>
<li>Click on the “Pullquote” button in either the Visual or HTML editor.
<p>For more help on usage, visit the <a href="http://themightymo.com/simple-pull-quote" title="Simple Pull Quote WordPress Plugin" rel="nofollow ugc">Simple Pull Quote Homepage</a> for a visual guide.</li>
</ol>
<h4>How do I update the look of the pull quotes?</h4>
<p>To change the look of your pull quotes, open your theme’s “style.css” file and create a CSS class called “simplePullQuotes”.  Edit this class according to your tastes.  <strong>IMPORTANT:</strong> Make sure your theme’s “wp_head()” function comes before your theme’s stylesheet or else this won’t work.</p>
<h4>How do I use more than one pull quote in a single post or page?</h4>
<p>Simply select the text that you want to use as a pull quote and click the “Pullquote” button in either the visual or html editor.</p>

Simple Pull Quote

The Simple Pull Quote WordPress Plugin provides an easy way for you to insert pull quotes into your posts and pages.

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>


Perfect Pullquotes

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

Simple Pull Quote vs Perfect Pullquotes