My first WordPress plugin: Blockquotes with rounded corners

! This post hasn't been updated in over a year. A lot can change in a year including my opinion and the amount of naughty words I use. There's a good chance that there's something in what's written below that someone will find objectionable. That's fine, if I tried to please everybody all of the time then I'd be a Lib Dem (remember them?) and I'm certainly not one of those. The point is, I'm not the kind of person to try and alter history in case I said something in the past that someone can use against me in the future but just remember that the person I was then isn't the person I am now nor the person I'll be in a year's time.

Blockquotes can be formatted using but one thing you can’t do with pure CSS is put rounded borders on your blockquotes.

You can insert a box with rounded corners if you are happy to do the HTML but would you really want to do that with every post on your blog?

Well, the good news is, you don’t have to with this BlockQuotes plugin for WordPress.

[quote]This is what you get using the default graphics but you can easily customise it to fit in with your site style.[/quote]

Despite the name “BlockQuotes”, the rounded corner effect isn’t actually produced with a blockquote tag (what you get when you click the wpbqbttn.png button).  What it actually does is replace all instances of [quote] and [/quote] with several divs to build up the box where the blockquote would normally go.  It will also do the same for blockquote tags although you can turn this off.

There are a couple of things to bear in mind when using this plugin:

  • If you don’t close your tags properly then it will probably mess up your template but WordPress will do that everywhere, not just with this plugin.
  • If you have a floated image that overlaps the blockquote, it will sit over the top of the image rather than wrapping round the overlapped part of the image like a proper blockquote.
  • Nested blockquotes look crap with this plugin.  Why would you want to use nested blockquotes though, they look crap!
  • If you add any parameters (such as style or cite) to your blockquote tag, it won’t convert your blockquote.

Anyway, give it a whirl and see what you think.  Download the plugin, unzip the contents, copy the blockquotes.php file to /wp-content/plugins and then activate it.  Simple as that, no initial customisation required as the plugin looks here for the images unless you tell it to look elsewhere.  The default images are in the zip file with the plugin if you want to host them yourself or use them as a template to base your own images on.

Technorati Technorati Tags: ,

5 comments

  1. Devil's Kitchen (2 comments) says:

    Crap. You can do rounded corners with CSS3. Unfortunately, as per fucking usual, IE won’t support it. Because Micro-fucking-soft’s cocking shit fuck IE doesn’t even support CSS1 yet, the bunch of cocking-shite fucktard bastards.

    All of you using IE: you are fucking scum who should die a painful fucking death, you suckers of Satan’s inadequate cock. I hate you with a very real hate because you make my job a fucking nightmare.

    Fuck you.

    DK

  2. WiIlliam Gruff (16 comments) says:

    DK sounds like a Moslem.

  3. wonkotsane (1133 comments) says:

    Ok, you can’t do rounded corners in pure CSS that’s got cross-platform support. Is that better?

  4. wonkotsane (1133 comments) says:

    Updated to work in comments as well as posts.

    See, it works in the comments now.

  5. Zeaks (1 comments) says:

    Thanks for this plugin, I tried for days to get my blockquotes to look like warcraft admin forum posts but couldn’t figure it out. With a bit of editing to the images this worked great. Thanks 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *

Time limit is exhausted. Please reload CAPTCHA.