Skip to content
No results
Modern Events Calendar logo
  • Installation
    • Installation
    • Activation
    • Auto Update
    • Manual Update
    • Change License Domain
  • Settings
    • General
    • Archive Page
    • Slugs/Permalinks
    • Currency
    • View All
  • Single Event
    • Single Event Settings
    • How to Add Event In MEC Plugin?
    • MEC Single Sidebar
    • Custom Fields
    • View All
  • Event Modules
    • Speakers
    • Organizers
    • Locations
    • Map
    • View All
  • Booking Settings
    • Booking Module
    • Booking Elements
    • Booking Form
    • Payment Gateways
    • View All
  • Event Submission
    • General
    • Access Level
    • FES Sections
    • Required Fields
    • View All
  • Integrations
    • Mailchimp
    • Paid Memberships Pro
    • BuddyPress
    • LearnDash
    • View All
  • Notifications
    • Booking Notification
    • Booking Confirmation
    • Booking Reminder
    • Admin Notification
    • View All
  • Addons
    • Elementor Single Builder Addon
    • Ticket and Invoice Addon
    • Event Seat Addon
    • Virtual Events Addon
    • View All
  • Other
    • Appearance Settings
    • Translation
    • Knowledge
    • Troubleshooting
    • Developer
Modern Events Calendar logo

  • Categories
    • Installation
      • Installation
      • Activation
      • Auto Update
      • Manual Update
      • Change License Domain
    • General Settings
      • General
      • Archive Pages
      • Slugs/Permalinks
      • Currency
      • View All
    • Single Event
      • Single Event Settings
      • MEC Single Sidebar
      • How to Add Event In MEC Plugin?
      • Custom Fields
      • View All
    • Event Modules
      • Speakers
      • Organizers
      • Locations
      • Map
      • View All
    • Booking Settings
      • Booking Module
      • Add a Booking System
      • Booking Form
      • Organizer Payment Settings
      • View All
    • Event Submission
      • General
      • Access Level
      • FES Sections
      • Required Fields
      • View All
    • MEC Integrations
      • Mailchimp
      • BuddyPress
      • LearnDash
      • Paid Memberships Pro
      • View All
    • Notifications
      • Booking Notification
      • Booking Confirmation
      • Booking Reminder
      • Admin Notification
      • View All
    • Addons
      • Elementor Single Builder Addon
      • Ticket and Invoice Addon
      • Event Seat Addon
      • Virtual Events Addon
      • View All
    • Other
      • Appearance Settings
      • Translation
      • Knowledge
      • Troubleshooting
      • Developer

Submit a Ticket
Modern Events Calendar logo

Toggle
  • Yearly View Skin Shortcode
  • Yearly View Layout
  • Yearly View Shortcode Options
  • Yearly View FAQ
    • How do I add the Yearly View to a page?
    • How do I show only some events?
    • Can visitors move to the next or previous period?

Shortcodes

Yearly View Skin Settings

 Yearly View Skin in Modern Events Calendar presents a comprehensive display of the events in the 365 days. This helps the users of your website to locate their preferred event quicker and better.

This could be a very fine option for organizations such as charities and church websites. 

Yearly View Skin Shortcode

You can use shortcodes in your internal pages to have this on your website. The shortcodes are located in M.E. Calendar > Shortcodes.

Slider View Skin

Yearly View Layout

Here is the demo of Yearly View Skin in the Modern Events Calendar:

  • Yearly View – Modern

Yearly View Shortcode Options

These are the options you see in M.E. Calendar > Shortcodes after choosing the Yearly View skin. MEC Pro and some addons can add more styles and options.

OptionWhat it doesValues
StyleLayout style of this view.Modern
Start DateThe date the view starts showing events from.Start of Current Year / Start of Next Year / Start of Last Year / On a certain date
Certain Start DateThe exact start date, used when Start Date is set to "On a certain date".Date
Events per dayMaximum number of events shown per day.Number
Include Local TimeAlso shows each event's time in the visitor's own time zone.On / Off
Next/Previous ButtonsShows buttons to move to the previous and next period.On / Off
Display Normal LabelsShows event labels such as "Featured" or "Canceled".On / Off
Display Reason for CancellationShows the cancellation reason on canceled events.On / Off
Single Event Display MethodHow the event opens when clicked.Current Window / New Window / Modal Popup / Disable Link
Booking Button / IconAdds a booking button or icon to each event.On / Off
Display Custom FieldsShows event custom fields.On / Off
Date FormatsDate formats used by the selected style, written with PHP date characters.Text (e.g. j, M, Y)

Yearly View FAQ

How do I add the Yearly View to a page?

Go to M.E. Calendar > Shortcodes, add a new shortcode, choose Yearly View as the skin, set the options above and publish it. Then copy the generated shortcode (for example [MEC id="123"]) into any page, post or widget.

How do I show only some events?

Open the Filter Options of the same shortcode and limit events by category, location, organizer, label, tag or author. See Making Advanced Shortcodes for every filter.

Can visitors move to the next or previous period?

Yes. Turn on Next/Previous Buttons and visitors can browse earlier and later periods without leaving the page.

Share

Related Articles

  • General Calendar View Skin Settings
  • Tile View Skin Settings
  • Timeline View Skin Settings
  • Masonry View Skin Settings
  • Agenda View Skin Settings
Login Submit
0 Comments

No Comment.

Still no luck? We can help!

If you did not find what you were looking for, please submit a ticket in our support system.

Submit a Ticket
Webnus Banner
Modern Events Calendar

Please read our Terms and Conditions and Privacy Policy.

4.2 Great

About 11 Review us on Trustpilot

Copyright © 2026. All rights reserved. Webnus Inc.