Tech Stuff

Events Made Easy — Update

Back in August 2013 my Easy Events-Made-EasyTricks got a lot of responses, including one from the developer who pointed out that all-day events are now part of the package.

Thanks Franky.

Based on that and a few minutes experimentation I came up with a few modifications that make it, um, easier.

The conditional code in this:


#_ATT{allday}{#g:#i#a - #@g:#@i#@a}

and this:


[events_if tag="#ESCj #ESCM #ESCY" notvalue="#ESC@j #ESC@M #ESC@Y"] <br />to #@F #@j [/events_if]

Is no longer needed, and neither is the custom attribute set for each event.

Instead I use:


[events_if tag="#_IS_ALLDAY" notvalue=1]#g:#i#a - #@g:#@i#@a<br />[/events_if]

And:


[events_if tag="#_IS_MULTIDAY" value=1] through #@F #@j <br />[/events_if]

Here’s how it looks:

events_rev

Tom
Tom McGee has been building web sites since 1995, and blogging here since 2006. Currently a senior developer at Seton Hall University, he's also a freelance web programmer and musician. Contact him if you have the need for a blog, web site, redesign or custom programming!

9 thoughts on “Events Made Easy — Update

  1. Hello, Tom,

    Looks lime some part of the code is lost or invisible to me. So I’d like to contribute and indicate a solution.

    #_LINKEDNAME#l, #F #j, #Y
    [eme_if tag="#ESC_{j M Y}" notvalue="#ESC@_{j M Y}"]through #@F #@j[/eme_if]#_ATT{allday}{#g:#i#a – #@g:#@i#@a}#_LOCATIONNAME
    #_ADDRESS#_TOWN#_EDITEVENTLINK

    I’ll be very pleased if you share your solution.

    Thanks.

  2. Sorry, Jose, the square-bracketed sections were being read as shortcodes. I replaced them so they’re legible now.

  3. I’m trying to build a nice calendar page but I don’t have a clue where to start.

    Your post have been very helpful in getting the events list setup, although currently only one event shows up instead of all of them (not sure why that is)

    Any help in these two areas would be greatly appreciated.

  4. A couple of places to check. One, out of the box the plugin is set to save events as drafts. So, make sure they’ve been set to public. You can change the default setting in the preferences panel.

    Also, make sure the scope — past or future — is correct, and that your shortcode isn’t filtering out the things you want to display.

    Though looking at your link, I see a bunch of events — not just one.

  5. Hi Tom,
    I really appreciate your incredibly detailed explanations and have the same issue re multi-day events with a definitive start and end time. So far, I’ve managed to get your first up styling code in fine, but I am at a loss to know where to place the extra code for the multi-day and set times. Where does it come in the code snippet here:

    #_LINKEDNAME#l, #F #j, #Y through #@l, #@F #@j, #@Y From #g:#i#a to #@g:#@i#@a#_LOCATIONNAME
    #_ADDRESS#_TOWN

    I am also trying to get a thumbnail image to align left with text neatly aligned next to it. But that proved useless to try and do as one can’t have a thumbnail in the listings overview and a larger image in the single event post. The plugin developer has not developed two image slots ie. thumbnail in overview and option for full size in post.!

    Any help with the multi-day issue truly appreciated! I am sure you’re fed up with being a help desk on this!

  6. I haven’t tried adding an image, but I’ll play around with it. It will probably have something to do with setting custom CSS for the images’ max-height and/or max-width values.

  7. At least within this theme, I was able to get some results by modifying the template in Events::Settings, under the Events tab. I use a definition list for the listings here, and the inner code is like this:


    <dt class="#_EVENTCATEGORIES">
    <h4>#_LINKEDNAME</h4>
    [eme_if tag="#_EVENTIMAGEURL"]
    <div class="event-thumbnail">#_EVENTIMAGE
    <span class="wp-caption-text">#_ATT{Image_Caption}</span>
    </div>
    [/eme_if]
    </dt>
    <dd>#l, #F #j, #Y #g:#i#a<br/>
    #_LOCATIONNAME<br />
    #_ADDRESS<br />
    #_TOWN <br />
    <em>#_NOTES</em>
    </dd>

    Then some custom CSS:

    .event-thumbnail {
    max-width: 33%;
    float: left;
    margin-right: 2%;
    margin-top: 2%;
    }

    Some examples (at least as of now) are here: http://tom-mcgee.com/events

Leave a Reply

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