• Resolved EMar

    (@sounds)


    Hi,

    I added the Event List to the sidebar in a widget, inside siteorigin editor.
    [events_list scope=”future” limit=5 pagination=1]

    For the images to work I added this to the default event list format

    <td>
    #_EVENTDATES<br/>
    #_EVENTTIMES
    #_EVENTIMAGE
    </td>

    My images are fairly bigm is there a way to make the smaller, like in your demo?

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hi,

    You can use: #_EVENTIMAGE{x,y} for that.
    Shows the event image thumbnail, x and y are width and height respectively, both being numbers e.g. #_EVENTIMAGE{100,100}. If 0 is used for either width or height, the corresponding dimension will be proportionally sized.

    Also see:
    http://wp-events-plugin.com/documentation/placeholders/

    Additionally, it’s a very good idea to add your preferred “smaller” image size to your theme. That way, the smaller image will be loaded instead of the the big, original one. WordPress will then select the correct size automatically, which is great for SEO. 😉

    Read https://pippinsplugins.com/add-custom-image-sizes-to-media-uploader/ for instructions. Then use the Regenerate Thumbnails plugin to re-organize your existing photos:
    https://wordpress.org/plugins/regenerate-thumbnails/

    Thread Starter EMar

    (@sounds)

    Thanks that worked..
    How do I get the layout nice and neat like your demo,
    I mean there’s padding around the image and text sections.

    what I want to do is let broadcasters list their live show.
    Each show will be 2 hours, and broadcasts 1 day each week.

    <tr>
    <td>
    #_EVENTDATES<br/>
    #_EVENTTIMES
    </td>
    <td>
    #_EVENTIMAGE{60,60}
    #_EVENTLINK
    #_EVENTEXCERPT
    {has_location}<br/><i>#_LOCATIONNAME, #_LOCATIONTOWN #_LOCATIONSTATE</i>{/has_location}
    </td>
    </tr>

    To be clear:
    I am NOT support staff. I am “just” a very enthusiastic EM user 🙂

    The EM Demo site uses the WordPress Twenty Twelve theme.

    Here is their mark-up:
    Events List Format: https://pastebin.com/x2n46ZaP
    Single Event Format: https://pastebin.com/jUYSsbm7

    Thread Starter EMar

    (@sounds)

    Thanks anyway, I’ll give it a try.
    I think it’s just the way my theme is designed
    Not adding any padding around the image.

    Thread Starter EMar

    (@sounds)

    You mentioned about using smaller images,
    But I won’t be submitting events, the site users will,

    Should I tell users to only upload 50×50 image size if that’s what I have set?

    I mean for Default events list format
    <div style=”float:left; margin:0px 10px 0px 0px;”>#_EVENTIMAGE{50,50}</div>

    Or does it reset any uploaded images to a smaller size as I have set.

    No, just follow the steps in Pippin’s tutorial. WordPress will resize them upon upload to all according sizes.

    Thread Starter EMar

    (@sounds)

    So i either put the code in the functions.php or use a plugin to do it?
    Or both.

    Image resizing automatically would be handy because users may be adding events often.

    Never both 🙂
    Having two functions with an identical name will always result in an error.

    The difference is:
    In your functions.php the code is only available when that specific theme is activated, but if you are using a third party theme (not created by you) and it’s updated, you loose al your personal changes and additions.

    Creating a plugin will prevent that, as it’s separate from your theme and other influences. 😉

    Thread Starter EMar

    (@sounds)

    I’m using a child theme, but think I’ll do it with a plugin if possible.

    Thanks for the tips and stuff 🙂

    My pleasure 🙂
    Here’s a blog of mine you might like:
    https://www.stonehengecreations.nl/how-to-safely-add-code-to-wordpress/

    Thread Starter EMar

    (@sounds)

    Thanks

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

The topic ‘Event List Image Thumbnail Size’ is closed to new replies.