What is it?
The Graceful Pull-Quotes plugin (formerly “JavaScript Pull-Quotes”) is an add-on for WordPress that allows you to easily insert pull-quotes into your posts and pages. It uses client-side JavaScript specifically because, as a purely visual effect, it seems appropriate to avoid “doubling up” the text for people on text-only browsers or older browser that probably won’t properly handle the CSS involved. If a browser has JavaScript turned off, or otherwise somehow can’t handle the pull-quotes, then they should be completely invisible and out of the way.
How do I use it?
The plugin will look for any text that is inside a tag with a class of “pullquote”, and turn it into a pull-quote. <span class="pullquote">This sentence is a pull-quote, for example</span> — though in a real post the span tags will not be visible to readers as they are in this case! Via separate plugin you can add an automatic “Pull-quote” button to the post editor screen (see “extras” in the download); otherwise you should be able to add the <span> manually.
If you like, you can specify a particular side for a particular quote. To do this, simply set the span’s class to “pullquote pqRight” or “pullquote pqLeft”. This will put that one pull-quote on the chosen side completely independently of any other side-related options in use.
There is a options panel in the WordPress admin screen that allows you to set various options. I recommend you check it out before adding any pull-quotes to posts — you can find it under the Presentation section.
In the aforementioned options panel there is a control to select a style for pull-quotes, much like selecting a Theme in WordPress. There is also a preview button, so you can see what a particular style looks like without having to activate it first.
Sometimes you have a sentence with some subsidiary clause that you don’t want to include in the pull-quote. We’ve got you covered. If you have some text that you want to quote, but leave out extraneous, repetitious, or just plain unnecessary text, you put the alternate text in an <!-- HTML comment --> immediately inside the span. This last part is important — <span class="pullquote"><!-- You can put any alternate text you want in the comment -->the comment must be the very first thing inside the span</span>: no spaces, quote marks, or anything else comes first. (Again, the spans and comments will not be visible to your readers — this is just for demonstration purposes!).
Using alternate text in this way is of course completely optional If you like to keep things simple, just put the quotable text in a span as noted above and you’ll be fine. That’s about all there is to it.
Features
- The plugin is fully language-aware and ready for localization. German (Thanks Mattias), French (Merci Ben), Persian, and Italian localizations are included.
- Styles menu. The Options panel has a drop down menu that allows you to choose a visual style for your pull-quotes. Styles are easily customized and open for third-party contributions (similar to WordPress Themes).
- Preview styles without activating them
- A pull-quote style can be embedded in a WordPress theme. If the active theme has a file called “jspullquotes.css” in it, that will be used automatically.
- You can specify a side for a particular quote. To use, set span class to “pullquote pqRight” or “pullquote pqLeft”
- Successive pull-quotes can alternate sides
- Optionally strips links out of the quote text
- Have pull-quotes that differ from the “auto-quoted” text
- Allow user to choose default side
- Advanced options to specify the HTML tag and CSS classes to be used
Installation
Download the file, unzip it, and put the jspullquotes folder into your blog’s wp-content/plugins/ directory. Next activate it in the WordPress Plugins panel.
Download
- jspullquotes.zip v. 2.3
- jspullquotes.zip v. 1.7 (for WP versions lower than 2.5)
Is this download worth something to you? If you have found this system useful, please consider making a donation. Even as little as a dollar is appreciated:
Comments and suggestions are welcome.
Share the Love
If you like this plugin, please spread the word! I’ve made one o’ them handy sidebar link images that you can download and put on your own blog. Please link it to this page, of course! Here’s the image; just right-click and save:
Or, if you have the plugin installed, you can simply paste the following into your sidebar (you may need to change the image “src” path, depending on your site):
<a href="http://striderweb.com/nerdaphernalia/features/wp-javascript-pull-quotes/"><img src="/wp-content/plugins/jspullquotes/extras/jspullquotes.png" alt="JS Pull-Quotes" title="JavaScript Pull-Quotes" height="15" width="80" /></a>Acknowledgements
Thanks to Roger Johansson and “Viper007Bond” for laying much of the groundwork that led to this plugin. See the readme.txt file included with the download for further details.
Thanks to Mattias for the German translation, Ben for the French, and to my wife’s friend Toni’s cousin Ralph for the Italian.
Last but not least, thanks to the fine folks at WordPress who made this all possible.
Troubleshooting/ Work-Arounds
- If you want to use this effect on a non-WordPress website, I suggest you check out the original script on Roger’s site, or my “no links” version.
- PROBLEM: You install it and nothing happens when you add the span tags to your post. SOLUTION: It may be your theme. Check in the
header.phpfile — the following line must appear somewhere in the section of your page (usually toward the end):
<?php wp_head(); ?> - BUG: There are issues with accented letters within alternate text comments that need to be fixed
- You may have noticed “alternate text” pull-quotes throwing errors when you have a double-dash in them. This is an obscure technicality of HTML rearing its head. Technically speaking, a double-dash ends an HTML comment, and that means the comment is ending earlier than you want it to.
- There is a bug in the JavaScript rendering of certain less common browsers, (such as older versions of Safari), which causes it to miss the alternate text. Assuming that some of your users probably do use these browser, you have two options:
- Do the alternate text as described. The buggy browsers will show the *actual* text in the span as though the alternate were not there.
- Put the comment alone in a pullquote span, just before the sentence you’re (sort of) quoting. Buggy browsers will not show any pullquote, but other browsers will work normally. Example:
<span class="pullquote"><!-- Darn that browser! --></span>Darn that Javascript-mangling browser!
209 Comments
[...] [Download] [Plugin Page] [...]
[...] One feature that has been added is the pullquote.A pullquote allows a quotation from the body of the text to be highlighted to the side of the main text.Roger Johansson created the original javascript and css to provide the basic functionality. Stephen Rider then took this code and wrapped it up as a neat WordPress Plug-In. [...]
This Pullquote plug-in is very neat and simple. Great job. I have recommended it to clients that are using WordPress for blogging. If you check out my URL you will see that I have obviously implemented the functionality on my own site.
Thanks for some great work!
I just discovered a bug, folks. The alternate text doesn’t work in Safari. Working on a fix.
Also — a “choose default side” option is
imminentdone (working on that is what exposed the bug)Stay Tuned.
Just the plugin I was looking for. I’ll be starting a new site in a few weeks with mostly text, and pullquotes will make it look much better.
Isn’t there supposed to be a pullquote button in WYSIWYG? I didn’t get one. Other than that it works great.
Thanks,
Lowell
No button in the WYSIWYG editor (yet). The button in the plaintext editor is actually part of the code that was done by others before I got to it (see the History section on this page).
At some point I will probably take a crack at adding this. You’ll note it’s on my “in the works” list in the Features section.
[...] La segunda imagen es del plugin Javascript pull-quotes de Nerdaphernalia y quizá es un poco más completo. Pero tu eliges! [...]
Doesn’t seem to work with FCKeditor.
I’m not familiar with it, but FCKeditor appears to be a text/HTML editor. (The site is confusing. Are you meant to run it within your browser?)
This is a WordPress plugin.
If you mean you’re using that program to write your posts, and then drop them into WordPress, you should be able to add a <span class=”pullquote”> to your text using any HTML editor. In this case, it looks as though you may have to use the “Source” button.
I’m sure support on that site can help you more than I can.
Hi! Thanks for this great plugin, but I’ve got a problem, which is seen in this screen-shot:
As you can see, the markup produces a blank line under the quoted text, which isn’t the case in your example. I’ve troubleshot [is this really the proper past tense version of the verb?] the issue by checking the post using Firefox 1.5.2 and Flock 0.7.6 on two different computers (WinXP Pro and OSX 10.4.8) with the very same result, no matter if the quotes are included in a published post or a draft.
Can you help me? This plugin seems to have the upper hand on this one, but please, let competition be your carrot (and blissful delight in helping a stupid user)
Thanks!
Somehow the screenshot disappeared from the post (despite being viewable from the preview box when commenting) so here’s a direct URL to it: http://niklasblog.com/wp-content/2006-11-02-pullquotese...
Not sure why that would happen. I’m guessing you don’t have an extra break within the <span>?
One other possibility is that there is something else in your site’s style sheets that is causing this.
Can you point me to an actual page where this is happening? I can only guess looking at a screenshot. (Stick a pullquote in an old post and give me the link…)
Hello, Stephen! Thanks for helping out! Here’s a sample, and you’re right, there’s no extra break within the : http://niklasblog.com/?p=1078
Got it — I’m using a too-common CSS selector “alt” for right-side pull-quotes. You also have an “alt” selector in your stylesheets, with a padding of 10px.
I’ll change the code to account for this – probably should make it a user option since anything’s possible….
Thanks a lot, Stephen. I’ll check it out when the plugin’s updated, and yet again, thanks!
Okay, a couple of rapid-fire updates:
I’ve fixed Niklas’ padding problem, worked in a workaround for the Safari bug, eliminated empty (no content) pull-quotes, added a link to edit the CSS file, and cleaned up the interface a bit. Whew! Version 1.2.2 is up.
Thanks a lot, Stephen! Up and running smoothly on my blog, making reading easier and a richer experience.
[...] wp-javascript-pull-quotes/ [...]
Heres my K-I-S-S take on a purely (X)HTML, CSS, semantic, and XHTML 1.0 Strict Validating way to create pullquotes.
http://www.askapache.com/2006/css/pullquotes-using-css-...
Great article and I really like the look of your end result, and the change from the outdated innerHTML method. When you can eliminate js, doit. NOTE: Im not anti-js, just a minimalist.
The issue with that is that it requires you to duplicate text in the markup. One of the core concepts of web standards — that is, proper use of (X)HTML, CSS, and JavaScript, is the idea of separating structure, visual design, and behavior.
So in a sense, you’re right, as I’m using JavaScript to create a purely visual effect, whereas your method maintains the visuals purely within the CSS. I’m breaking down the separation of design and behavior.
The problem with *your* method is that it improperly breaks down the barrier between structure and design by requiring the writer to duplicate the text for the pull-quote. With my method, the quoted text is — deliberately — only duplicated programmatically, and disappears entirely when it doesn’t work, such as in text browsers.
In other words, it “degrades gracefully” in browsers in which the effect doesn’t work; whereas your way will, under all circumstances, duplicate the text.
[...] Plugins: WordPress version 2.0.5 Akismet version 1.15Alt to Image Legend version 0.3Angsuman’s Feed Copyrighter version 1.0Author Image(s) version 0.9bdp-setup version 1.0Brian’s Latest Comments version 1.5.10Bunny’s Technorati Tags version 0.5Fancy Pullquotes version 0.1Get Author Profile version 0.5.1Google Analytics version 1.1Gravatar version 1.1Hello Dolly version 1.5Javascript Pull-Quotes version 1.2.2Menéame version 0.1 BetaMore Smilies version 2.1Respaldo de base de datos de WordPress version 1.8Show Top Commentators version 1.02Sociable version 1.2SpotMilk version 1.7time2read -UPDATED 20/10/04- version Viper’s Video Quicktags version 3.1.0 Beta 1WP-Stats version 2.04WP-UserOnline Widget version 2.04Zabaldu version 0.4 — the bdp-setup plugin– [...]
I get the following error when I try to access the plugin’s Option page :
Warning: call_user_func_array() [function.call-user-func-array]: First argumented is expected to be a valid callback, 'jspullquotes_subpanel' was given in /home/mjbiscay/public_html/wireless/wp-includes/functions.php on line 1329
Any ideas what’s wrong ? I’m using WP 2.0.5 and v1.2.2
Sounds as though the
jspullquotes_options.phpfile is missing. The first thought that jumps out at me is that you might have just installed thejspullquotes.phpfile alone. When you installed the plugin, did you put the entire jspullquotes folder in the plugins directory?Yes, all the files were uploaded to /plugins/jspullquotes.
v1.3b1 solved the issue though, thanks !
Final question and I’ll leave you alone ( :p ) : is there a way to tell the script when to put the pullquote on the right or on the left ? Apparently it’s all automatic, taken from the options.
It’d be nice to have a “pullquote-right” and “pullquote-left” class. Is there any way we can implement that Stephen ?
That shouldn’t be too hard, except for figuring out how it should interact with the “alternate down the page” option. Should the alternation be “reset” by a specific-side pullquote or should specifying a side override the one quote only and not affect anything else?
My first instinct is to say it should affect the one quote only, but then in alternating pages you could easily get a sudden run of three quotes down one side….
Or maybe I’m waaay overthinking things, as this plugin is purely cosmetic anyway… hmmm.
There is a new BETA version up, which adds a button in the WYSIWYG editor. Please give me feedback!!! Is it working properly for those who’ve tried it? Anyone having problems?
Currently the only issues I know if is that there is currently no actual indication that a pullquote is there until you actually publish and look at the post itself. (And the only way to remove a pullquote is to edit the HTML directly and remove the <span>) I’m working on it!
I am already using some styles for my blockquote. Unfortunately this plugin conflicts with those.
Is there a reason to convert <span class=”pullquote”> to an existing element name (<blockquote> in this case)??
The script takes the text within the <span> and duplicates it within a new <blockquote>. As the pullquote is a quotation, it seemed appropriate to use <blockquote>.
If your CSS is interfering with the script’s CSS, you should be able to explicitly reset the declarations that are being screwed up. In the Options panel there is a button to edit the CSS for the blockquotes. (If the other way around, you should be able to edit your own CSS in the same way.)
I see your point though. While I believe the <blockquote> tag is syntactically correct, perhaps an “advanced” option to use <span> or <div> is needed. As I was already going to add options to specify the CSS declaration used, this should not be too difficult to add (I hope
).
In the meantime, I think the next minor version of the plugin will have more specific “no assumptions” CSS that will cut down on problems such as this. Can you tell me what CSS you used that interferes? It might help me do this (you can email me privately for this).
[...] Javascript Pull-Quotes – Allows you to create flexible customizable pull-quotes without duplicating text in your markup [...]
This plugin looks great! I just need more control over manually setting my individual pullquotes alignment left or right. Matt mentioned this above. Anyone figure it out yet?
There are several things in the works. I worked out an infrastructure change that will allow for a number of changes I want to make, including options that manipulate the quote text (for capitalization and such….)
I also expect to get the per-quote right/left option working as people have suggested. I’m very busy lately, and might not get to it for a few weeks. Holidays, possibly moving. Lots of things on my plate lately. Rest assured this plugin is not forgotten!
hi there,
very nice plugin you made, I jsut have one question:
I also saw this plugin: http://www.cafelamarck.it/22/ and saw you posted there too, so you know it.
I like your advanced settings for the plugin but I would like my pullquotes to look like those generated by the other plugin…
could you give me a hand with that? It is not just about copying that other css style, because the other style somehow alternates, i.e. it makes certain words bolder, whatever…
“the other [plugin] somehow alternates, i.e. it makes certain words bolder, whatever…”
That’s interesting, I hadn’t noticed that before…. What that plugin does is take the quotes text and (semi-randomly?) add <b>bold</b> tags to some words. It is an interesting effect.
Coincidentally, something I’ve already done to the (as yet unreleased) next version will make implementing things like this much easier. Some details here: JavaScript Function: dupeNode()
In a nutshell, the groundwork has already been laid for new functionality that modifies the text within the pull-quote. So maybe this will happen down the road a spell.
I’ll be damned if I can get the “altPq” command to work.
Don’t know if it’s because I’ve set the display to “Right” (and thus, I’d hope that the “pullquote altPq” would display a quote on the left), but I can’t seem to figure it out.
Is it me, or have I found a bug?
Beyond that, of course, much appreciate the app!
Brad –
You do have to turn it on in the options panel (under the “Presentation” tab in the admin screen), but other than that it should work right out of the box.
Happy New Year!
Nicely done Stephen.
I love it.
I guess there’s a bug in line 30 of the “*_option.php” file. It must said:
>left
Would you please validate this?
Thanks and very good job! Your script is geat!
Claudio –
The double ‘>’ is correct. The first is the end of a bit of PHP, and the second is part of the HTML.
PHP segments begin with ‘<?php ‘ and end with ‘ ?>’
Thanks Stephen. I mean that the *_option.php file in line 30 says:
checkcombo(’def_side’,’left’,’left’)
but I believe that must say
checkcombo(’def_side’,’left’,’right’)
Regards.
Claudio –
The code is correct as written. The second defines the default, and as such should be the same for both options within a combo.
That being said, my current (soon to be released) version uses an improved bit of code, wherein the default option has a “true” parameter set, and all others do not need the last parameter at all.
I’ve been busy recently (buying and selling a home!), which is why it’s been so long without an update. I expect a new release very soon with one or two most-requested features rolled in.
Stephen,
I have a little problem here: the texts in pull-quotes are duplicating as you can see here. When I first installed the plugin, this didnt happen.
Do you have any clue about this problem?
Thanks.
Leonardo — I see the pull-quote but I’m not seeing the problem. What exactly is being duplicated? Also, what browser (and version), and OS are you using?
Stephen, its ok now. For some reason, the javascripts of many plugins I use were duplicanting, this affected not just de pull-quotes. I changed the theme and the problem was solved. Anyway, thanks for you attention.
Stephen,
I’ve just noticed that the alternate text is messed up when using accents. Is there a way to html_entity_decode the text ?
Thanks.
[...] can produce a variety of styles of pullquotes with CSS and if you are using WordPress you can even get a plugin that will do it for you. An example of a pullquote is shown just above (it was made with the WP [...]
Matt —
Sorry I didn’t respond earlier. I somehow missed your question and just now noticed it!
I would think that you can double-encode the character, though I haven’t tested it.
Example: &eacute;
However, this is certainly inelegant, and I will look into a fix. Thanks for the catch!
[edit: possibly use escape() and unescape() in the JavaScript...]
Stephen -
Only now getting back to the comment I left in December and which you replied to on Jan 1. (both are up above).
You say I need to “turn on the option” to allow for use of the “pullquote altPQ” option, but I don’t know where one would turn that on. Any hints?
I don’t want to use the option for “Successive quotes on one page alternate sides” because that means pullquotes, on my main page (where I may have many articles using pullquotes) won’t necessarily be on the predicted side of the in each given article.
So I don’t want to randomly alternate sides, I want to be able to specifically specify when the pullquote should be on the left instead of on the default right. But I don’t see where to “turn that on” as you suggest.
When I use the “pullquote altPQ” div, the pullquote just goes on the right as the noramal “pullquote” div does.
ADDITIONAL QUESTION/BUG-REPORT: The use of double hyphens, as in “–” inside a pullquote will cause it to err. At least when using the commented version (the one that allows me to use the quote on a different graf). A work around would be great since often I use pull-quotes to actually quote someone as in “Some great thing someone said. — Great Person named here”
BradBlog –
Aha, I misunderstood then. Currently there is no option to arbitrarily specify a side for a particular quote, but as you may notice above it is an oft-requested feature, and I expect to have it implemented in the next release (hopefully very soon).
Regarding the Bug Report: This is an obscure technicality of HTML rearing its head, and I’ve added a note regarding this to the instructions on the next version. Technically speaking, a double-dash ends an HTML comment, and that is what’s happening here. I might suggest using an encoded em-dash instead (e.g. — ).
Hmm… I’ll also add that info to the “Workarounds” section on this page. Thanks for the reminder!
Thanks for the quick reply (and for the workaround on the other issue) Question then is what the heck is the “pullquote altPQ” for then???
“[W]hat the heck is the “pullquote altPQ†for then???”
altPQ is used by the “alternate down the page” option. Basically, if that option is turned on, the script adds “altPQ” to the class of every second pull-quote div, which tells the CSS to put it on the other side.
Ah, thank you! Had thought it was for manual specification of placement on the alternate (from the default) side of the page.
Might request in your updated version (happy to test it, btw) that it do exactly that. Even if the “Alternate pullquotes on page” option is NOT selected.
Should give users far more control over placement. As mentioned, I can’t use the selection to alternate them on the page, because it means on the main page, where there may be other articles that use the pull-quotes, the quote ends up on a different side of the page than planned/hoped for.
New update folks!
JavaScript Pull-Quotes 1.4 includes the much-requested ability to specify a side for a particular pull-quote!
Just do you spans thus:
<span class="pullquote pqLeft">or<span class="pullquote pqRight">Also note that I’ve now got a sidebar image for you to put on your own site if you’d like to link to this page.
Enjoy!
[...] enough so that readers are engaged enough to go and read the entire text. I will start using using this plugin for WordPress that will do it for [...]
[...] dem Hinweis von Michael Gisiger auf das Plugin “Javascript Pull-Quotes” kommen die Artikel im paxx:zine jetzt optisch noch ansprechender daher. Dank den Zitaten aus [...]
[...] Nerdaphernalia [...]
Is there a way to stylize the pull quote – like to italicize or bold certain words? i haven’t downloaded yet – I am trying to figure out the difference between this plugin and the cafelamarck one. this one seems to allow for invisiblity, which is key.
thanks!
You can stylize text using CSS (a.k.a. Style Sheets). Any tags within a “pullquote” span appear in the large pull-quote, so A) any styling within the source quote appears in the pull-quote, and B) you could play with the Style Sheet to create certain effects. For example, you could do this:
<span class="pullquote">Why <span>hello</span> there!</span>and then style the “hello” by putting something like this in the style sheet:
blockquote.pullquote span {font-weight: bold;}I do not (yet) have functionality that creates the semi-random formatting that the cafelamarck plugin does, but as you point out, mine do disappear cleanly if the plugin is disabled. As for other differences, I believe this one has more display options, and a full Options page in the Admin screen. Mine also allows for text that differs from the <span>ed text, and a few other tricks. Enjoy!
Thanks.. aside from semi-random formatting – if I wanted a word or two to be bold in the pull-quote but not in the text, I would have to use the alternate text option, is that right? I’m just learning css/html as I go.. it’s all kinda new to me.
Actually I tried putting <em> tags and such in an “alternate text” comment, and got outwitted by WordPress’s encoding functions in the editor. I have that listed as a bug to be fixed — and since this plugin doesn’t have many known bugs, it’s pretty high on the list.
Until then you can format the pull-quote using spans as I did in my comment just above. That is, put a span (for example) within the text to be quoted, and then apply CSS to that tag within div.blockquote. See my comment just above.
Great Post. Very helpfull information. Thanks, guys. Jürgen from Germany
New update, version 1.5
This is a big’un, folks. I’ve implemented Styles, similar to WordPress themes. Just go into the options screen and pick a style.
Also like WordPress themes, this is wide open to custom styles, so submit a Style today and I’ll put them up for everyone to see!
IMPORTANT UPGRADE NOTE: If you are upgrading from a previous version of the plugin, go into your Options panel and change the setting called “CSS class selector for alt-side pull-quote”. The previous default read:
pullquote pqAlt
Change it to:
pullquote pqRight
Hey Stephen, a great plugin for WordPress, and after three months, I need a little help. Running 1.3, the plugin worked perfectly. Today I upgraded to 1.5 and now, not so good. When I insert a pullquote, The pullquote shows up at the top of the page and is as wide at the container. I made the change to the CSS class selector as indicated above, but that didn’t change anything.
First, do you have any idea what might cause this, and second, if not, can you email me version 1.3 so I can delete and go back. Foolishly, I didn’t make a backup of the original file before the upgrade. Oh, in case. WP 2.1.2, Firefox 2.0.0.3, Windows XP Service Pack 2. Thanks again for a great plugin and for any help you might give.
Larry –
I think I have v1.3 on my other computer… I’ll upload it for you later.
In the meantime, can you give me a link? I’d like to try and figure out what’s going wrong. You might put a pull-quote in to an old post somewhere and give me a link to that (so few to no people will see the odd pull-quote in the old post….)
Off the cuff the width problem sounds as though the plugin is not finding the CSS file correctly, which would suggest a bug in the new “pick a style” code. I’m not sure what would cause it to show up in a different location, though.
Also… odd as it sounds, you might simply try hitting “reload” a few times on your browser, or better yet clearing your cache.
Stephen,
I added pullquotes to several old posts and it worked perfectly, just as always. I thought maybe the issue only showed up on non-published articles, so I tried that, and they showed up perfectly. I don’t have any idea why it didn’t work Friday right after the upgrade, but it seems to work properly now. Thanks for the magic fix. I appreciate it.
I have discovered another problem though. I installed it on another site I have that is also running AdSense. I am running the Adsense-Deluxe plugin and with it activated, the pullquote button does not show up in the write area. I am not using the visual editor. I deactivate Adsense-Deluxe and it shows up, re-activate, and it disappears. This may be a flaw in the other plugin, but I wanted you to know about a possible issue.
Thanks again for your response and help.
“I don’t have any idea why it didn’t work Friday right after the upgrade, but it seems to work properly now.”
As suggested at the end of my previous comment, your browser was probably caching a CSS file or something. Viewing it again later reloaded the file and you got the newer one.
Regarding the Adsense plugin:
It appears that this is a known problem with that plugin. I use a very popular bit of JavaScript called “Buttonsnap” to add the button to the editor, and Adsense conflicts with Buttonsnap. Thus that plugin apparently causes the same problem with a good number of other plugins that add buttons to the editor.
Reportedly the WordPress folks are adding native button hooks into WordPress in version 2.2, so I expect to do some work on the buttons when that is released.
Until then here are a couple potential fixes:
http://blog.hwa2u.com/...
http://www.maxpower.ca/...
[...] se puede quitar el valor de un enlace poniéndo en javascript (los buscadores no leen javascript) o por robots.txt Es habitual en algunos foros que los links [...]
[...] a Top Rated Articles page when you have enough good material 46. use strong visual images and text formatting plug-ins 47. turn off the computer 48. live 49. love 50. [...]
New version 1.5.1 is up!
WordPress Theme designers can now embed a custom pull-quote style within a theme. I’ve also laid the groundwork for translations of the Options panel; plus there are some cosmetic changes and minor bug fixes.
New update: 1.5.2
I’ve added a preview button so you can see what different styles look like without having to activate them first. This should make it easier to develop new styles, as well as encourage people to experiment a bit in using them.
Enjoy!
[...] dumb monkey look like a Pulitzer Prize winner! But I’ve decided to run it head-to-head with JSPullQuotes, a javascript implementation, to see which I like more (= is more easily customized). Currently I [...]
[...] note: Thanks to Nerdaphernalia for the pullquote plugin and Sabahan for the cool blockquote [...]
…..aside from semi-random formatting – Thnaks a lot.
Very nice that you sendet me a reply.
Peter from Germany
New update: v1.5.3
A few fixes and optimizations in this one. The biggest change is that styles can be contained in folders now, which allows for styles that include other files, such as images.
I really love this but I wonder how to include formatting like a break “ or html or anything like that.
Jane –
I haven’t worked that one out yet. I thought you might be able to do an “alternate text” quote with tags and such, but it seems the WordPress post editor “helpfully” mucks around with it. I’ll have to experiment with HTML encoding and try to find a combination that doesn’t break.
This is on my “bug” list. It goes hand-in-hand with fixing extended characters such as “é” in alt-text quotes. Now that
The short version is I need to figure out how to tell the post editor to leave comment contents alone.
[...] Visit [...]
Version 1.5.4 is out. The biggest change here is that it’s all ready for translation. If you’re bilingual and would like to help with translations, please fill out the .pot file that is included with the download, and send it back to me.
Get my email address here.
There was also a bit of reorganization and some minor code cleanup, but no major functional differences.
Enjoy!
Yo Stephen, an excellent bit of work, great Plugin… just installed yesterday, had it up and running in a matter of minutes…
A great addition to standard block quotes in WP and your “admin” page makes things so much easier for novices like me whjo know nothing of “coding”. Thx…
PS: Working well on Wp 2.2, thus far…
[...] All Geek To Me” Skip to content FeaturesJavaScript Function: dupeNode()OS X App: ImageTaggerWordPress Plugin: JavaScript Pull-QuotesWordPress Plugin: Subscribe to Comments « The newest thing from [...]
[...] Javascript Pull-Quotes Allows you to insert pull-quotes into posts and pages, as seen in the example above. [...]
[...] Fancy-Pullquotes Pugin : Negative effects if deactivated and RSS trouble according to comments. Nerdaphernalia Pullquotes: I actually installed this plugin and it has an excellent user interface located under the [...]
[...] As for execution of this style, here is an article from Sitepoint that describes the CSS you can use to make pull quotes. But if you don’t want to deal with that dirty work and you have WordPress, you can just use this plugin. [...]
The link to this plugin is broken.
So it is, Zachary. It’s fixed now.
This site is undergoing significant behind-the-scens changes, and there have been a hiccough or two — including broken links. Sorry about that!
[...] blocchi di testo in modo che appaiano come citazioni in rilievo rispetto al resto del testo. link 1 – link 2 Collegamenti [...]
Thanks!
First of all, great plugin. A try a couple before, but I found this is the best
Now, can I make a suggestion? It will be nice to be able to choose not to use any css. I think some people (like me) will prefer to use just one css in their site, so they will copy and paste de css code of the pullquote in their main css file, to not have to use another css file.
That’s what I will do, but I will have to hack to plugin to do it. Let me know what you think…
Thanks!
Tanguillo –
That’s a good idea. Shouldn’t be too hard to to add as an advanced option. It had occurred to me in the past, but I just never got around to it.
I’ll see about adding it in the next version!
Thanks! Just make sure to let know users that have to copy the code of two css files. It take me a while discover it
See you in next version!
[...] of the things I like most about print publications are attractive pull-quotes, and with the JavaScript Pull-Quotes plugin you can achieve nice pull-quotes. It also has many options including different styles to choose for [...]
1.6.6 is up. Primary difference is that, by user request, you can now turn off the CSS in options. This is useful if you want to reduce HTTP requests by putting the CSS directly into your theme’s stylesheet.
I really do like having this plugin available, and what it does is a "handy" addition to my editing/presentation tools on my website/blog. I was wanting to know if you will be continuing to support/maintain it? and whether it is still compatible with Wp v2.3 –>> ongoing?
It seems to me that it is one of the very few of its kind, that does what it is designed to do, and does it well.
Thx for the plugin.
David –
Considering I just updated it yesterday, I would have to say yes, it’s still supported.
Wow, nice! I will try the new version!
Thanks!
Great plugin!
Wondering if you know of the best way to assign a header class to the pullquote text itself. I’m trying to add sifr to the pullquote… any ideas?
Many thanks!!!
[edited to add link -- ed.]
Zack –
Go to the Pull-Quotes options page — it’s in the admin section under the Presentation tab. At the bottom there are settings for “CSS class selector”. You can give the pull quotes any class you wish.
Note that if you change the defaults, you will have to change the CSS files as well — both the once you select, and the “core” CSS file.
Been a while since that last comment, but thanks very much, Strider. It gets a little more complicated than that, but I finally figured it out. For anyone interested in using sIFR, you basically need to call the sIFR function at the end of the jspullquotes.js load function. So, that bit of code would end up looking something like this (relative to your own sIFR):
function pullQuoteOpts(arrOptions) {
pullquote.addEvent(window, 'load', function(){
pullquote.init(arrOptions);
sIFR.replace(century_gothic, {
selector: 'div.pullquote p'
,css: { ** YOUR sIFR CSS HERE ** },
}
});
});
}
Again, many thanks Strider. Great plugin. If interested, I’ll be happy to supply a live url when the site launches. Cheers –
Long story short — The “donate” links on this page were messed up, and short of a couple donations on Feb 27, 2008, I have never received, nor even known about, any of the money people may have donated to this site previous to that date.
(PayPal says all donations were returned to the payors.)
Long story long — You can read the details here.
Argh! Due dilligence: there’s a comma at the end of that code I just posted that will break this in IE. The correct code:
function pullQuoteOpts(arrOptions) {
pullquote.addEvent(window, 'load', function(){pullquote.init(arrOptions);
sIFR.replace( ** your sIFR style here ** }
}
});
});
}
Ah, 4am javascripting! Anyway, again, cheers –
yes, this plugin i was also looking for. I installed and find it works. But, all users can’t login after installation. When disabled, all go fine. Any comments?
Zahidayat — This plugin doesn’t do anything that I can imagine would block users from logging in. What other plugins are you running? What version of WordPress?
Disable all plugins and see if you still have the problem. Then re-enable just JS Pull-Quotes and see if the problem comes back.
Hi.
I have upgraded from 1.5.2 to the actual one, and I get this error message :
Moreover it made strange things (addind bullet points) in comment.
I deactivated the plugin and it came back to the normal situation… but without pullquotes. Do you have any idea ?
Koz –
The first thing I would check is that it’s not some conflict with another plugin you’re using. What plugins are you using? try turning them off and see if the problem is tstill there with this plugin.
The second thing to check is that there’s no problem with your theme. Activate the plugin, and change to the default theme, and see if the problem is there with the default theme.
If you need to downgrade, you can still download version 1.5.2. (But let’s get you running on the new version — esp. with the French translation!
)
Koz –
Actually, before you try any of that, delete the pull-quotes plugin, re-download it from this page, and try it again. The files may have gotten corrupted.
Argh, you’re right : it seems that there is a conflict with my theme. Thank you for the 1.5.2 version. I think I will use this one, except if I find a workaround. And, maybe, with 2.5 coming up, change my theme.
Thanks for a nice plugin. However, I have made some small modifications to make it work with some of my Wp projects. The idea is great!
Just wanted to say your demo actually made me laugh out loud. Good work, those are the best pull-quotes i’ve ever read.
Jeremy — truly you must have a dry wit.
Glad to be of service.
First, thank you for the plugin – especially the ability to tweak it for ourselves. (I had fun changing colors.)
However, I can’t seem to get the manual setting of the side to work correctly. If I click the box for “alternate sides”, it alternates. If I don’t click the box, they are all on the side I’ve specified in options (all left or all right.)
I’ve put in the appropriate span for left or right, but the pattern isn’t over-ridden.
Am I missing something?
Thanks!
Cathy
Cathy –
This should work:
<span class="pullquote pqRight">This is a pullquote</span>Note that that will only override the side of that one pull-quote.
The “alternate sides” checkbox just makes them switch back and forth down the page.
Very useful plugin. Thanks.
I got the plugin to work very well with Firefox and IE7, but IE6 users get a blank page. Problem goes away when the plugin is deactivated. I’m guessing it’s a conflict with the theme, so I’ll try that path for a bit to try to resolve the issue. (Also, strangely, I get a blank page in Ffox after saving or publishing, which goes away when you try another address. I get these characters “” immediately after deactivating it to.)
I get this error whenever I try to save something! I tried a different theme and deactivated plugins, but got the same result. Your help would be appreciate. I am using WP 2.3.3.
Warning: Cannot modify header information – headers already sent by (output started at /home/domains/public_html/wp-content/plugins/jspullquotes/jspullquotes.php:1) in /home/domains/public_html/wp-includes/pluggable.php on line 390
Thanx
Darrell
Darrell — Try deleting and re-uploading the plugin files. Sounds like a corrupt file.
I am getting the same error as Darrell. I am not sure, but could it be a problem with the new version of WordPress that was just issued. I admit that I did not use it with the old version, but a colleague did and had no trouble.
well, thats really a good plugin, am gonna use it now..
[...] Berea Street: Automatic Pullquotes with Javascript and CSS Nerdaphernalia: WordPress plugin for javascript pullquotes Whole section in the book Learning jQuery about [...]
This plugin will conflict with the WP Automatic Upgrade Plugin. Turn automatic plugin off when not in use and pull quotes on then you’ll be fine. Do the opposite when you need to upgrade WP with automatic upgrade.
I’m getting the following conflict:
Warning: Cannot modify header information – headers already sent by (output started at /nfs/c01/h02/mnt/631/domains/sundaysalon.com/html/wp-content/plugins/jspullquotes/jspullquotes.php:1) in /nfs/c01/h02/mnt/631/domains/sundaysalon.com/html/wp-includes/pluggable.php on line 694
Thoughts?
FRank — in my experience the error you’re getting happens when there’s a bad upload. Try re-uploading the files to the server.
Regarding the auto-update plugin — I’ll have to check into that. Not sure why it wouldn’t work — All it’s doing to the page is adding a JavaScript link to the header (and of course the script itself runs).
I’m having trouble activating the plugin. I transferred it to my plugins folder, but it doesn’t show up in the plugins list in the admin area. Uh…help?
Tried downloading and reuploading. Seems to be a cache issue? here is the error:
Warning: session_start() [function.session-start]: Cannot send session cache limiter – headers already sent (output started at /nfs/c01/h02/mnt/631/domains/sundaysalon.com/html/wp-content/plugins/jspullquotes/jspullquotes.php:1) in /nfs/c01/h02/mnt/631/domains/sundaysalon.com/html/wp-content/plugins/wordpress-automatic-upgrade/wordpress-automatic-upgrade.php on line 92
I also tried version 1.5.2 but to no avail. Any other thoughts?
Also getting a similar error to that above.
Warning: Cannot modify header information – headers already sent by (output started at C:\xampp\htdocs\FurteanTimes\wp-content\plugins\jspullquotes\jspullquotes.php:1) in C:\xampp\htdocs\FurteanTimes\wp-includes\pluggable.php on line 694
Possible conflict with the new version of WordPress?
(Also, I’ve already tried various ways of re-downloading and re-uploading, re-activating, etc.)
I’m also getting the header error (wordpress 2.5):
Warning: Cannot modify header information – headers already sent by (output started at /home/public_html/wp-content/plugins/jspullquotes/jspullquotes.php:1) in /home/public_html/wp-includes/pluggable.php on line 694
I’ve tried different upload methods, deleting, etc.
anyone have a fix?
Question for the people having the header errors — have you tried deactivating other plugins? What plugins do you have active?
My best guess is that this is a plugin conflict of some sort.
Did it start with a particular version of the plugin? I haven’t been able to reproduce it….
Hi Strider,
this is a weird one. as soon as the plugin is activated it actually stops you deactivating it and any other plugins. The only way to get things working again is to delete the jspullquotes folder and all of its sub-directories.
I have two other plugins activated.
Smart Trailing Slash
Google XML Site maps
I removed jspullquotes, disabled the other plugins then reinstalled and this hasn’t solved the problem. The only active plugin during this test was jspullquotes and the problem still occurred.
let me know if there is anything else you’d like me to test.
Hi,
I am having a problem that I think some others said they were having as well. The plugin works great except that when I go to save a page or post, I get this:
Warning: Cannot modify header information – headers already sent by (output started at /home/xondie/public_html/wp-content/plugins/jspullquotes/jspullquotes.php:1) in /home/xondie/public_html/wp-includes/pluggable.php on line 694
It does save it and the pull-quotes display nicely on the page. But I get this error every time I try to save a page, whether I put pull quotes in it or not.
I am using WordPress 2.5.1.
My other plugins include Dagon Design Form Mailer, and Easy Tube.
Thanks! It’s a cool plugin.
The site has been inaccessible (for me, anyway) for several days — so I’ve been delayed on this.
I’ve still haven’t been able to reproduce the problems people have been having, but I’ve been going over the code with a fine-toothed comb and doing a lot of cleanup and such.
Tonight I expect to release a new version of the plugin — no new features, but lots of code cleanup. Hopefully it will fix the issues y’all are experiencing. Considering some of the things I fixed, I think it might do the trick. (For example, my PHP uses classes as a form of “poor man’s namespaces”, but it wasn’t always referencing the class object the same way….)
In fact, this run of coding will probably lead to a “tips for plugin devs” post. I figured out some interesting things that I think will be of use to others. I also overhauled the Virtual Multiblog system in the same manner.
New release! (sort of)
No new features at the moment; this is a “code cleanup” release that will hopefully fix some of the issues people have been having lately. I’m calling it a beta only because there are no new features (yet). The “real” v1.7 will come out in a few days I expect, with a few additions.
[edit: and if that doesn't fix the "header" issues, there's one more thing I'm going to try just as soon as I figure out how....]
well, I’ve just tried the 1.7 and I seem to have the same problem. As soon as you start typing stuff in the write post content box this appears in the publishing status box
Warning: Cannot modify header information – headers already sent by (output started at /home/user/public_html/wp-content/plugins/jspullquotes/jspullquotes.php:1) in /home/user/public_html/wp-includes/classes.php on line 788
and then when you hit submit, this appears:
Warning: Cannot modify header information – headers already sent by (output started at /home/user/public_html/wp-content/plugins/jspullquotes/jspullquotes.php:1) in /home/user/public_html/wp-content/plugins/ylsy_permalink_redirect.php on line 308
sorry!
I just uploaded 1.7 Beta 2. I think this fixes the header issue, as the plugin no longer makes any changes to any admin headers except on its own Settings page. (This is the way it really should have always worked; but it took some figuring, and since it wasn’t causing problems before….)
Hi Strider,
yeh header issue is completely resolved now. thanks for the great work!
There is a small issue changing the pullquote style from the options which causes a “Cannot load jspullquotes.php” error, but this isn’t a problem for me – I’m ok with the style thats setup.
thanks again.
Version 2.0 is out. Recommended if you’re on WP 2.5 or higher.
(v1.7 was a preemptive release to get the bugfix out as early as possible. 2.0 is that plus a Settings page redesign, a new option, a Settings link from the Manage Plugins page, and some other goodies….)
[...] WordPress Plugin: JavaScript Pull-QuotesA plugin that allows you to easily insert pull-quotes into your posts and pages. It uses client-side JavaScript. [...]
Looks great! I’m glad to finally be able to use such a great plug-in!
New version 2.1 is up.
No major new features, but it adds full WordPress 2.6 compatibility, plus more code polish, etc. Hopefully fixes that pesky “header” bug that’s been hitting some people.
New version 2.1.1 Please read the upgrade notes.
Awesome! Thank you Stephen.
Version 2.1.2 is up.
The biggest change from the user end is that localizations (i.e. translations) now work.
More info is available in this post.
“If you are not using the rich-text editor in WordPress, there is actually an automatic “Pull-quote” button in the post editor screen; otherwise you should be able to add the manually”.
Hi, Stephen:
I’m not seeing the pullquote button on my post editor screen. Please advise, as this is a plugin i plan to use alot.
Missy — Quicktags are no longer built-in. Take a look in the “extras” folder.
New version 2.2 is up.
Improvements:
Hi
I have a small css inheritance problem. Maybe…
Blockquote of style I’m using has white text on gray background and I’m totally happy with that. Your plugin, <blockquote> and , is using white background or getting it from somewhere but text in white too. Because of css of style propably. So, how do I change the color of text in your css? I dont speak css too well…
BTW, finnish translation is coming in one days time if you dont already have it.
Regars.
Hello Stephen,
The PullQuotes work great, but Umlauts are not rendered correclty (shown as “ä” etc.) when I have another Plugin (WP-CleanUmlauts) is activated. Is there a possibility to circumvent that without needing to deactivate WP-CleanUmlauts?
Georg — Could you email that plugin to me?
Jakke — If you look in the /plugins/jspullquotes folder, you’ll see a folder called “styles”. That folder contains the different styles that appear in the dropdown in the admin screen. There is another css file that loads always — called jspullquotes-core.css — it’s in the resources folder.
Note: If you’re going to make changes to a style, I recommend you instead make a new custom style. Make a copy of one of the files in “styles”, and modify it all you like. The name of the file is the name that shows up in the admin Styles list.
[edit: to change text color, look for the following in the CSS:
color: #xxxxxx;]
That was the first thing I did. It didn’t work and thats why I’m wondering about some inheritance problen.
But I’ll try the …core.css and a totally new style.
Thanks.
I can change everything else but color of font. Interesting.
Okey, the problem almost solved out. It was a one type of inheritance problem. When style.css says something like:
#content blockquote p{
color: #696969;
margin: 0px 0px 10px 0px;
padding: 10px 0px 0px 0px;
}
we can’t override it in css of the plugin just with color: #something; Or I can’t anyway
Jakke –
I’ve put a fix in the core file, so this shouldn’t be a problem in the next release.
I translated the plugin into Persian but it does not work. I created the .po and .mo files using Poedit, and named the mo file as “jspullquotes-ir_IR.mo”. It is placed in the folder “languages” but still it does not work. What can be the problem?
Sourena — Is the rest of WordPress admin showing up in Persian? The .mo file should be in the jspullquotes/languages folder.
If you send me the .po file, I’ll include your translation in the next version of the download.
Hey, awesome plugin–the only problem is that it doesn’t appear to work with AJAXed WordPress. If I view the single post only, then it’s fine, but if I expand the post from the excerpt, no good. =/
[...] ????? ?? ?????? ?????????? ????? ? ????? ?? ?????? ??????? ?????? ??? ????-?????, ? ??????? ???????? ?????? ????? ????? [...]
Gorgeous results from this plugin…thanks so much!
[...] I started looking around for a WordPress plugin that would do pull quotes nicely. I found one pretty quickly, courtesy [...]
[...] wordpress, sebenarnya sudah ada plugin kusus untuk menangani pullquote ini. plugin bisa di dapatkan di sini. Namun menurut saya, selama manual masih bisa kenapa memakai plugins kasian blog banyak plugins yg [...]
Excellent plugin, thanks ever so much! – Just one thing… Umlauts are not rendered correctly when inserted as HTML comments. Is there any way to fix that? – Thanks again!
GREAT plugin, and thanks!
I am having one problem, though. The plugin does the pullquote just fine, but it ALSO adds a duplicate of the pullquote into the main text itself.
So if I pullquote this sentence, I have the pullquote, the original sentence and an additional sentence where the pullquote span is.
Any ideas?
Nevermind. I am a doofus. RTFMed and all is well, now.
[...] EDIT: This plugin is no longer supported by the above author you can now find a new pull-quote plugin here [...]
[...] wordpress, sebenarnya sudah ada plugin kusus untuk menangani pullquote ini. plugin bisa di dapatkan di sini. Namun menurut saya, selama manual masih bisa kenapa memakai plugins kasian blog banyak plugins yg [...]
How do I put line breaks, paragraphs, lists, etc. within the pullquote? When I do this now it doesn’t work.
This is a known issue — you can’t put HTML entities inside <!– HTML Comment –>s for an alternate text. It’s on the “to fix” list, but I don’t have any kind of ETA. This also causes problems for people whose language include accented letters.
Does anyone have a list of known plugin compatibilities?
I activate Pull-Quotes and get a blank page. It seems to get stuck in the header, failing to load the rest of the site…
I’m using an external dom-tab script for some features on the site, and was wondering if there was any kind of conflict..
Any suggestions would be helpful.. so I can dig in the right place.
One thing I should add – I tried ViperBond007′s plugin and it works… so is there something I should know?
Your help would be appreciated. I’m using the 1.7 version of this.
Perry — Step one is purely on your end. Standard plugin conflict procedure:
1) Deactivate all plugins.
2) Reactivate JavaScript Pull-Quotes. Are you still having the problem?
3) if not, reactivate other plugins one by one.
4) If the problem comes back when “Plugin X” is activated, deactivate everything but Plugin X. Are you still having the problem? Reactivate each other plugin — doing JavaScript Pull-Quotes *last*.
5) If you have the problem with just JavaScript Pull-Quotes and that one other plugin, you’ve identified the conflict. Let me know what Plugin X is, so I can try to diagnose the problem.
[...] WordPress Plugin: JavaScript Pull-Quotes A plugin that allows you to easily insert pull-quotes into your posts and pages. It uses client-side JavaScript. [...]
Hi, first of all thanks for this wonderful plug-in, I have used it in the past with great success. But this time I am having some issues… could it be the theme? I am getting two pull quotes…
I thought that maybe the theme was pre-configured for pullquotes, so I disabled the plugin but left the span tag, but it disappeared completely. Only when I enable the plugin does the quote appear, doubled.
http://voxphoenicia.com/2009/03/14/drug-war-for-profit/
I can’t really think of any other reason it would do this but I did notice one other symptom. In my options screen, the alignment continues to show “left” even though the quote and generated markup are showing “right” (as they should by default).
Also, I tried changing the “blockquote” tag to a “div” tag instead, but when I try to save changes, neither setting will change. The drop-downs return to “left” and “blockquote” each time.
Am I missing something obvious?
Mikester — Go into your theme’s folder and open up the file called
header.php. Somewhere in there is a bit of code that reads:wp_head();I think you’ll find that you have it twice. Thus, all those plugins that add things to the head of your site (and you have several) are all being called twice. Most visibly, this is causing the double pull-quotes, but I wouldn’t be surprised if it were causing other problems as well.
First and foremost. Love the idea of this plugin. It’s perfect for what I need to do. I’ve got it installed and everything is working–expect for the fact that pull quotes always seem to float to the top of the paragraph–i.e. I can’t “embedd” the quotes as you are doing on this very page. Can’t understand why. Any ideas?
To clarify: picture one long paragraph with two pullquotes in span tags as specified. One will appear on the left and one on the right. In my case, BOTH will appear at the top of the paragraph (one each side) and not where they reside in the actual text (in this example, I’m including the first span after the fifth paragraph and the second towards the end).
Would greatly appreciate your help.
Cheers,
Actually, the pull-quote is added just inside the parent element, at the beginning. Thus, if the span is in a paragraph, the pull-quote is just inside the paragraph, at the beginning. check out the source of this page and you’ll see that that is the case.
In your case, you can either break it into two paragraphs, or you can manually add the pull-quote in az different location (using HTML comments).
[...] JavaScript Pull-Quotes [...]
[...] WordPress Plugin: JavaScript Pull-Quotes [...]
[...] JavaScript Pull-Quotes [...]
Is there any method to alter the width of the pull-quotes?
Regards.
Yes. Within the plugin, edit the .css file. (Sorry, no “in program” settings for this. Maybe down the road a spell….)
I have used this plugin on a site / which works great. Until I view the Pull quotes in IE6 and IE8.
The first 4 or five letters at the beginning and end of the quote disappear in these browsers.
Does anyone have any solutions?
[...] Javascript Pull Quotes makes adding quotes to your blog much more simple. By giving your quotes a different design, you can easily separate them from your body text and keep your inspiration away from the rest of your content. Don’t want to use a particular quote style? Don’t worry, this plugin is completely customizable, right down to the font and style used for your quotations. [...]
[...] Javascript Pull-Quotes version 1.4 [...]
[...] Javascript Pull Quotes makes adding quotes to your blog much more simple. By giving your quotes a different design, you can easily separate them from your body text and keep your inspiration away from the rest of your content. Don’t want to use a particular quote style? Don’t worry, this plugin is completely customizable, right down to the font and style used for your quotations. [...]
[...] decided to drop all the custom code from my Welcome theme and start over. I found Stephen’s Pull-Quotes WordPress Plugin’s Page and downloaded the latest copy of his plugin. As usual with WordPress plugins it was trivial to set [...]
[...] The plugin itself is available on StriderWeb/Nerdaphernalia at this page, “WordPress Plugin: JavaScript Pull-Quotes.” [...]
[...] more: WordPress Plugin: JavaScript Pull-Quotes – Nerdaphernalia Comments0 Leave a Reply Click here to cancel [...]
I am using the plugin and love it. However, I generally write with a lot of Order List and unordered lists . The pull quotes show up with spacing problems with I designate text within these tags. Any ideas? Is there a fix for this? Thanks.
The div is created inside the parent of the pullquote span. That is, if you’re in a paragraph and you wrap some text in a span with the “pullquote” class, the new div is created just inside the opening paragraph tag.
So in your case, it’s probably being created inside the li tag that is presumably the parent of the span.
A possible workaround is to use “HTML comment” pull-quotes and create the span outside of the list. A bit more effort, but should probably work for you.
[...] View original post here: JavaScript Pull-Quotes [...]
Love the plug in so far, getting some nice results. Just needed to photosnot the End and Start quotes to get something a bit fancy shmancier. Question is, I’m trying to set up several of the “Appearances” to be triggered depending on a tag? i.e. , . Does this work?
Kevin — no, you can’t make a quote with an arbitrary theme to it. The appearance of the pull-quotes is determined by the CSS file linked in the head of the page, which is in turn determined by what is set on the Pull-Quotes Settings page in Admin.
So you can’t have a specific pull quote, pull a specific appearance. Hmmm.. Can you recommend a good way of doing this? It looks like it could be setup to do this?
Thanks!
[...] This plugin adds 16 plugins to TinyMCE, WordPress’ wysiwyg editor- Advanced hr, Advanced Image, Advanced Link, Context Menu, Emotions (Smilies), Full Screen, IESpell, Layer, Media, Nonbreaking, Print, Search and Replace, Style, Table, Visual Characters and XHTML Extras- pluss allows you the flexibility of choosing the layout and options for the post editor tool bar. Another nice things about this plugin is that it can import all css classes or you can choose to add inline css classes (which comes in handy when you want to use other plugins like Javascript Pull Quotes) [...]
In my pullquote settings the ‘Display quotes on’ always displays Left even after changing it to Right and saving.
Hmmm…. So it does. I’ll check in to it. Thanks.
Version 2.3 is out. Fixes right/left default setting bug. Plugin also has a new name: Graceful Pull-Quotes. Lots of minor code and CSS fixes. New Persian translation.
Wonderful plugin, and generates nice looking pullquotes.
Couple of issues, though. Perhaps you can help?
In Mac Safari and Firefox (both latest versions) and WP 2.9.2…
1. No admin panel shows up in “Settings”
2. I’m defining alternate text (different text than what is in the post) in the string. The pull-quote shows fine, but the alternate text is also displayed, in this case to the left of the quote.
Here’s a link if you’d like to see:
http://wells-smith.com/news/20-territory/03-graphicbass...
I’ve trued the fix for older Safari, although my version is the latest, with no success in keeping the al text from showing twice.
Any ideas?
Thanks
gary
I’ve no idea why the Settings panel doesn’t show up. As for the alternate text, I’m not seeing what you describe on that page.
Re previous post: I found the “Setting” admin; it was under “Appearance”. I was looking under “Settings”. Need new glasses.
Still don’t know why I can’t change the appearance on just one of my websites, but it’s probably something local, so I’l keep looking for what’s interfering.
gary
Great plugin it generates nice looking pullquotes.
[...] very nifty plugin (found here) that when activated allows you to pull a pithy section of writing from your post and post it to [...]
[...] JavaScript Pull-Quotes – Pull Quotes are a great way to add professional polish to your blog. This plugin is super easy to use to get your pull-quotes going. [...]
A useful plugin, thanks. There’s an issue with German umlauts though (Firefox, WP 2.9.2): Using “different” text with
<!-- an HTML comment -->shows a code like “ü” instead of the letter.Any ideas why?
-Frank
[fixed the code --ed]
It’s a long-standing bug. Has to do with the way WordPress parses post text.
Actually, I may know a fix for it. (I know a good bit more about how WP works than I did when I wrote most of this plugin
)
Hi Stephen,
is there any work-around? You know how many Umlauts we hve in German (not to speak of the Turkish!)
-Frank
[...] a WordPress blogger, there are a number of quick plugins you can download like Simple Pull Quote or Graceful Pull-Quotes to help you take advantage of these elements. Or, if you’re feeling really creative, you can [...]
[...] a WordPress blogger, there are a number of quick plugins you can download like Simple Pull Quote or Graceful Pull-Quotes to help you take advantage of these elements. Or, if you’re feeling really creative, you can [...]
[...] a WordPress blogger, there are a number of quick plugins you can download like Simple Pull Quote or Graceful Pull-Quotes to help you take advantage of these elements. Or, if you’re feeling really creative, you can [...]
[...] This plugin adds 16 plugins to TinyMCE, WordPress’ wysiwyg editor- Advanced hr, Advanced Image, Advanced Link, Context Menu, Emotions (Smilies), Full Screen, IESpell, Layer, Media, Nonbreaking, Print, Search and Replace, Style, Table, Visual Characters and XHTML Extras- pluss allows you the flexibility of choosing the layout and options for the post editor tool bar. Another nice things about this plugin is that it can import all css classes or you can choose to add inline css classes (which comes in handy when you want to use other plugins like Javascript Pull Quotes) [...]
[...] a WordPress blogger, there are a number of quick plugins you can download like Simple Pull Quote or Graceful Pull-Quotes to help you take advantage of these elements. Or, if you’re feeling really creative, you can [...]
[...] Graceful Pull-Quotes [...]