display events on homepage

[Eric]

Hello,

I’m a newbie to The Events Calendar. I’m using Pro. I want to have events shown on the homepage. Exactly like this page:

Carnegie Library of Pittsburgh

The website a the link above is using The Events Calendar.

We want the same structure on our homepage:
1 main event (big at top)
x number of other events (smaller)

I am building the template from scratch.

Would I use template tags and specify what gets shown on the homepage by assigning a tag to the event?

What’s the best approach for doing this?

Eric

[Eric]

I thought I figured this out, but not sure what that best approach is. Should I build out my section on a template page and then display an event filtered by (what) tag?

[Caroline]

Hi Eric,

Thanks for taking the time to reach out! As we don’t offer any built-in calendar views that offer this exact type of display, you’ll need to delve into a bit of customization to achieve this particular look. For a display on your homepage, I’d suggest using a WordPress query to pull posts of the custom post type tribe_events (the post type that The Events Calendar uses for its events). Once you’ve written a query to pull these posts, you can write a loop using PHP to apply different styling to the first event in the series and have all others display in the smaller format beneath.

I hope that helps to get you started! Best of luck with your customizations, and let us know if you should have any other questions! 🙂

[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