publish monthly calendar in single page wordpress site

[Bob Griner]

I’m looking into The Events Calendar plugin and can’t seem to figure out how to place a monthly (or multiple-month) calendar in a section of a single page web site. Is this possible in the FREE version, or even in the Pro version? If so, how do I achieve this? I have searched in the documentation, but can’t seem to find information pertaining to this specific situation.

Thanks in advance!
Bob Griner

[Geoff]

Hey Bob,

Thanks for getting in touch!

Events Calendar PRO includes shortcodes that you can use to embed the calendar into other pages and posts. I’m not quite sure I follow what you mean by a multiple-month calendar, but the shortcodes will embed the full calendar view, which displays upcoming events for the current month.

You could create a multiple-month calendar where upcoming events from more than the current month are displayed. That would take a bit of custom development, but it basically require you to create a new page template in the theme and use the tribe_get_events() function to fetch event posts and create a loop to display them. Here’s more information on how that function works:

Using tribe_get_events

Does this help answer your question? Please let me know. 🙂

Cheers!
Geoff

[Bob Griner]

Thanks for the prompt reply Geoff!! That is great info. I was basically thinking about how I might have 2-3 months appear on the same page (Mar, Apr, May). However, even if a single calendar appears…it still retains the link at the bottom to go to the next month, correct?

I read about other short codes to get the actual page appear, but I simply want the calendar to appear in a section of a single-page web site. If someone were to click on a custom menu item that were linked to the section (eg., #calendar), it would simply scroll down the page rather than open a new page and load it.

[Geoff]

Hey Bob,

Yes, that is absolutely correct — the calendar will always provide your visitors with a way to access more events regardless of where it is embedded. In fact, Month View will allow visitors to toggle between months.

I also forgot to mention that the shortcodes have a date filter on them, so you could embed the Month View on the same page/post multiple times and specify specific months. For example:

[tribe_events view="month" date="2017-03"]

That will embed March 2017 and you could repeat that as many times as you would like for other months. That would give you multiple calendar, though you would need to change them out to display future months, as needed.

I do think adding the calendar to a section of the page and linking to it in a custom menu link will indeed work. You will need an anchor on the page for the link to target. So, for example, on your page, you might have:

<h1 id="calendar">Upcoming Events</h1>

[tribe_events view="month" date="2016-08"]

Then, your custom menu link would be:
/[page-slug]#calendar

I hope this helps!

Geoff

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts