설명

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]

선택사항

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]

스크린샷

This screenshot shows the 'Pullquote' button that will be added to the Visual Editor once installed. The button can be used to insert a left-aligned, right-aligned, or full-width pullquote, accordingly. The actual positioning of the button in your installation may vary.
An example of a left-aligned and right-aligned pullquote. Your pullquotes will vary depending on your font settings, color choices, etc.

설치

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.

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.
워드프레스의 ‘플러그인’ 메뉴에서 플러그인을 활성화하세요.

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.

FAQ

Are all of the shortcode option attributes required?

No. Only the align option attribute is required. All other attributes may be deleted if unsued. For example:

[perfectpullquote align="left"]Text[/perfectpullquote]

How can I change the color of the pullquote’s border?

To change the default color of the pullquote’s border, before uploading the plugin, edit lines 67, 75, and 83 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.

How can I add additional classes to the pullquote’s container?

Simply utilize the “class” option on the shortcode tag.

[perfectpullquote align="left" class="firstClass secondClass"]Text[/perfectpullquote]

How can I change the font size of the text?

Simply utilize the “size” option on the shortcode tag by entering the one or two-digit size, in pixels.

[perfectpullquote align="left" size="32"]Text[/perfectpullquote]

How can I add a cite to the quote?

Simply utilize the “cite” option on the shortcode tag.

[perfectpullquote align="left" cite="Author Name"]Text[/perfectpullquote]

Can I link to the cited author’s website, online works, etc.?

Simply utilize the “cite” and “link” options on the shortcode tag. Both options must be present in order to generate a working link.

[perfectpullquote align="left" cite="Author Name" link="http://example.com"]Text[/perfectpullquote]

I updated the plugin, but now my pullquotes look weird. Help?

After updating the plugin, you may see “ugly” pullquotes until you clear the cache in your browser and load the new CSS files from the plugin. Server cache time may vary. If the pullquotes continue to look “broken,” simply clear your web brower’s cache and refresh the page.

후기

swissspaceboy 2020년 9월 13일

I tried a couple of quote plugins, and this one is the best for me. Nice options, and good display too. Recommended.

eivind1984 2019년 5월 4일

This plugin is great at many things, but to me, it has a fundamental flaw. When I select text to add as a pull quote, that text gets removed from the paragraph it is in, and now only exists as a pull quote. Of course I could add the text to the paragraph again, but that would make the text appear double - creating problems for people using screen readers. So, sadly, this plugin is not usable for me.

Coalay 2019년 3월 19일 1 reply

Very good and it works despite having not been updated in 8 months. I would suggest you make this truly responsive by using @media for different screen widths (desktop, mobile, tablet portrait, tablet landscape) fuwwe

Dan Butcher 2018년 5월 12일 1 reply

I like the styling with this plugin, and it was easy to use. Unfortunately, it doesn't play nice with the Extra theme from Elegant Themes. The plugin shortcode seems to prevent the theme from adding its paragraph tags and classes to paragraphs that include a pullquote, and that in turn throws off the paragraph's formatting. I tried putting the pullquote in a paragraph by itself, but that just results in extra white space between two paragraphs.

f1mktsol 2018년 5월 5일

Perfect! Works flawlessly. Thank you for the great plugin.

TerribleTim68 2018년 4월 16일

I love this plug-in. It's simple to use, easy to understand and helps create a professional looking blog with pull-quotes. Highly recommend.

모든 21 평가 읽기

기여자 & 개발자

“Perfect Pullquotes”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

Adam DeHaven

자국어로 “Perfect Pullquotes”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록을 RSS로 구독하세요.

변경이력

1.7.5

Fixes bug where pullquote border appears on opposite side from settings. Thanks to (@axinet)[https://github.com/Axinet] for the catch!

1.7.4

Adds bordertop attribute that allows moving the pullquote border to the top (above the quote text) when bordertop="true" is set on the shortcode. Defaults to bordertop="false".

1.7.3

Adds a CSS reset for blockquote p:before and blockquote p:after psuedo elements to prevent theme overrides.

1.7.2

Resolves an error with generated Structured Data validation. (Thanks to @sarahsmithers for the head’s up!)

1.7.1

MAJOR UPDATE: Changes shortcode FROM [pullquote] TO [perfectpullquote]. Shortcodes in all existing posts will need to be updated to [perfectpullquote]. See https://www.adamdehaven.com/blog/easily-add-pullquotes-to-your-wordpress-posts-with-my-perfect-pullquotes-plugin/ for more information
Bug fixes

1.7

MAJOR UPDATE: Changes shortcode FROM [pullquote] TO [perfectpullquote]. Shortcodes in all existing posts will need to be updated to [perfectpullquote]. See https://www.adamdehaven.com/blog/easily-add-pullquotes-to-your-wordpress-posts-with-my-perfect-pullquotes-plugin/ for more information

1.6.3

Compatibility updates for WordPress 4.5.1

1.6.2

Fixes issue with “size” attribute.

1.6.1

Minor update for WordPress 4.3.1.

1.6

Adds support for optional “size” attribute whereby user can designate font-size in pixels.
Changes border to left side when screen width is less than 768px, regardless of alignment.

1.5

Changed .pullquote class to .perfect-pullquote to alleviate conflicting CSS issues per user requests.

1.4.1

Small CSS fix.

1.4

Fixes issue where empty cite="" attribute causes an empty footer element.
Properly spaces pullquote without corrupting surrounding paragraph <p> tags.
Replaces 2 separate pullquote buttons in editor with one menu button dropdown allowing the selection of adding a left-aligned, right-aligned, or full-width pullquote.

1.1.4

Added schema.org tags and microformats.org tags

1.1.3

CSS fix for full-width quote.

1.1.2

Adds support for full-width width:95% quotes. Utilize by specifying align=”full” on shortcode. Update to docs and plugin URL.

1.1.1

Adds support for full-width width:95% quotes. Utilize by specifying align=”full” on shortcode.

1.1

Fixes “Plugin does not have a valid header” error.

1.0.2

Added support for optionally citing the quote’s author within a <footer/><cite/> block, as well as adding a link to the author.

1.0.1

Minor update for performance improvements.

1.0

Initial release.

설명