WordPress.org

Ready to get started?Download WordPress

Forums

Pullquotes plugin? (25 posts)

  1. Mohd Elfie Nieshaem Juferi
    Member
    Posted 7 years ago #

    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

  2. hbalagh
    Member
    Posted 7 years ago #

    that would be nice ;)

  3. yosemite
    Member
    Posted 7 years ago #

    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).

  4. hbalagh
    Member
    Posted 7 years ago #

    yea but that would display the text only once....

  5. I'll throw it into a plugin in a bit.

  6. hbalagh
    Member
    Posted 7 years ago #

    that would be awesome viper ;)

  7. 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. :/

  8. hbalagh
    Member
    Posted 7 years ago #

    thanks ;)

  9. yosemite
    Member
    Posted 7 years ago #

    yea but that would display the text only once....

    You want to display it twice? That's not a pullquote, that's advertising ;')

  10. 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. ;)

  11. yosemite
    Member
    Posted 7 years ago #

    Well cough it up, snake-boi! ;')

    I'd like to see it...

  12. Heh, the JS/CSS is at the above link. I'm just wrapping it into a plugin. ;)

  13. Alright, here it is. Enjoy!

  14. moshu
    Member
    Posted 7 years ago #

    That's a cool little tool! Thanks :)

  15. vkaryl
    Member
    Posted 7 years ago #

    Nice, viper. Very nice. You're a clever fellow!

  16. Thanks guys. :)

  17. yosemite
    Member
    Posted 7 years ago #

    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!

  18. Chris_K
    Member
    Posted 7 years ago #

    uh oh, Viper: "Error establishing a database connection"

  19. 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.

  20. Mohd Elfie Nieshaem Juferi
    Member
    Posted 7 years ago #

    Wow, I wished for it and it is granted! I will try it out. Thanks!

    - MENJ

  21. Stephen Rider
    Member
    Posted 7 years ago #

    Here is an expansion of that plugin with various options and a control panel. Enjoy!

    Javascript Pull-Quotes Plugin

  22. vkaryl
    Member
    Posted 7 years ago #

    I'll take a look at your version too, strider. Thanks....

  23. Mohd Elfie Nieshaem Juferi
    Member
    Posted 7 years ago #

    Kewl, an enhancement. Will try it out, thanks!

    - MENJ

  24. crocowhile
    Member
    Posted 7 years ago #

    Have a look at this one too. Works via CSS and it's highly customizable.

  25. ElaineVigneault
    Member
    Posted 7 years ago #

    Here's a way to do it without a plugin.

Topic Closed

This topic has been closed to new replies.

About this Topic