Creating “callout” boxes within specific posts

  • Hi, I’m trying to find a way to include a “callout” box within specific posts — what would be called a sidebar in a magazine, but obviously “sidebar” has a different meaning in WordPress. That is, I write a blog about baseball. I’d like to be able to include a little box within the post that, for example, has a list of bullet points about a specific player I’m writing about, etc. I’d like the post’s text to wrap around this callout box.

    Is there a plug-in or other approach within WordPress that would allow me to do this?

    Thanks!
    -Mike

Viewing 3 replies - 1 through 3 (of 3 total)

  • I assume you want something more or less automatic. If you don’t need automatic, just use a styled div when you need it.

    Three possible approaches (and they can be developed together) would be to use a shortcode that gets replaced with a floating DIV box containing the looked up data, or to use a content filter that finds the first mention of a player’s name and inserts (nearby) the same thing, or to use a custom field that triggers the addition of the div inside the template logic.

    This is actually fairly common on the magazine and newspaper sites.

    Thread Starter mmcclary

    (@mmcclary)

    Thanks, Roger.

    I should have mentioned that I have absolutely no coding skills, so while what you suggest sounds great, I have no clue how to implement it.

    I wasn’t thinking automatic. Is there a way for a sub-novice to crate the styled div you mention?

    Again, thanks for the reply!

    Mike

    Just use a styled div …

    You add the necessary CSS to your stylesheet.

    div.callbox{
    background: #F7F7F7;
    border: 1px dotted #ccc;
    padding: 6px;}

    When you make a post, you merely do this:

    <div class="callbox">blah blah blah blah blah</div>

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Creating “callout” boxes within specific posts’ is closed to new replies.