Sep
30

Blockquotes and pullquotes

Currently I am using a css-based blockquote that looks like this:

Two and two are merely four, and though often less, never more.
And I, for all the world’s advance, am an upright mammal, wearing pants…
-Author unkown to me

In a modern browser you will see a large open-quote graphic in the top left and a close-quote graphic to the bottom right of the blockquote. For IE it will degrade to a simpler vertical-bar on the left of the blockquote.

For pullquotes, I usually just use a bit of css, but this does mean duplication of the text (once for the post and a second time for the pullquote div). Viper007Bond wrote a simple plugin that uses JavaScript to get around the duplication issues. I have integrated the plugin with this theme (functions.php).

I’m adding some filler text here do you can see how it wraps around the pullquote. The styling is css based so for anyone with some basic css skills it’s pretty simple to mofify to your taste. I should note that I do attempt to contact any authors of plugins I include with my theme(s). Although not required (usually) it makes for more World Peace and Harmony. Really, it does.
To use pullquotes in your posts, find the text you wish to ‘pull’ and insert <span class=”pullquote”> before the text, and </span> at the end. Simple as that. I can hear the strings of Harmony falling into place right now… Hear that?

Oh, it’s the frikkin’ neighbor’s radio…

Related posts:

  • No related posts