=== JAVASCRIPT PULLQUOTES === v 1.5.4 16 June 2007 By Stephen Rider -- http://striderweb.com/ Plugin Home Page -- http://striderweb.com/nerdaphernalia/features/wp-javascript-pull-quotes/ building on the work of: Roger Johansson -- http://www.456bereastreet.com/ with some help from: Viper007Bond -- http://www.viper007bond.com/ == DESCRIPTION == This plugin allows you to make pull-quotes ( http://en.wikipedia.org/wiki/Pull-quote ) in your posts without duplicating any content. Text you select will be duplicated as a pull-quote. This is done entirely via Javascript and is designed to seamlessly vanish if the plugin is disabled later. Using JavaScript instead of PHP also ensures that duplicate content doesn't show up in your feeds. == INSTALLATION == Upload the ENTIRE folder to your plugins folder (`/wp-content/plugins/`) while keeping the file structure intact. You've done it right if you end up with a folder called "jspullquotes" and a bunch of files inside it. Then activate it on your plugin management page. Finally, go to the options panel, and on the Presentation/ Pull-Quotes screen, select your options. The program works pretty well right out of the box. == USAGE == NOTE: If you would like to have a "Pull-quotes" button in the post editor, please read How_to_add_quicktags.htm , which you can find in this plugin's "Extras" folder. 1) Just wrap the text you want to put in a pullquote like this: All you need to do is wrap the quotable text in a span element and give it the class name "pullquote". The won't affect how it shows up, but it tells the Javascript to turn it into a
and display it. 2) If you want a pull-quote that has text *different* than the text in the , put it inside like so: This sentence, without this middle clause, should be a pull-quote. The content inside the HTML comment will *only* show up as the pull-quote -- it will not appear at all in the main flow of text. 3) To specify a side for a particular pull-quote, give the a secondary class of either pqLeft or pqRight, like so: This will appear on the right no matter what the Options screen says. BUGS AND WORKAROUNDS: NOTE REGARDING HTML COMMENTS: A little known "gotcha" with HTML quotes is that technically speaking you are not allowed to put a double-dash ("--") inside a comment, except as part of the beginning and end markers. In some browsers I have seen this expose comment data as page text. (This is general HTML and not specific to this plugin.) BUG: WordPress does weird things if you try to put tags inside a comment. BUG: Accented characters in alternate comments get messed up. WORKAROUND REGARDING SAFARI BROWSER: There is a bug in the Javascript rendering of Safari, which causes it to misfire on the alternate text. Assuming that some of your users probably do use this browser, you have two options: A) Do the alternate text as described. Safari will show the *actual* text in the span as though the alternate were not there. B) Put the comment alone in a pullquote span, just _before_ the sentence you're (sort of) quoting. Safari will not show any pullquote, but other browsers will work normally. Example: Darn that Javascript-mangling Safari! == HISTORY == This plugin started out as a "no options" javascript by Roger Johansson: http://www.456bereastreet.com/archive/200609/automatic_pullquotes_with_javascript_and_css/ Then Viper007Bond added a basic "wrapper" to make it a Wordpress plugin: http://www.viper007bond.com/wordpress-plugins/javascript-pullquotes/ Finally, Stephen Rider (that's me!) came along and added the options panel and all user changeable options, alternate text quotes, styles, etc. Enjoy!