Perfect Pullquotes

Perfect Pullquotes | Adam DeHaven

Description

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 adamdehaven.com

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.

The default shortcode tag is shown here

[perfectpullquote align="left" bordertop="" class="" cite="" link="" color=""]This is the pullquote text.[/perfectpullquote]

Options

The shortcode includes six options, (align, color, and class) as outlined below:

align=”left”

REQUIRED: Determines whether pullquote is left-aligned, right-aligned, or full-width (95% width of container). Accepts “left”, “right”, or “full”

[perfectpullquote align="left"]This is the text.[/perfectpullquote]

bordertop=”true”

Optional: Move the border location above the pullquote. On mobile, falls back to the align corresponding location.

[perfectpullquote align="left" bordertop="true"]This is the text.[/perfectpullquote]

cite=”Jane Doe”

Optional: Cite your quotes back to their author/source

[perfectpullquote align ="right" cite="Jane Doe"]This is the text.[/perfectpullquote]

link=”http://example.com”

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"]This is the text.[/perfectpullquote]

color=”#EEEEEE”

Optional: Change the default border-color attribute by entering a valid HEX color, including the pound ( # ) sign.

[perfectpullquote align="left" color="#16989D"]This is the text.[/perfectpullquote]

class=”className”

Optional: Add class(es) to pullquote container.

[perfectpullquote align ="right" class="firstClass secondClass"]This is the text.[/perfectpullquote]

size=”21″

Optional: Change the font size of the pullquote’s text, in pixels.

[perfectpullquote align ="right" size="32"]This is the text.[/perfectpullquote]

Installation

Download the plugin from WordPress or GitHub. To change the default color of the pullquote’s border before installing, edit lines 71, 79, and 87 of the perfect-pullquotes.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.

Plugin author

Adam DeHaven

Plugin official website address

https://wordpress.org/plugins/perfect-pullquotes/
If you encounter problems in using the Perfect Pullquotes plugin, you can comment below, and I will try my best to help you solve the problem

Leave a Comment

Your email address will not be published.