{"id":516,"date":"2020-10-05T07:05:14","date_gmt":"2020-10-05T07:05:14","guid":{"rendered":"https:\/\/www.gutentor.com\/weblog\/?p=516"},"modified":"2020-10-05T07:05:51","modified_gmt":"2020-10-05T07:05:51","slug":"empower-website-with-wordpress-block-editor","status":"publish","type":"post","link":"https:\/\/www.gutentor.com\/weblog\/empower-website-with-wordpress-block-editor\/","title":{"rendered":"How To Empower Your Website With the WordPress Block Editor"},"content":{"rendered":"<p><span style=\"font-weight: 400\">Did you know that WordPress accounts for 35% of the entire Internet? Thanks to its incredible flexibility, the content management system is able to support websites from small personal blogs to entire franchise services like Sony Music.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Keeping a strong online presence is essential to succeeding as a business in today\u2019s market. It gives clients and partners an easy avenue to learn about your products and services, as well as your organization as a whole. WordPress offers a convenient platform for companies of any size to build their own websites without extensive technical knowledge.<\/span><\/p>\n<p><span style=\"font-weight: 400\">WordPress itself has been improving its platform consistently. One of the most recent major updates, WordPress 5.0, introduces Project Gutenberg, also known as the block editor. It\u2019s a revamped way to create visually beautiful blogs and pages or other WordPress content for your business.<\/span><\/p>\n<p><span style=\"font-weight: 400\">If you want to hit the ground running, here\u2019s a guide to all the essentials you should know for working with Project Gutenberg and all the new tools in WordPress 5.0.<\/span><\/p>\n<h2><b>A Block-Based Approach<\/b><\/h2>\n<p><span style=\"font-weight: 400\">In addition to a redesigned user interface layout, Project Gutenberg introduces a new way to create and edit content: blocks. Blocks can take the form of many multimedia page elements, including but not limited to:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Images<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Video<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Audio<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Lists<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Widgets<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">You can expand your options using third-party plugins too. While previous WordPress pages were made in what was essentially a word processor, WordPress 5.0 divides every page into modular pieces of content known as blocks.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Blocks are easy to learn, organize, and work with. Even beginners and starting businesses will have no issues <a href=\"https:\/\/www.gutentor.com\/weblog\/add-new-post-gutenberg-wordpress-editor\/\">adding content<\/a>, organizing components, and moving elements around the page. This unparalleled flexibility and intuitive design uses modularity to streamline web development, making it superior to the previous WordPress editor. You cannot afford not to use blocks.<\/span><\/p>\n<h2><b>Recommended Block Plugins to Try Out<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Much like how third-party \u201capps\u201d have greatly increased the usability of smartphones for the average user, WordPress plugins allow organizations to include customized content that would otherwise be difficult to implement. Some <a href=\"https:\/\/www.gutentor.com\/weblog\/best-gutenberg-block-plugins\/\">examples of plugins<\/a> to try for your new site include:<\/span><\/p>\n<h3><b>Atomic Blocks<\/b><\/h3>\n<p><span style=\"font-weight: 400\">This free extension is a collection of 15 new blocks that the default WordPress editor leaves out. These include advanced columns, a newsletter, a pricing page, a <a href=\"https:\/\/www.gutentor.com\/weblog\/how-to-design-testimonial-in-wordpress\/\">testimonial<\/a>, a call-to-action, and a divider. eCommerce websites can take advantage of these features to raise conversion rates.<\/span><\/p>\n<h3><b>Block Gallery<\/b><\/h3>\n<p><span style=\"font-weight: 400\">The blocks available in this collection will give you galleries to work with. Whether you want to advertise gardening services or an art exhibition, these carousel sliders and <a href=\"https:\/\/www.gutentor.com\/weblog\/how-to-add-gallery-in-wordpress-website\/\">stacked galleries<\/a> will bring extra flair to your image-heavy site.<\/span><\/p>\n<h3><b>The WP Call Button<\/b><\/h3>\n<p><span style=\"font-weight: 400\">This extension puts a \u201cclick-to-call\u201d button on your website. Mobile visitors can quickly get in contact with your business using this block. It also tracks clicks with Google Analytics to help you <a href=\"https:\/\/www.gutentor.com\/weblog\/how-to-track-website-performance-for-free\/\">determine best-performing pages<\/a>.<\/span><\/p>\n<h2><b>The Limitations of Gutenberg<\/b><\/h2>\n<p><span style=\"font-weight: 400\">The block system greatly enhances how users can edit individual posts on a website, but it will take a few more updates before businesses can effectively use it for full pages and sites. This drawback is due to a few missing features:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Built-in support for columns. While some third-party plugins have basic column functionality, you will still find more detailed column organizers in other editors.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">There are currently a few pre-made templates available.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">The \u201cdrag and drop\u201d nature of the blocks may still feel stiffer and less \u201cfree form\u201d than on other solutions.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Advanced styling actions like custom margins are still missing.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">WordPress is continuing to develop its content management system, and we can expect these features soon. For now, more complicated projects from larger companies may call for other page builders.<\/span><\/p>\n<h2><b>How To Use WordPress 5.0<\/b><\/h2>\n<p><span style=\"font-weight: 400\">There are multiple comprehensive guides on the Internet for learning the ins and outs of WordPress 5.0. Chances are that your business won\u2019t be using every single feature, so don\u2019t be afraid to pick up new skills as you go along.<\/span><\/p>\n<p><span style=\"font-weight: 400\">A basic introduction to how blocks work and how to implement them into your agency\u2019s website will give you a running start.<\/span><\/p>\n<h3><b>Getting Started<\/b><\/h3>\n<p><span style=\"font-weight: 400\">When you create a new page, the first block is always the title followed by a paragraph by default. You can add additional elements using the \u201cplus\u201d button found on the top left or near your cursor.<\/span><\/p>\n<p><span style=\"font-weight: 400\">This button shows you the most commonly used block types. You can search for specific items as well in this popup window.<\/span><\/p>\n<h3><b>Customizing Blocks<\/b><\/h3>\n<p><span style=\"font-weight: 400\">Whether it\u2019s a paragraph, image, widget, or otherwise, each block includes a special toolbar right above it with basic actions. A paragraph block, for instance, includes bold, italics, alignment, adding links, and others.<\/span><\/p>\n<p><span style=\"font-weight: 400\">You also get a sidebar of additional settings on the right when you have a block selected. You can also move blocks up and down the page easily.<\/span><\/p>\n<h3><b>Saving Reusable Blocks<\/b><\/h3>\n<p><span style=\"font-weight: 400\">One way to optimize your workflow is to save blocks to reuse later. \u201cReusable blocks\u201d allows you to recycle common page elements for a consistent design. The built-in block manager gives users the option to edit and delete their custom blocks. Finally, you can export blocks for use on other pages and sites later.<\/span><\/p>\n<h2><b>A Few Extra WordPress 5.0 Tips<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Now let\u2019s talk about a few useful tidbits regarding WordPress 5.0 that are worth knowing. When it comes to choosing a theme, most themes from previous versions should work fine. It\u2019s recommended, however, to choose one that offers explicit compatibility with 5.0.<\/span><\/p>\n<p><span style=\"font-weight: 400\">These themes often come with integrated styling options that work well with the block system. You might be working with your blocks and immediately see how they will look when published (i.e. a \u201cwhat you see is what you get\u201d format).<\/span><\/p>\n<p><span style=\"font-weight: 400\">It\u2019s also worth checking for themes with pre-made layouts. If you\u2019re looking for a quick start to your site, just insert your content into these themes.<\/span><\/p>\n<h2><b>What About Sites Made in the Old Editor?<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Rest assured, if your business owns a website made using older versions of WordPress, it will still function perfectly n<\/span><\/p>\n<p><span style=\"font-weight: 400\">ow. Project Gutenberg will automatically convert the site into a \u201cclassic editor\u201d block. This legacy plugin will continue to receive official support until 2022.<\/span><\/p>\n<p><span style=\"font-weight: 400\">For old themes and plugins, there\u2019s a high chance they will be updated for 5.0 as well. <a href=\"https:\/\/www.globalgraphicswebdesign.com\/wordpress-development\/\" target=\"_blank\" rel=\"nofollow noopener sponsored noreferrer\">WordPress<\/a> gave developers a long development time to port their plugins to the new version.<\/span><\/p>\n<p><span style=\"font-weight: 400\">If any of your plugins do not function in the new update, your options include installing the classic editor plugin, requesting the developer to port it, or just finding an alternative plugin to do the job.<\/span><\/p>\n<h2><b>Take Your Website to the Next Level<\/b><\/h2>\n<p><span style=\"font-weight: 400\">As WordPress continually improves with regular updates, businesses must stay tuned for new features coming in the future that can help them boost conversion rates and public popularity through their websites. Switch to WordPress Block editor if you have not done it yet.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Building a successful online presence for your company, regardless of its size and industry, is much easier with WordPress\u2019s new editor. But remember, there\u2019s more to a successful business site than just content.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Did you know that WordPress accounts for 35% of the entire Internet? Thanks to its incredible flexibility, the content management system is able to support websites from small personal blogs to entire franchise services like Sony Music. Keeping a strong online presence is essential to succeeding as a business in today\u2019s market. It gives clients [&hellip;]<\/p>\n","protected":false},"author":30,"featured_media":521,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[9],"tags":[10,21],"class_list":["post-516","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-gutenberg","tag-gutenberg-tips"],"gutentor_comment":14722,"jetpack_featured_media_url":"https:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2020\/10\/Empower-Your-Website-With-the-WordPress-Block-Editor.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gutentor.com\/weblog\/wp-json\/wp\/v2\/posts\/516","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gutentor.com\/weblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gutentor.com\/weblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gutentor.com\/weblog\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gutentor.com\/weblog\/wp-json\/wp\/v2\/comments?post=516"}],"version-history":[{"count":0,"href":"https:\/\/www.gutentor.com\/weblog\/wp-json\/wp\/v2\/posts\/516\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gutentor.com\/weblog\/wp-json\/wp\/v2\/media\/521"}],"wp:attachment":[{"href":"https:\/\/www.gutentor.com\/weblog\/wp-json\/wp\/v2\/media?parent=516"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gutentor.com\/weblog\/wp-json\/wp\/v2\/categories?post=516"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gutentor.com\/weblog\/wp-json\/wp\/v2\/tags?post=516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}