What is Full Site Editor?
The Full Site Editor (FSE) is a new feature from the WordPress core developers. The FSE allows you to use the block editor for every part of your website, rather than just posts and pages.
Full Site Editor + The Events Calendar
The Full Site Editor is a very new and different tool for customizing your site, and integrating our plugins with it fully is a large-scale project that we’ll be working on in phases. You can use The Events Calendar with an FSE theme, though there are some limitations:
- The main events archive cannot be edited through the Full Site Editor.
- Events widgets are not available through the FSE widget admin. See below for a workaround using widget shortcodes.
Due to these limitations, we strongly recommend that you test thoroughly on a local or staging site before using The Events Calendar with Full Site Editor on a live site. Keep an eye on our Release Notes for future updates to Full Site Editor compatibility.
Event widget workaround
As mentioned above, you won’t yet see Events widgets in the widget admin. However, our premium users can get around that by using our widget shortcodes with the Shortcode block.
One popular shortcode you can use is [tribe_mini_calendar]. Perhaps you want a small calendar to show up in your footer? With Full Site Editor, you can easily edit your footer using the Gutenberg blocks. Add a Shortcode block and paste in the
[tribe_mini_calendar] shortcode, and voila! You now have a mini calendar in your footer!
- Click Edit Site in the admin bar (if you don’t see Edit Site in the admin bar, then your theme doesn’t support the Full Site Editor)
- Scroll down and click on the Footer to edit it
- From here, you can add blocks just like you would on a post or page. Click the + sign and select the Shortcode block
- Type in the shortcode you wish to add. In this example I added
The Events Calendar with the Navigation block
Part of the Full Site Editor is the ability to add items to your menu right from the front-end using the same Edit Page feature we just utilized above.
- To add a link to an event, click on Edit Page in the Admin bar
- Then click on the Header to edit it
- If you hover over the menu, you should see a + sign that you can click on to add a link
- Start typing the name of the event you want to add a link to and select it when it pops up.
That’s it! Now you have a link to the event in your navigation, and it was much easier than tracking down the URL and adding a custom link.