Very Simple Event List

Description

About

This is a lightweight plugin to create a customized event list.

Add the shortcode on a page or use the widget to display your events.

You can personalize your event list via the settingspage or by adding attributes to the shortcode or the widget.

How to use

After installation go to menu item “Events” and start adding your events.

Create a page and:

  • Add shortcode [vsel] to display upcoming events (including today)
  • Add shortcode [vsel-future-events] to display future events (without today)
  • Add shortcode [vsel-current-events] to display current events
  • Add shortcode [vsel-past-events] to display past events
  • Add shortcode [vsel-all-events] to display all events

Or go to Appearance > Widgets and use the widget to display your events.

Settingspage

You can personalize your event list via the settingspage. This page can be found via Settings > VSEL.

Several settings can be overridden when using the relevant (shortcode) attributes below.

This can be useful when having multiple event lists on your website.

Shortcode attributes

You can also personalize your event list by adding attributes to the shortcodes mentioned above.

  • Change the number of events per page: posts_per_page="5"
  • Pass over one or multiple events: offset="1"
  • Change date format: date_format="j F Y"
  • Display events from a certain category: event_cat="your-category-slug"
  • Display events from multiple categories: event_cat="your-category-slug-1, your-category-slug-2"
  • Change order of the upcoming and current events list: order="desc"
  • Change order of the past and all events list: order="asc"
  • Change text if there are no events: no_events_text="your text here"
  • Change CSS class of the event list: class="your-class-here"
  • Disable event title link: title_link="false"
  • Disable featured image: featured_image="false"
  • Disable pagination: pagination="false"
  • Show summary: summary="true"

About the offset attribute: pagination is being disabled when using offset.

Examples:

  • One attribute: [vsel posts_per_page="5"]
  • Multiple attributes: [vsel posts_per_page="5" event_cat="your-category-slug" summary="true"]

Widget attributes

The widget supports the same attributes. Don’t add the main shortcode tag or the brackets.

Examples:

  • One attribute: posts_per_page="5"
  • Multiple attributes: posts_per_page="5" event_cat="your-category-slug" summary="true"

Featured image

The featured image will be used as primary image for every event.

By default the “Post thumbnail” is being used as source for the featured image. The size of the Post thumbnail may vary by theme.

WordPress creates duplicate images in different sizes upon upload. These sizes can be set via Settings > Media. In case the Post thumbnail doesn’t look nice you can choose a different size via Settings > VSEL.

Besides this you can also change the maximum width of the featured image.

The featured image on native archive pages and the single event page is handled by your theme.

Native support

Plugin has basic support for theme template files that are being used for the single event page, the event category page, the post type (event) archive page and the search results page.

Support for the single event page is needed, but support for the other 3 pages is added to make VSEL compatible with page builder plugins. These 3 pages are not generated by VSEL. Events are not ordered by event date.

Plugin activates the post attributes box in the editor. In the post attributes box you can set a custom order for events with the same date. Custom order is not needed when event has start time and end time.

Plugin makes it possible to add events and event categories to your menu via the menu page. This support is added to make VSEL compatible with page builder plugins.

Advanced Custom Fields

You can add extra fields to the event details section by using the Advanced Custom Fields plugin. The most commonly used fields are supported.

Create a field group for post type “event” and add fields to this group. This field group will be added to the single event page in dashboard.

iCal feed

You can share your most recent events with an external calendar via an iCal feed.

You can activate the iCal feed via via Settings > VSEL.

Uninstall

If you uninstall plugin via dashboard all events and settings will be removed from database.

All posts of the (custom) post type “event” will be removed.

You can avoid this via Settings > VSEL.

Question?

Please take a look at the FAQ section.

Translation

Not included but plugin supports WordPress language packs.

More translations are very welcome!

Credits

Without the WordPress codex and help from the WordPress community I was not able to develop this plugin, so: thank you!

Enjoy!

Screenshots

  • Very Simple Event List all events (GeneratePress theme).
  • Very Simple Event List all events (GeneratePress theme).
  • Very Simple Event List single event (GeneratePress theme).
  • Very Simple Event List widget (GeneratePress theme).
  • Very Simple Event List all events (dashboard).
  • Very Simple Event List single event (dashboard).
  • Very Simple Event List widget (dashboard).
  • Very Simple Event List settingspage (dashboard).
  • Very Simple Event List settingspage (dashboard).
  • Very Simple Event List settingspage (dashboard).
  • Very Simple Event List settingspage (dashboard).
  • Very Simple Event List settingspage (dashboard).
  • Very Simple Event List settingspage (dashboard).

Installation

Please check Description section for installation info.

FAQ

About the FAQ

The FAQ are updated regularly to include support for newly added or changed plugin features.

How to set date format and time format?

By default plugin uses date format and time format from Settings > General.

The datepicker and date input field only support 2 numeric date formats: “day-month-year” (30-01-2016) and “year-month-day” (2016-01-30).

If date format does not match, it will be changed into 1 of the 2 above.

You can change date format and time format for the frontend of your website via Settings > VSEL. You can also change date format by using an attribute.

The date icon only supports 2 date formats: “day-month-year” (30 Jan 2016) and “year-month-day” (2016 Jan 30).

If date format does not match, it will be changed into 1 of the 2 above.

How do I set plugin language?

Plugin will use the website language, set in Settings > General.

If plugin isn’t translated into this language, language fallback will be English.

What’s the difference between upcoming and future events?

Upcoming events are including today and future events are starting tomorrow or later.

What do you mean with current events?

Current events are events you can visit today. So this can be an one-day or multi-day event.

Can I change the colors of the date icon?

You should use custom CSS for that.

Examples:

Change background and text color of whole icon: .vsel-start-icon, .vsel-end-icon {background:#eee; color:#f26535;}

Change background and text color of top part: .vsel-day-top, .vsel-month-top {background:#f26535; color:#eee;}

Can I override plugin template via my (child) theme?

You can only override the single event page via your (child) theme.

In most cases PHP file “single” is being used for the single event page. This file is located in your theme folder.

Create a duplicate of file “single” and rename it “single-event”, add this file to your (child) theme folder and customize it to your needs.

What does “Link to more info” mean?

While adding an event you can add a link (an URL) to a post, page or website.

This can be useful in case additional info is available elsewhere.

You can also redirect the event title to this link.

What does “Link to all events” mean?

While adding a widget you can add a link (an URL) to a page with all events.

This can be useful because in most cases you only list a few events in a widget area.

Why no pagination in widget?

Pagination is not working properly in a widget.

But you can set a link to a page with all events.

Why no pagination when using the offset attribute?

Offset breaks pagination, so that’s why pagination is being disabled when using offset.

Why does the offset attribute have no effect?

Offset is being ignored when attribute “posts_per_page” has value “-1” (show all events).

Why is the page with all events not displayed properly?

This applies to pages where you have added the shortcode.

When using the block editor, go to the page in your dashboard and check the shortcode in “Edit as HTML” mode.

When using the classic editor, go to the page in your dashboard and check the shortcode in “Text” mode.

It might be accidentally wrapped in HTML tags, such as: <script>[vsel]</script>

Please remove the HTML tags and resave the page.

Can I have a page with title “Event” or a slug called “event”?

A page (or post) with title “Event” is no problem, but a slug called “event” will cause a conflict with the post type (event) archive page.

You should change this slug into something else. This can be done by changing the permalink of this page (or post).

Why a 404 (nothing found) when I click the title link?

This is mostly caused by the permalink settings. Please resave the permalinks via Settings > Permalinks.

Why a 404 (nothing found) when I click the event category link?

This is mostly caused by the permalink settings. Please resave the permalinks via Settings > Permalinks.

Can I add multiple shortcodes on the same page?

This is possible but to avoid a conflict I recommend to disable the pagination. This can be done via Settings > VSEL or by using an attribute.

Why no event details or event categories box in the editor?

When using the block editor, click the options icon and select “Preferences”.

When using the classic editor, click the “Screen Options” tab.

Probably the checkbox to display the relevant box in the editor is not checked.

Why no featured image box in the editor?

When using the block editor, click the options icon and select “Preferences”.

When using the classic editor, click the “Screen Options” tab.

Probably the checkbox to display the relevant box in the editor is not checked.

But sometimes your theme does not support featured images. Or only for the native posts and pages. In that case you must manually add this support for events.

Why no Advanced Custom Fields field group in the editor?

When using the block editor, click the options icon and select “Preferences”.

When using the classic editor, click the “Screen Options” tab.

Probably the checkbox to display the relevant box in the editor is not checked.

How does plugin hook into theme template files?

Plugin only hooks into the native the_content() and the_excerpt() function. It has no control over anything outside this section.

In some cases there’s a conflict with your theme or page builder plugin. That’s why you can disable support for theme template files via Settings > VSEL.

Does this plugin have its own block?

No, plugin doesn’t have its own block in the editor and there are no plans to add this anytime soon.

No Semantic versioning?

Version number doesn’t give you info about the type of update (major, minor, patch). You should check changelog for that.

How can I make a donation?

You like my plugin and you’re willing to make a donation? Thanks, I really appreciate that! There’s a PayPal donate link at my website.

Other question or comment?

Please open a topic in plugin forum.

Reviews

Maarec 4, 2022
Thank you Guido for this for this excellent plugin. It does exactly what it should with no fuss. The shortcodes covers everything I need in terms of flexibility, and I was able to have it exactly how I wanted in no time at all. I read on your website you are not actively developing this plugin anymore, but I hope you continue to support it as you hope to do.
Februari 11, 2022
Great to work with - possibility to integrate it seamlessly into the design. No conflicts what-so-ever. Easy to manage. For people who just want to announce an event, zoom-meeting or action-day.
Januari 31, 2022
The plugin is simple as the maker says, simple but efficient. It does everything I need. The support is excellent.
Februari 6, 2021
... and perfect for my needs: Just show events with date, time, description, image and more - if you want. Easy to style. Put it in a HTML-Block not to show "code"-Tags.
Januari 7, 2021
Thanks for the plugin. I just disabled it because it really falls short on a couple of reasons. First, why use Gutenberg as the editor for this post type? Gutenberg is the most hated editor ever (don't believe me, just check their reviews). If it wasn't forced on us, 9/10 would disable it. If you are going to use Gutenberg, why not use Gutenberg custom fields so the custom fields is seamlessly integrated into the editor? Right now there's just this ugly looking metabox in the bottom of Gutenberg on Events. Second reason is kind of the same topic. As a UX and PHP developer myself, i don't understand why the time field is a textfield where you expect a from-to input, formatted in a specific way. This is such bad practice, and honestly the reason i ditched the plugin because it didn't seem professionally developed in my opinion (sorry i am very sceptic in my plugin choice). I really suggest you use the browser-native time field, and separate from/to fields in 2 separate fields. It will also make custom querying against the DB alot easier. I hope you take this review as constructive critisism and not as an attack. Best luck in the future.
Disambor 2, 2020
If you don't need all the blows and whistles that the big event plugins have, this is the best. Hands down. I tried a few, and this is simply amazing to work with.
Read all 60 reviews

Contributors & Developers

“Very Simple Event List” is open source software. The following people have contributed to this plugin.

Contributors

“Very Simple Event List” has been translated into 20 locales. Thank you to the translators for their contributions.

Translate “Very Simple Event List” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

Version 14.2

  • Request: re-added attribute for adding custom CSS class to container for all events
  • New: setting for hiding equal start time and end time in frontend
  • Can be handy for users who switched to new time format recently
  • Because this will hide the midnight time of all events that were added with old time format

Version 14.1

  • Fix: future and current events query
  • Fix: event summary in theme template file
  • New: attribute to show the summary per event list
  • This attribute will override the settingspage
  • Changed time structure
  • End time does no longer need to be equal to or greater than start time
  • This can be useful in case of multi-day events
  • Updated event fields in editor
  • If datepicker doesn’t work anymore, please clear your browser cache
  • Minor changes in code

Version 14.0

  • Fix: featured image lazy loading
  • Fix: widget label
  • Width and max-width of Event details section and Event info section is added inline
  • Removed width and max-width from stylesheet
  • Added CSS classes to container for all events
  • Removed attribute for adding custom CSS class to this container
  • Minor changes in code

Version 13.9

  • Fix: search results template

Version 13.8

  • Fix: labels of single event page

Version 13.7

  • Fix: removed timezone setting for iCal feed because not working properly
  • Added setting to set number of events in iCal feed
  • Minor changes in code
  • Textual changes

Version 13.6

  • Better structure of CSS classes
  • Event details section floating left: “vsel-meta vsel-meta-left”
  • Event details section floating right: “vsel-meta vsel-meta-right”
  • Event details section full width: “vsel-meta vsel-meta-full”
  • Event info section floating left: “vsel-image-info vsel-image-info-left”
  • Event info section floating right: “vsel-image-info vsel-image-info-right”
  • Featured image floating left: “vsel-image vsel-image-left”
  • Featured image floating right: “vsel-image vsel-image-right”
  • Most classes are already being used by plugin
  • So this will not break many customizations that are being made

Version 13.5

  • Fix: iCal feed

Version 13.4

  • Fix: mistake in DateTime

Version 13.3

  • Fix: removed localization from date/time select field
  • Minor changes in code

For all versions please check file changelog.