Pull This
Pull quotes are nice for long, text-heavy posts. They help you communicate your key points to skimmers and they visually help to break up long chunks of text. However, in situations where your post content is displayed with CSS beyond your control (such as in a feed reader), pull quotes that are hard-coded into your post content can be ugly and confusing.
To solve this problem, this plugin creates shortcodes you can use to indicate snippets of text that you would like to use as a pull quote and indicate where you want it to show up in the post as well. When viewing the post on your website in a javascript-capable browser, the pullquotes will be inserted with javascript in the specified place. However, when viewed in a feed reader, for example, the pullquotes will not appear.
Just indicate text you want to appear in a pullquote and where you want it to appear (using WP shortcodes: [pullthis] and [pullshow]) and the plugin will insert the pullquotes using javascript on each page load.
Example #1: A Single Pull Quote
Wrap your pullquote in [pullthis] and [/pullthis] and use [pullshow] where you want the pull quote to show up:
[pullshow]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [pullthis]This
is my first pull quote.[/pullthis] Aliquam sit amet felis. Etiam congue. Donec
risus risus, pretium ac, tincidunt eu, tempor eu, quam.
Example #2: Multiple Pull Quotes
You can have multiple pull quotes by using the id attribute. It can have whatever value you want.
[pullshow id="aliquam"]Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. [pullthis id="aliquam"]Aliquam sit amet felis.[/pullthis] Etiam congue. Donec
risus risus, pretium ac, tincidunt eu, tempor eu, quam.
[pullshow id="donec"]Morbi blandit mollis magna. Suspendisse eu tortor. [pullthis
id="donec"]Donec vitae felis nec ligula blandit rhoncus.[/pullthis] Ut a pede ac
neque mattis facilisis. Nulla nunc ipsum, sodales vitae, hendrerit non,
imperdiet ac, ante. Morbi sit amet mi. Ut magna.
Example #3: Only Show The Pull Quote
What if you want something to only appear in a pull quote? You can add the display attribute to pullthis and set it to outside:
[pullshow id="ex3"]Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Vivamus vitae risus vitae lorem iaculis placerat. Aliquam sit amet
felis. Etiam congue. Donec risus risus, pretium ac, tincidunt eu, tempor
eu, quam. Morbi blandit mollis magna. [pullthis id="ex3"
display="outside"]This sentence will be hidden inside the paragraph and
only show as a pull quote.[/pullthis]
In this case, the orignal pullthis text is still there in the HTML, but it’s hidden with CSS (by setting display: none on the text).
Download & install the zip archive
The plugin package installer can be downloaded from the WP2E project tab called “code”.
1 – Select the version to download if this option is available otherwise the “latest” version of the main plugin will be used.
2 – After downloading the zip archive install the plugin package installer in you local environment and activate the script from the plugin list.
3 – Under the section “Plugins” of the admin dashboard you should see a new “Dependencies & Licenses” link. Follow the instructions from this panel to finalize the installation of the missing dependencies.
-
- Give a name to your project
-
- Download the Installer Package
-
- Install & activate the plugin locally
-
- Install the suggested dependencies
Tips: Use the WP2E panel to add/suggest new dependencies to the local installation. Press F5 in the list of dependencies if the changes are not displayed right away.