{"id":1896688,"date":"2019-10-18T13:19:52","date_gmt":"2019-10-18T17:19:52","guid":{"rendered":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/testing-the-wordpress-5-0-block-editor\/"},"modified":"2022-11-30T08:46:30","modified_gmt":"2022-11-30T13:46:30","slug":"testing-the-wordpress-5-0-block-editor","status":"publish","type":"post","link":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/testing-the-wordpress-5-0-block-editor\/","title":{"rendered":"Testing the WordPress Block Editor"},"content":{"rendered":"\n<p>WordPress 5.0 is here, and with it, the new WordPress block editor. If you&#8217;re planning on using the block editor, <strong>it&#8217;s a good idea to test it out on staging site before updating your live site.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"set-up\">Step #1: Set up a staging site<\/h3>\n\n\n\n<p>A staging site is basically a copy of your site where you can test changes, so you don\u2019t accidentally break your live site.<\/p>\n\n\n\n<p>Because it\u2019s an exact duplicate of your site\u2019s server, settings, and content, you can see how the new block editor will work on your specific site. And if there are any conflicts or bugs, you\u2019ll be able to identify and fix them before you roll out any changes on your live site.<\/p>\n\n\n\n<p>If you\u2019ve already got a staging site set up, go ahead and move on to step two. If not, we\u2019ve got a <a href=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/k\/creating-and-using-a-wordpress-staging-site\/\" target=\"_blank\" rel=\"noreferrer noopener\">staging site setup guide<\/a> to get you started.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"install-wp\">Step #2: Install WordPress 5.0<\/h3>\n\n\n\n<p>The next step is to install WordPress 5.0. You can do that from your site&#8217;s&nbsp;<em>Updates&nbsp;<\/em>page or by <a href=\"https:\/\/wordpress.org\/download\/\" target=\"_blank\" rel=\"noopener noreferrer\">downloading it from wordpress.org<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"activate-editor\">Step #3: Activate the block editor for events<\/h3>\n\n\n\n<p>Once you have WordPress 5.0 on your site, you&#8217;ll see the new block editor for posts and pages. In order to use the editor for events, you&#8217;ll need to enable it under Events &#8211;> Settings &#8211;> General&#8211;>Editing.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/11\/Screen-Shot-2022-11-30-at-11.44.21-AM.png\" alt=\"Events Settings &gt; General &gt; Editing\" class=\"wp-image-1954631\"\/><\/figure>\n\n\n\n<p>Check the box to activate the block editor for your events, and you&#8217;ll start seeing the new block experience when creating or editing events.<\/p>\n\n\n\n<p>Your existing events will start with our <a href=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/k\/using-block-editor-tickets\/#details-classic\" target=\"_blank\" rel=\"noreferrer noopener\">Event Details Classic block<\/a>, which displays event information very closely to how it used to in the classic editor. You can switch to using the more flexible blocks if you want, or stick with the Event Details Classic. On new events you&#8217;ll see the new set of Events blocks including Event Date Time, Event Organizer, Event Venue, and more. For more information, check out our <a href=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/k\/using-block-editor-tickets\/\" target=\"_blank\" rel=\"noreferrer noopener\">Introduction to Events blocks<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"test\">Step #4: Test out your plugins and themes<\/h3>\n\n\n\n<p>The latest versions of Events Calendar, Events Calendar PRO, Event Tickets, and Event Tickets Plus are all compatible with the block editor and ready to go. However, you&#8217;ll want to test your theme and other plugins before updating on a live site.<\/p>\n\n\n\n<p>While WordPress 5.0 updates the core WordPress software for your site, plugin and theme updates are handled individually by their respective authors and you may see different levels of compatibility based on the specific plugin or theme.<\/p>\n\n\n\n<p>Many plugin authors have a page on their website to share updates on their compatibility progress and goals. This is where you\u2019ll typically find opportunities to test any beta versions or extensions they\u2019ve made available.<\/p>\n\n\n\n<p>If you haven\u2019t already done so, research your site\u2019s theme and plugins to see if there are any concerns about how they\u2019ll be affected by the block editor. This is especially important for anyone using a \u201cpage builder\u201d theme\u2014try to learn as early as possible if you will need to change your theme or make any adjustments to ensure it continues working well in WordPress 5.0 and beyond.<\/p>\n\n\n\n<p>Unfortunately, there are some themes and plugins that won\u2019t be compatible with the new block editor when it arrives. As you\u2019re testing the new block editor on your site, it won\u2019t be uncommon to run into problems. That\u2019s a good thing because it gives you a chance to contact support and resolve those issues before you deploy updates to your live site.<\/p>\n\n\n\n<p><em>Pro Tip: Our <a href=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/k\/testing-for-conflicts\/#Look_for_a_solution\">Testing for Conflicts<\/a> guide can help you determine whether the issue is a conflict or legit bug. Once you\u2019ve sussed that out, you can report issues on <a rel=\"noopener noreferrer\" href=\"https:\/\/wordpress.org\/support\/plugin\/gutenberg\" target=\"_blank\">WordPress.org<\/a>, the <a rel=\"noopener noreferrer\" href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\" target=\"_blank\">Gutenberg GitHub repo<\/a>, or with a specific plugin\/theme author as needed.<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"decide\">Step #5: Decide if your site is ready for the block editor<\/h3>\n\n\n\n<p>Every site owner and creator using WordPress should review the block editor and decide if they&#8217;re ready to switch their live site to the new experience. Either way, you&#8217;ll want to update to WordPress 5.0. However, if you want to stick with the classic editor experience for some or all of your site, <a href=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/k\/using-the-classic-editor-to-manage-events\/\">you can take steps to do that too<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"update\">Step #6: Update your live site<\/h3>\n\n\n\n<p>Once you&#8217;re confident with WordPress 5.0 on your staging site and have decided whether you&#8217;ll be using the block editor, you can feel confident updating to WordPress 5.0 on your live site. Have fun!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 5.0 is here, and with it, the new WordPress block editor. If you&#8217;re planning on using the block editor, it&#8217;s a good idea to test it out on staging site before updating your live site. Step #1: Set up a staging site A staging site is basically a copy of your site where you&#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":[41,130],"tags":[113],"stellar-product-taxonomy":[161],"class_list":["post-1896688","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-getting-started","category-advanced-post-manager","tag-block-editor","stellar-product-taxonomy-the-events-calendar"],"acf":[],"taxonomy_info":{"category":[{"value":41,"label":"Getting Started"},{"value":130,"label":"Managing Events"}],"post_tag":[{"value":113,"label":"block editor"}],"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":41,"name":"Getting Started","slug":"getting-started","term_group":0,"term_taxonomy_id":41,"taxonomy":"category","description":"","parent":0,"count":67,"filter":"raw","term_order":"0","cat_ID":41,"category_count":67,"category_description":"","cat_name":"Getting Started","category_nicename":"getting-started","category_parent":0},{"term_id":130,"name":"Managing Events","slug":"advanced-post-manager","term_group":0,"term_taxonomy_id":130,"taxonomy":"category","description":"","parent":61,"count":44,"filter":"raw","term_order":"0","cat_ID":130,"category_count":44,"category_description":"","cat_name":"Managing Events","category_nicename":"advanced-post-manager","category_parent":61}],"tag_info":[{"term_id":113,"name":"block editor","slug":"block-editor","term_group":0,"term_taxonomy_id":113,"taxonomy":"post_tag","description":"","parent":27,"count":17,"filter":"raw","term_order":"0"}],"_links":{"self":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1896688","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=1896688"}],"version-history":[{"count":1,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1896688\/revisions"}],"predecessor-version":[{"id":1956137,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1896688\/revisions\/1956137"}],"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=1896688"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/categories?post=1896688"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/tags?post=1896688"},{"taxonomy":"stellar-product-taxonomy","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/stellar-product-taxonomy?post=1896688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}