Hi, I found this interesting article regarding how to implement pullquotes using .js:
http://www.456bereastreet.com/archive/200609/automatic_pullquotes_with_javascript_and_css/
I was wondering if it is possible to turn this into a WordPress plugin?
- MENJ
that would be nice ;)
Bleh. Try using css:
.pullquote {
float: right;
width: 150px;
margin: 10px 0 10px 15px;
padding: 0;
font: 20px/24px georgia, palatino, serif;
color: #3D231E;
text-align: center;
}
Adjust accordingly. Then insert <div class="pullquote>Here is your pullquote text...</div> anywhere in your post (but NOT while editing in wysiwig/rich-text).
yea but that would display the text only once....
Posted 5 years ago #
I'll throw it into a plugin in a bit.
that would be awesome viper ;)
Posted 5 years ago #
I have the plugin working (it's literally like a 5 line plugin), but I'm still working on trying to get a button working for it on the write screen. :/
thanks ;)
yea but that would display the text only once....
You want to display it twice? That's not a pullquote, that's advertising ;')
Posted 5 years ago #
Yosemite: you're missing the point of this script. The whole idea is that you don't have to quote yourself within the post (and have the text in there twice -- once in the post and once in the quote).
Not to mention that the other point of this is so that you can easily get rid of the pullquote later on without editing any posts. ;)
Well cough it up, snake-boi! ;')
I'd like to see it...
Posted 5 years ago #
Heh, the JS/CSS is at the above link. I'm just wrapping it into a plugin. ;)
Posted 5 years ago #
Alright, here it is. Enjoy!
That's a cool little tool! Thanks :)
Posted 5 years ago #
Nice, viper. Very nice. You're a clever fellow!
Posted 5 years ago #
Thanks guys. :)
hmmm. Mind if I unclude this plugin with my next theme release?
With the current (beta) theme I noticed some extra space between the bottom of the text and the bottom border. I changed blockquote.pullquote padding from
padding: 0.5em;
to:
padding: 0.5em 0.5em 0;
and the bottom tucked up nicely. (Did this by over-riding in my style.css so I could leave the original plugin's css intact in case it was my slacker code that did it).
Thanks Viper!
uh oh, Viper: "Error establishing a database connection"
Posted 5 years ago #
HandySolo: Just a temporary issue it seems. All is well as of the time of this post. ;)
Yosemite: Go for it! And the Javascript and CSS in my plugin is exactly as it is on Roger Johansson's site. I didn't modify it at all.
Wow, I wished for it and it is granted! I will try it out. Thanks!
- MENJ
Posted 5 years ago #
Here is an expansion of that plugin with various options and a control panel. Enjoy!
Posted 5 years ago #
I'll take a look at your version too, strider. Thanks....
Kewl, an enhancement. Will try it out, thanks!
- MENJ
Posted 5 years ago #
Have a look at this one too. Works via CSS and it's highly customizable.
Posted 5 years ago #
Here's a way to do it without a plugin.
This topic has been closed to new replies.
