{"id":1951679,"date":"2022-01-19T11:54:24","date_gmt":"2022-01-19T16:54:24","guid":{"rendered":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/?post_type=tribe-knowledgebase&#038;p=1951679"},"modified":"2024-07-10T10:06:32","modified_gmt":"2024-07-10T14:06:32","slug":"the-events-calendar-full-site-editor","status":"publish","type":"post","link":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/the-events-calendar-full-site-editor\/","title":{"rendered":"The Events Calendar + Site Editor"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\" id=\"h-what-is-site-editor\">What is Site Editor?<\/h3>\n\n\n\n<p>The <a href=\"https:\/\/evnt.is\/1b2p\" target=\"_blank\" rel=\"noreferrer noopener\">Site Editor<\/a> is a relatively new feature from the WordPress core developers.  Site Editor allows you to use the block editor for every part of your website, rather than just posts and pages.<\/p>\n\n\n\n<p><meta charset=\"utf-8\">In order to utilize the Site Editor, your site needs to use a theme that supports it, such as <a href=\"https:\/\/wordpress.org\/themes\/kadence\/\">Kadence<\/a> or <a href=\"https:\/\/wordpress.org\/themes\/twentytwentyfour\/\">Twenty Twenty-Four<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-site-editor-the-events-calendar\">Site Editor + The Events Calendar<\/h3>\n\n\n\n<p>The Site Editor integration with our plugins is a large-scale project that we have been working on in phases. You can use The Events Calendar with a Site Editor theme with some limitations:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can create Site Editor templates for\n<ul class=\"wp-block-list\">\n<li>Events archive (calendar views)<\/li>\n\n\n\n<li>Single events<\/li>\n\n\n\n<li>Single venue<\/li>\n\n\n\n<li>Single organizer<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>While you can&#8217;t use Site Editor to design the inner content of calendar components, you can still control the header, footer, and columns fully.<\/li>\n\n\n\n<li>You can create Site Editor templates for:\n<ul class=\"wp-block-list\">\n<li>Single venue<\/li>\n\n\n\n<li>Single organizer <\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>For now, you cannot create Site Editor templates for:\n<ul class=\"wp-block-list\">\n<li>Event category<\/li>\n\n\n\n<li>Event tag<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Events widgets are not available through the Site Editor widget admin. See the workaround below: using widget shortcodes.<\/li>\n<\/ul>\n\n\n\n<p>Keep an eye on our&nbsp;<a href=\"https:\/\/theeventscalendar.com\/category\/release-notes\/\" target=\"_blank\" rel=\"noreferrer noopener\">Release Notes<\/a>&nbsp;for future updates to Site Editor compatibility.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Event widget workaround<\/h4>\n\n\n\n<p>As mentioned above, you won\u2019t yet see Events widgets in the widget admin. However, our premium users can get around that by using our <a href=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/k\/events-calendar-pro-widget-shortcodes-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">calendar widget shortcodes<\/a> with the Shortcode block.<\/p>\n\n\n\n<p>One popular shortcode you can use is [tribe_mini_calendar]. Perhaps you want a small calendar to show up in your footer? With Site Editor, you can easily edit your footer using the Gutenberg blocks. Add a Shortcode block and paste in the <a href=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/k\/events-calendar-pro-widget-shortcodes-overview\/#mini-cal-shortcode\" target=\"_blank\" rel=\"noreferrer noopener\"><code>[tribe_mini_calendar]<\/code><\/a> shortcode, and voila! You now have a mini calendar in your footer!<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click <strong>Edit Site <\/strong>in the admin bar (if you don\u2019t see <strong>Edit Site <\/strong>in the admin bar, then your theme doesn\u2019t support the Site Editor)<br><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"446\" class=\"wp-image-1961493\" style=\"width: 700px;\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-edit-site.png\" alt=\"\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-edit-site.png 796w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-edit-site-300x191.png 300w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-edit-site-768x489.png 768w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/li>\n\n\n\n<li>Scroll down and click on the <strong>Footer<\/strong> to edit it<\/li>\n\n\n\n<li>From here, you can add blocks just like you would on a post or page. Click the + sign and select the <strong>Shortcode block<br><\/strong><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"523\" class=\"wp-image-1961497\" style=\"width: 700px;\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-find-shortcode.png\" alt=\"\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-find-shortcode.png 1075w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-find-shortcode-300x224.png 300w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-find-shortcode-1024x765.png 1024w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-find-shortcode-768x574.png 768w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/li>\n\n\n\n<li>Type in the shortcode you wish to add. In this example I added <strong><code>[tribe_mini_calendar]<\/code><\/strong><br><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"462\" class=\"wp-image-1961498\" style=\"width: 700px;\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-insert-shortcode-optimized.png\" alt=\"\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-insert-shortcode-optimized.png 1121w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-insert-shortcode-optimized-300x198.png 300w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-insert-shortcode-optimized-1024x676.png 1024w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-insert-shortcode-optimized-768x507.png 768w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><br><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"510\" class=\"wp-image-1961499\" style=\"width: 700px;\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-preview-shortcode.png\" alt=\"\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-preview-shortcode.png 914w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-preview-shortcode-300x219.png 300w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-preview-shortcode-768x560.png 768w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">The Events Calendar with the Navigation block<\/h4>\n\n\n\n<p>Part of the Site Editor is the ability to add items to your menu right from the front end, using the same <strong>Edit Site<\/strong> feature we just utilized above.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add a link to an event, click on <strong>Edit Site<\/strong> in the Admin bar<br><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"446\" class=\"wp-image-1961493\" style=\"width: 700px;\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-edit-site.png\" alt=\"\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-edit-site.png 796w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-edit-site-300x191.png 300w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-edit-site-768x489.png 768w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/li>\n\n\n\n<li>Press Ctrl \/ <strong>\u2318 <\/strong>+K or open up the command window, then type the Header.<br><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"353\" class=\"wp-image-1961494\" style=\"width: 700px;\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Open-header-section.png\" alt=\"\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Open-header-section.png 1725w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Open-header-section-300x151.png 300w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Open-header-section-1024x517.png 1024w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Open-header-section-768x388.png 768w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Open-header-section-1536x776.png 1536w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/li>\n\n\n\n<li>If you hover over the menu, you should see a + sign that you can click on to add a link<br><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"205\" class=\"wp-image-1961495\" style=\"width: 700px;\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-add-menu-item.png\" alt=\"\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-add-menu-item.png 1612w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-add-menu-item-300x88.png 300w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-add-menu-item-1024x300.png 1024w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-add-menu-item-768x225.png 768w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-add-menu-item-1536x451.png 1536w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/li>\n\n\n\n<li>Start typing the name of the event you want to add a link to and select it when it pops up.<br><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"405\" class=\"wp-image-1961496\" style=\"width: 700px;\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-add-event-link.png\" alt=\"\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-add-event-link.png 1088w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-add-event-link-300x173.png 300w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-add-event-link-1024x592.png 1024w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/kb-add-event-link-768x444.png 768w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/li>\n<\/ul>\n\n\n\n<p>That\u2019s 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.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is Site Editor? The Site Editor is a relatively new feature from the WordPress core developers. Site Editor allows you to use the block editor for every part of your website, rather than just posts and pages. In order to utilize the Site Editor, your site needs to use a theme that supports it,&#8230;<\/p>\n","protected":false},"author":3,"featured_media":1955565,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_swpsp_post_exclude":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"ep_exclude_from_search":false,"footnotes":""},"categories":[1],"tags":[],"stellar-product-taxonomy":[161],"class_list":["post-1951679","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","stellar-product-taxonomy-the-events-calendar"],"acf":[],"taxonomy_info":{"category":[{"value":1,"label":"Uncategorized"}],"stellar-product-taxonomy":[{"value":161,"label":"The Events Calendar"}]},"featured_image_src_large":["https:\/\/images.theeventscalendar.com\/kb\/uploads\/2023\/02\/social-share-1024x538.png",1024,538,true],"author_info":{"display_name":"Jaime Marchwinski","author_link":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/author\/jaimetri-be\/"},"comment_info":0,"category_info":[{"term_id":1,"name":"Uncategorized","slug":"uncategorized","term_group":0,"term_taxonomy_id":1,"taxonomy":"category","description":"","parent":0,"count":139,"filter":"raw","term_order":"0","cat_ID":1,"category_count":139,"category_description":"","cat_name":"Uncategorized","category_nicename":"uncategorized","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1951679","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/comments?post=1951679"}],"version-history":[{"count":8,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1951679\/revisions"}],"predecessor-version":[{"id":1961501,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1951679\/revisions\/1961501"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media\/1955565"}],"wp:attachment":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media?parent=1951679"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/categories?post=1951679"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/tags?post=1951679"},{"taxonomy":"stellar-product-taxonomy","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/stellar-product-taxonomy?post=1951679"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}