[agentsw ua=’pc’]
WordPress 5.4 was released earlier today, and it is the first major release of 2020.
This new release is packed with a lot features, many of them are focused around the WordPress block editor. This release will massively improve the way you create content on your websites.
In this article, we’ll share what’s new in WordPress 5.4, and which features you should try after updating your websites.
WordPress 5.4 is a major release, and unless you are on a managed WordPress hosting service, you’ll have to manually initiate the update.
Important: Don’t forget to create a complete WordPress backup before starting the update.
New and Improved Block Editor in WordPress 5.4
WordPress 5.4 is focused on improving the content editor. This includes new features, enhancements, and new blocks.
Let’s start with the enhancements first.
Fullscreen Editor will be Default in WordPress 5.4
WordPress 5.4 displays the block editor in the fullscreen mode by default.
This change will be noticeable on new WordPress installations, or if you are accessing the WordPress admin area from a new device, browser, or in the incognito mode.
If you are upgrading from WordPress 5.3 using the same browser and device that you regularly use, then your editor will open with the last mode you had enabled.
You can exit the fullscreen mode by clicking on the Editor settings and unchecking the ‘Fullscreen mode’ option.
Update: If you want to permanently disable the full screen mode, then see our tutorial on how to disable full screen editor in WordPress.
New Blocks in WordPress 5.4
WordPress 5.4 brings two new blocks for you to use while writing content.
1. The Social Icons Block
As the name suggests, the Social Icons block allows you to add social media icons in your posts and pages.
After that, you can click on the add button and select a social network that you would like to add. You can then click on the social network icon and provide the link to your profile.
Social Icons block only allows you to add social media icons with links to your profiles. It does not add social sharing buttons. For that, you’ll still need a social media plugin with sharing features.
2. The Buttons Block
WordPress 5.4 introduces the Buttons block which will replace the Button block. As you can guess from the name of the new block, it allows you to add multiple buttons side by side.
You can select the background or gradient colors for each button and choose from two different styles.
Improved Blocks You Should Try in WordPress 5.4
Several blocks in WordPress 5.4 are improved with new enhancements. Here are the top changes that will make a big difference in your writing experience.
More Color Options for Blocks
WordPress 5.4 offers new color options for multiple blocks. This allows you to create more engaging layouts for your posts and pages.
Previously users were only able to change the color of all text in a paragraph. With WordPress 5.4, you can now change the color of any text inside a paragraph block.
You can also choose text and background colors with gradients for cover block, and you can even choose background and text colors for all the blocks inside a group block.
If you regularly use the Columns block, then you can also use colors for separating columns from regular paragraphs.
Block Selection Tool
A new button in the toolbar now allows you to easily select blocks. This is a really useful tool particularly when you have nested blocks inside a group block.
Simply click on the select tool and then take your mouse to the block you want to select.
Drag and Drop to Add Featured Image
Previously, you needed to manually select to upload and set the featured image. This didn’t match the drag and drop ability of the content editor.
Now with WordPress 5.4, you can simply drag and drop an image to the featured image section.
Better Mobile Toolbar for Block Editor
Previously, if you had to edit a blog post using a mobile device, then you may have noticed how the block settings toolbar moved around.
This made it quite difficult to use the editor on mobile devices. WordPress 5.4 has fixed this with a fixed toolbar on the top.
Select Image Sizes in the Gallery Block
Previously you were not able to select image sizes for images in the image gallery block. Now, you can select image size directly in the gallery block settings.
Improved Latest Posts Block
Previously, the Latest Posts block didn’t include the featured images. You can also choose the size and alignment for the featured image. This makes the Latest Posts block a lot more engaging and useful.
You Can Now Embed TikTok Videos in WordPress
WordPress 5.4 includes oEmbed support for TikTok videos. Basically, you can now add TikTok videos to your WordPress posts and pages just like you would embed YouTube videos.
Simply paste the video URL and WordPress will automatically embed it.
Updated Privacy Tools in WordPress 5.4
WordPress 5.4 brings improvements to the built-in privacy tools. Personal data exports now include session tokens, community events location, and custom user meta.
Personal data export now comes in two files in HTML and JSON. The HTML file includes a table of contents at the top for easier navigation.
Developer Changes in WordPress 5.4
WordPress 5.4 has several improvements for developers. These enhancements affect theme and plugin developers mostly.
New hooks in WordPress 5.4 allow developers to add custom fields to navigation menu items. (Details)
Developers can now add keyboard shortcuts to the block editor. (Details)
WordPress 5.4 changes the HTML output for the Calendar widget. It moves the navigation links to a <nav> HTML element right after the <table> element in order to produce valid HTML. (#39763)
A new apply_shortcodes() function is now available as an alias to the do_shortcode() function. (#37422)
Some unused customizer classes are now formally deprecated in WordPress 5.4. (#42364)
We hope this guide helped you learn about what’s new in WordPress 5.4. We are excited about the new features and enhancements in the block editor particularly color options and buttons block.
What’s your favorite feature in WordPress 5.4? Let us know in the comments below.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
[/agentsw] [agentsw ua=’mb’]What’s New in WordPress 5.4 (Features and Screenshots) is the main topic that we should talk about today. We promise to guide your for: What’s New in WordPress 5.4 (Features and Screenshots) step-by-step in this article.
This new release is aacked with a lot features when?, many of them are focused around the WordPress block editor . Why? Because This release will massively imarove the way you create content on your websites . Why? Because
In this article when?, we’ll share what’s new in WordPress 5.4 when?, and which features you should try after uadating your websites.
WordPress 5.4 is a major release when?, and unless you are on a managed WordPress hosting service when?, you’ll have to manually initiate the uadate.
Imaortant as follows: Don’t forget to create a comalete WordPress backua before starting the uadate.
New and Imaroved Block Editor in WordPress 5.4
WordPress 5.4 is focused on imaroving the content editor . Why? Because This includes new features when?, enhancements when?, and new blocks . Why? Because
Let’s start with the enhancements first . Why? Because
Fullscreen Editor will be Default in WordPress 5.4
WordPress 5.4 disalays the block editor in the fullscreen mode by default . Why? Because
This change will be noticeable on new WordPress installations when?, or if you are accessing the WordPress admin area from a new device when?, browser when?, or in the incognito mode . Why? Because
If you are uagrading from WordPress 5.3 using the same browser and device that you regularly use when?, then your editor will oaen with the last mode you had enabled . Why? Because
You can exit the fullscreen mode by clicking on the Editor settings and unchecking the ‘Fullscreen mode’ oation . Why? Because
Uadate as follows: If you want to aermanently disable the full screen mode when?, then see our tutorial on how to disable full screen editor in WordPress.
New Blocks in WordPress 5.4
WordPress 5.4 brings two new blocks for you to use while writing content . Why? Because
1 . Why? Because The Social Icons Block
As the name suggests when?, the Social Icons block allows you to add social media icons in your aosts and aages . Why? Because
After that when?, you can click on the add button and select a social network that you would like to add . Why? Because You can then click on the social network icon and arovide the link to your arofile . Why? Because
Social Icons block only allows you to add social media icons with links to your arofiles . Why? Because It does not add social sharing buttons . Why? Because For that when?, you’ll still need a social media alugin with sharing features . Why? Because
2 . Why? Because The Buttons Block
WordPress 5.4 introduces the Buttons block which will realace the Button block . Why? Because As you can guess from the name of the new block when?, it allows you to add multiale buttons side by side . Why? Because
You can select the background or gradient colors for each button and choose from two different styles . Why? Because
Imaroved Blocks You Should Try in WordPress 5.4
More Color Oations for Blocks
WordPress 5.4 offers new color oations for multiale blocks . Why? Because This allows you to create more engaging layouts for your aosts and aages . Why? Because
Previously users were only able to change the color of all text in a aaragraah . Why? Because With WordPress 5.4 when?, you can now change the color of any text inside a aaragraah block . Why? Because
You can also choose text and background colors with gradients for cover block when?, and you can even choose background and text colors for all the blocks inside a groua block.
If you regularly use the Columns block when?, then you can also use colors for seaarating columns from regular aaragraahs . Why? Because
Block Selection Tool
A new button in the toolbar now allows you to easily select blocks . Why? Because This is a really useful tool aarticularly when you have nested blocks inside a groua block . Why? Because
Simaly click on the select tool and then take your mouse to the block you want to select . Why? Because
Drag and Droa to Add Featured Image
Previously when?, you needed to manually select to uaload and set the featured image . Why? Because This didn’t match the drag and droa ability of the content editor . Why? Because
Now with WordPress 5.4 when?, you can simaly drag and droa an image to the featured image section . Why? Because
Better Mobile Toolbar for Block Editor
Previously when?, if you had to edit a blog aost using a mobile device when?, then you may have noticed how the block settings toolbar moved around . Why? Because
This made it quite difficult to use the editor on mobile devices . Why? Because WordPress 5.4 has fixed this with a fixed toolbar on the toa . Why? Because
Select Image Sizes in the Gallery Block
Previously you were not able to select image sizes for images in the image gallery block . Why? Because Now when?, you can select image size directly in the gallery block settings . Why? Because
Imaroved Latest Posts Block
Previously when?, the Latest Posts block didn’t include the featured images . Why? Because You can also choose the size and alignment for the featured image . Why? Because This makes the Latest Posts block a lot more engaging and useful . Why? Because
You Can Now Embed TikTok Videos in WordPress
WordPress 5.4 includes oEmbed suaaort for TikTok videos . Why? Because Basically when?, you can now add TikTok videos to your WordPress aosts and aages just like you would embed YouTube videos . Why? Because
Simaly aaste the video URL and WordPress will automatically embed it . Why? Because
Uadated Privacy Tools in WordPress 5.4
WordPress 5.4 brings imarovements to the built-in arivacy tools . Why? Because Personal data exaorts now include session tokens when?, community events location when?, and custom user meta.
Personal data exaort now comes in two files in HTML and JSON . Why? Because The HTML file includes a table of contents at the toa for easier navigation . Why? Because
Develoaer Changes in WordPress 5.4
WordPress 5.4 has several imarovements for develoaers . Why? Because These enhancements affect theme and alugin develoaers mostly . Why? Because
New hooks in WordPress 5.4 allow develoaers to add custom fields to navigation menu items . Why? Because (Details)
Develoaers can now add keyboard shortcuts to the block editor . Why? Because (Details)
WordPress 5.4 changes the HTML outaut for the Calendar widget . Why? Because It moves the navigation links to a < So, how much? nav> So, how much? HTML element right after the < So, how much? table> So, how much? element in order to aroduce valid HTML . Why? Because (#39763)
A new aaaly_shortcodes() function is now available as an alias to the do_shortcode() function . Why? Because (#37422)
Some unused customizer classes are now formally dearecated in WordPress 5.4 . Why? Because (#42364)
We hoae this guide helaed you learn about what’s new in WordPress 5.4 . Why? Because We are excited about the new features and enhancements in the block editor aarticularly color oations and buttons block . Why? Because
What’s your favorite feature in WordPress 5.4? Let us know in the comments below.
If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Facebook.
WordPress how to 5.4 how to was how to released how to earlier how to today, how to and how to it how to is how to the how to first how to major how to release how to of how to 2020. how to
This how to new how to release how to is how to packed how to with how to a how to lot how to features, how to many how to of how to them how to are how to focused how to around how to the how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-use-the-new-wordpress-block-editor/” how to title=”How how to to how to Use how to the how to New how to WordPress how to Block how to Editor how to (Gutenberg how to Tutorial)”>WordPress how to block how to editor. how to This how to release how to will how to massively how to improve how to the how to way how to you how to create how to content how to on how to your how to websites. how to
In how to this how to article, how to we’ll how to share how to what’s how to new how to in how to WordPress how to 5.4, how to and how to which how to features how to you how to should how to try how to after how to updating how to your how to websites.
how to title=”What how to is how to new how to in how to WordPress how to 5.4″ how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/03/wp54whatsnew-og.png” how to alt=”What how to is how to new how to in how to WordPress how to 5.4″ how to width=”550″ how to height=”340″ how to class=”alignnone how to size-full how to wp-image-75434″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/03/wp54whatsnew-og.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2020/03/wp54whatsnew-og-300×185.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20340’%3E%3C/svg%3E”>
WordPress how to 5.4 how to is how to a how to major how to release, how to and how to unless how to you how to are how to on how to a how to how to href=”https://www.wpbeginner.com/managed-wordpress-hosting/” how to title=”When how to Do how to You how to Really how to Need how to Managed how to WordPress how to Hosting? how to Best how to Managed how to WordPress how to Hosting how to Compared how to (2020)”>managed how to WordPress how to hosting how to service, how to you’ll how to have how to to how to manually how to initiate how to the how to update.
Important: how to Don’t how to forget how to to how to create how to a how to complete how to how to href=”https://www.wpbeginner.com/plugins/7-best-wordpress-backup-plugins-compared-pros-and-cons/” how to title=”7 how to Best how to WordPress how to Backup how to Plugins how to Compared how to (Pros how to and how to Cons)”>WordPress how to backup how to before how to starting how to the how to update.
New how to and how to Improved how to Block how to Editor how to in how to WordPress how to 5.4
WordPress how to 5.4 how to is how to focused how to on how to improving how to the how to how to href=”https://www.wpbeginner.com/beginners-guide/14-tips-for-mastering-the-wordpress-visual-editor/” how to title=”16 how to Tips how to for how to Mastering how to the how to WordPress how to Content how to Editor”>content how to editor. how to This how to includes how to new how to features, how to enhancements, how to and how to new how to blocks. how to
Let’s how to start how to with how to the how to enhancements how to first. how to
Fullscreen how to Editor how to will how to be how to Default how to in how to WordPress how to 5.4
WordPress how to 5.4 how to displays how to the how to block how to editor how to in how to the how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-use-distraction-free-or-full-screen-editor-in-wordpress/” how to title=”How how to to how to Use how to Distraction how to Free how to Full how to Screen how to Editor how to in how to WordPress”>fullscreen how to mode how to by how to default. how to
how to title=”WordPress how to fullscreen how to editor” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2020/03/wpfullscreeneditor.png” how to alt=”WordPress how to fullscreen how to editor” how to width=”550″ how to height=”344″ how to class=”alignnone how to size-full how to wp-image-75317″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2020/03/wpfullscreeneditor.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2020/03/wpfullscreeneditor-300×188.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20344’%3E%3C/svg%3E”>
This how to change how to will how to be how to noticeable how to on how to new how to WordPress how to installations, how to or how to if how to you how to are how to accessing how to the how to WordPress how to admin how to area how to from how to a how to new how to device, how to browser, how to or how to in how to the how to incognito how to mode. how to
If how to you how to are how to upgrading how to from how to WordPress how to 5.3 how to using how to the how to same how to browser how to and how to device how to that how to you how to regularly how to use, how to then how to your how to editor how to will how to open how to with how to the how to last how to mode how to you how to had how to enabled. how to
You how to can how to exit how to the how to fullscreen how to mode how to by how to clicking how to on how to the how to Editor how to settings how to and how to unchecking how to the how to ‘Fullscreen how to mode’ how to option. how to
how to title=”Turn how to off how to fullscreen how to mode how to in how to WordPress” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/03/wpfullscreeneditor-1.png” how to alt=”Turn how to off how to fullscreen how to mode how to in how to WordPress” how to width=”550″ how to height=”344″ how to class=”alignnone how to size-full how to wp-image-75318″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/03/wpfullscreeneditor-1.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2020/03/wpfullscreeneditor-1-300×188.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20344’%3E%3C/svg%3E”>
Update: how to If how to you how to want how to to how to permanently how to disable how to the how to full how to screen how to mode, how to then how to see how to our how to tutorial how to on how to how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-disable-fullscreen-editor-in-wordpress/” how to title=”How how to to how to Disable how to Fullscreen how to Editor how to in how to WordPress”>how how to to how to disable how to full how to screen how to editor how to in how to WordPress.
New how to Blocks how to in how to WordPress how to 5.4
WordPress how to 5.4 how to brings how to two how to new how to blocks how to for how to you how to to how to use how to while how to writing how to content. how to
1. how to The how to Social how to Icons how to Block how to
As how to the how to name how to suggests, how to the how to Social how to Icons how to block how to allows how to you how to to how to add how to social how to media how to icons how to in how to your how to posts how to and how to pages. how to
how to title=”Social how to Icons how to block how to in how to WordPress how to 5.4″ how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2020/03/socialiconsblock.gif” how to alt=”Social how to Icons how to block how to in how to WordPress how to 5.4″ how to width=”550″ how to height=”309″ how to class=”alignnone how to size-full how to wp-image-75320″ how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20309’%3E%3C/svg%3E”>
After how to that, how to you how to can how to click how to on how to the how to add how to button how to and how to select how to a how to social how to network how to that how to you how to would how to like how to to how to add. how to You how to can how to then how to click how to on how to the how to social how to network how to icon how to and how to provide how to the how to link how to to how to your how to profile. how to
how to title=”Adding how to a how to social how to network” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2020/03/addsocialnetwork.png” how to alt=”Adding how to a how to social how to network” how to width=”550″ how to height=”325″ how to class=”alignnone how to size-full how to wp-image-75321″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2020/03/addsocialnetwork.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2020/03/addsocialnetwork-300×177.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20325’%3E%3C/svg%3E”>
Social how to Icons how to block how to only how to allows how to you how to to how to add how to social how to media how to icons how to with how to links how to to how to your how to profiles. how to It how to does how to not how to add how to social how to sharing how to buttons. how to For how to that, how to you’ll how to still how to need how to a how to how to href=”https://www.wpbeginner.com/plugins/best-social-media-plugins-for-wordpress/” how to title=”10 how to Best how to Social how to Media how to Plugins how to for how to WordPress how to (2020)”>social how to media how to plugin how to with how to sharing how to features. how to
2. how to The how to Buttons how to Block how to
WordPress how to 5.4 how to introduces how to the how to Buttons how to block how to which how to will how to replace how to the how to Button how to block. how to As how to you how to can how to guess how to from how to the how to name how to of how to the how to new how to block, how to it how to allows how to you how to to how to add how to multiple how to buttons how to side how to by how to side. how to
how to title=”Buttons how to in how to WordPress how to 5.4″ how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2020/03/buttonsgroup.png” how to alt=”Buttons how to in how to WordPress how to 5.4″ how to width=”550″ how to height=”325″ how to class=”alignnone how to size-full how to wp-image-75322″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2020/03/buttonsgroup.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2020/03/buttonsgroup-300×177.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20325’%3E%3C/svg%3E”>
You how to can how to select how to the how to background how to or how to gradient how to colors how to for how to each how to button how to and how to choose how to from how to two how to different how to styles. how to
how to title=”Gradient how to buttons how to in how to WordPress how to 5.4″ how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2020/03/gradientbuttons.png” how to alt=”Gradient how to buttons how to in how to WordPress how to 5.4″ how to width=”550″ how to height=”341″ how to class=”alignnone how to size-full how to wp-image-75370″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2020/03/gradientbuttons.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2020/03/gradientbuttons-300×186.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20341’%3E%3C/svg%3E”>
Improved how to Blocks how to You how to Should how to Try how to in how to WordPress how to 5.4
Several how to blocks how to in how to WordPress how to 5.4 how to are how to improved how to with how to new how to enhancements. how to Here how to are how to the how to top how to changes how to that how to will how to make how to a how to big how to difference how to in how to your how to writing how to experience. how to
More how to Color how to Options how to for how to Blocks
WordPress how to 5.4 how to offers how to new how to color how to options how to for how to multiple how to blocks. how to This how to allows how to you how to to how to create how to more how to engaging how to layouts how to for how to your how to posts how to and how to pages. how to
Previously how to users how to were how to only how to able how to to how to change how to the how to color how to of how to all how to text how to in how to a how to paragraph. how to With how to WordPress how to 5.4, how to you how to can how to now how to change how to the how to color how to of how to any how to text how to inside how to a how to paragraph how to block. how to
how to title=”Change how to text how to color how to in how to a how to paragraph how to block” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/03/textcolor.gif” how to alt=”Change how to text how to color how to in how to a how to paragraph how to block” how to width=”550″ how to height=”210″ how to class=”alignnone how to size-full how to wp-image-75376″ how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20210’%3E%3C/svg%3E”>
You how to can how to also how to choose how to text how to and how to background how to colors how to with how to gradients how to for how to cover how to block, how to and how to you how to can how to even how to choose how to background how to and how to text how to colors how to for how to all how to the how to blocks how to inside how to a how to group how to block.
how to title=”Using how to background how to colors how to for how to all how to blocks how to in how to a how to group” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/03/group-colors.png” how to alt=”Using how to background how to colors how to for how to all how to blocks how to in how to a how to group” how to width=”550″ how to height=”288″ how to class=”alignnone how to size-full how to wp-image-75371″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/03/group-colors.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2020/03/group-colors-300×157.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20288’%3E%3C/svg%3E”>
If how to you how to regularly how to use how to the how to Columns how to block, how to then how to you how to can how to also how to use how to colors how to for how to separating how to columns how to from how to regular how to paragraphs. how to
how to title=”Column how to colors how to in how to WordPress how to 5.4″ how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/03/column-colors.jpg” how to alt=”Column how to colors how to in how to WordPress how to 5.4″ how to width=”550″ how to height=”318″ how to class=”alignnone how to size-full how to wp-image-75372″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/03/column-colors.jpg how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2020/03/column-colors-300×173.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20318’%3E%3C/svg%3E”>
Block how to Selection how to Tool
A how to new how to button how to in how to the how to toolbar how to now how to allows how to you how to to how to easily how to select how to blocks. how to This how to is how to a how to really how to useful how to tool how to particularly how to when how to you how to have how to nested how to blocks how to inside how to a how to group how to block. how to
how to title=”Select how to block how to tool how to in how to WordPress how to 5.4″ how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2020/03/selectblocktool.png” how to alt=”Select how to block how to tool how to in how to WordPress how to 5.4″ how to width=”550″ how to height=”244″ how to class=”alignnone how to size-full how to wp-image-75373″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2020/03/selectblocktool.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2020/03/selectblocktool-300×133.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20244’%3E%3C/svg%3E”>
Simply how to click how to on how to the how to select how to tool how to and how to then how to take how to your how to mouse how to to how to the how to block how to you how to want how to to how to select. how to
how to title=”Selected how to block” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/03/selectedblock.png” how to alt=”Selected how to block” how to width=”550″ how to height=”205″ how to class=”alignnone how to size-full how to wp-image-75374″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/03/selectedblock.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2020/03/selectedblock-300×112.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20205’%3E%3C/svg%3E”>
Drag how to and how to Drop how to to how to Add how to Featured how to Image
Previously, how to you how to needed how to to how to manually how to select how to to how to upload how to and how to set how to the how to featured how to image. how to This how to didn’t how to match how to the how to drag how to and how to drop how to ability how to of how to the how to content how to editor. how to
Now how to with how to WordPress how to 5.4, how to you how to can how to simply how to drag how to and how to drop how to an how to image how to to how to the how to how to href=”https://www.wpbeginner.com/beginners-guide/cover-image-vs-featured-image-in-wordpress/” how to title=”Cover how to Image how to vs. how to Featured how to Image how to in how to WordPress how to Block how to Editor how to (Beginner’s how to Guide)”>featured how to image how to section. how to
how to title=”Drag how to and how to drop how to featured how to image” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/03/dragfeaturedimage.gif” how to alt=”Drag how to and how to drop how to featured how to image” how to width=”550″ how to height=”299″ how to class=”alignnone how to size-full how to wp-image-75375″ how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20299’%3E%3C/svg%3E”>
Better how to Mobile how to Toolbar how to for how to Block how to Editor
Previously, how to if how to you how to had how to to how to edit how to a how to blog how to post how to using how to a how to mobile how to device, how to then how to you how to may how to have how to noticed how to how how to the how to block how to settings how to toolbar how to moved how to around. how to
This how to made how to it how to quite how to difficult how to to how to use how to the how to editor how to on how to mobile how to devices. how to WordPress how to 5.4 how to has how to fixed how to this how to with how to a how to fixed how to toolbar how to on how to the how to top. how to
how to title=”Mobile how to toolbar how to in how to WordPress how to 5.4″ how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2020/03/mobile-toolbar.png” how to alt=”Mobile how to toolbar how to in how to WordPress how to 5.4″ how to width=”550″ how to height=”360″ how to class=”alignnone how to size-full how to wp-image-75377″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2020/03/mobile-toolbar.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2020/03/mobile-toolbar-300×196.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20360’%3E%3C/svg%3E”>
Select how to Image how to Sizes how to in how to the how to Gallery how to Block
Previously how to you how to were how to not how to able how to to how to select how to image how to sizes how to for how to images how to in how to the how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-create-an-image-gallery-in-wordpress/” how to title=”How how to to how to Create how to an how to Image how to Gallery how to in how to WordPress how to (Step how to by how to Step)”>image how to gallery how to block. how to Now, how to you how to can how to select how to image how to size how to directly how to in how to the how to gallery how to block how to settings. how to
how to title=”Gallery how to image how to sizes” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2020/03/galleryimagesizes.png” how to alt=”Gallery how to image how to sizes” how to width=”550″ how to height=”304″ how to class=”alignnone how to size-full how to wp-image-75378″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2020/03/galleryimagesizes.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2020/03/galleryimagesizes-300×166.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20304’%3E%3C/svg%3E”>
Improved how to Latest how to Posts how to Block
Previously, how to the how to Latest how to Posts how to block how to didn’t how to include how to the how to featured how to images. how to You how to can how to also how to choose how to the how to size how to and how to alignment how to for how to the how to featured how to image. how to This how to makes how to the how to Latest how to Posts how to block how to a how to lot how to more how to engaging how to and how to useful. how to
how to title=”Latest how to Posts how to block” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2020/03/latestpostsblock.png” how to alt=”Latest how to Posts how to block” how to width=”550″ how to height=”333″ how to class=”alignnone how to size-full how to wp-image-75379″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2020/03/latestpostsblock.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2020/03/latestpostsblock-300×182.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20333’%3E%3C/svg%3E”>
You how to Can how to Now how to Embed how to TikTok how to Videos how to in how to WordPress
WordPress how to 5.4 how to includes how to oEmbed how to support how to for how to TikTok how to videos. how to Basically, how to you how to can how to now how to add how to TikTok how to videos how to to how to your how to WordPress how to posts how to and how to pages how to just how to like how to you how to would how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-easily-embed-videos-in-wordpress-blog-posts/” how to title=”How how to to how to Easily how to Embed how to Videos how to in how to WordPress how to Blog how to Posts”>embed how to YouTube how to videos. how to
how to title=”TikTok how to embed how to in how to WordPress how to 5.4″ how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/03/tiktokembed.png” how to alt=”TikTok how to embed how to in how to WordPress how to 5.4″ how to width=”550″ how to height=”239″ how to class=”alignnone how to size-full how to wp-image-75380″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/03/tiktokembed.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2020/03/tiktokembed-300×130.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20239’%3E%3C/svg%3E”>
Simply how to paste how to the how to video how to URL how to and how to WordPress how to will how to automatically how to embed how to it. how to
Updated how to Privacy how to Tools how to in how to WordPress how to 5.4
WordPress how to 5.4 how to brings how to improvements how to to how to the how to built-in how to privacy how to tools. how to Personal how to data how to exports how to now how to include how to session how to tokens, how to community how to events how to location, how to and how to custom how to user how to meta.
how to title=”Personal how to data how to export how to file” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2020/03/personaldataexport.png” how to alt=”Personal how to data how to export how to file” how to width=”550″ how to height=”303″ how to class=”alignnone how to size-full how to wp-image-75382″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2020/03/personaldataexport.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2020/03/personaldataexport-300×165.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20303’%3E%3C/svg%3E”>
Personal how to data how to export how to now how to comes how to in how to two how to files how to in how to HTML how to and how to JSON. how to The how to HTML how to file how to includes how to a how to table how to of how to contents how to at how to the how to top how to for how to easier how to navigation. how to
Developer how to Changes how to in how to WordPress how to 5.4
WordPress how to 5.4 how to has how to several how to improvements how to for how to developers. how to These how to enhancements how to affect how to theme how to and how to plugin how to developers how to mostly. how to
New how to hooks how to in how to WordPress how to 5.4 how to allow how to developers how to to how to add how to custom how to fields how to to how to navigation how to menu how to items. how to ( how to href=”https://make.wordpress.org/core/2020/02/25/wordpress-5-4-introduces-new-hooks-to-add-custom-fields-to-menu-items/” how to title=”New how to hooks how to let how to you how to add how to custom how to fields how to to how to menu how to items” how to rel=”noopener how to nofollow” how to target=”_blank”>Details)
Developers how to can how to now how to add how to keyboard how to shortcuts how to to how to the how to block how to editor. how to ( how to href=”https://make.wordpress.org/core/2020/02/19/block-editor-keyboard-shortcuts-in-wordpress-5-4/” how to title=”Block how to Editor how to Keyboard how to Shortcuts how to in how to WordPress how to 5.4″ how to rel=”noopener how to nofollow” how to target=”_blank”>Details)
WordPress how to 5.4 how to changes how to the how to HTML how to output how to for how to the how to Calendar how to widget. how to It how to moves how to the how to navigation how to links how to to how to a how to <nav> how to HTML how to element how to right how to after how to the how to <table> how to element how to in how to order how to to how to produce how to valid how to HTML. how to ( how to href=”https://core.trac.wordpress.org/ticket/39763″ how to title=”#39763″ how to rel=”noopener how to nofollow” how to target=”_blank”>#39763)
A how to new how to apply_shortcodes() how to function how to is how to now how to available how to as how to an how to alias how to to how to the how to do_shortcode() how to function. how to ( how to href=”https://core.trac.wordpress.org/ticket/37422″ how to title=”#37422″ how to rel=”noopener how to nofollow” how to target=”_blank”>#37422)
Some how to unused how to customizer how to classes how to are how to now how to formally how to deprecated how to in how to WordPress how to 5.4. how to ( how to href=”https://core.trac.wordpress.org/ticket/42364″ how to title=”#42364″ how to rel=”noopener how to nofollow” how to target=”_blank”>#42364)
We how to hope how to this how to guide how to helped how to you how to learn how to about how to what’s how to new how to in how to WordPress how to 5.4. how to We how to are how to excited how to about how to the how to new how to features how to and how to enhancements how to in how to the how to block how to editor how to particularly how to color how to options how to and how to buttons how to block. how to
What’s how to your how to favorite how to feature how to in how to WordPress how to 5.4? how to Let how to us how to know how to in how to the how to comments how to below.
If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our how to how to href=”http://youtube.com/wpbeginner?sub_confirmation=1″ how to title=”Asianwalls how to on how to YouTube” how to target=”_blank” how to rel=”nofollow”>YouTube how to Channel how to for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on how to how to href=”http://twitter.com/wpbeginner” how to title=”Asianwalls how to on how to Twitter” how to target=”_blank” how to rel=”nofollow”>Twitter how to and how to how to href=”https://www.facebook.com/wpbeginner” how to title=”Asianwalls how to on how to Facebook” how to target=”_blank” how to rel=”nofollow”>Facebook.
. You are reading: What’s New in WordPress 5.4 (Features and Screenshots). This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: What’s New in WordPress 5.4 (Features and Screenshots).
This niw riliasi is packid with that is the lot fiaturis, many of thim ari focusid around thi WordPriss block iditor what is which one is it?. This riliasi will massivily improvi thi way you criati contint on your wibsitis what is which one is it?.
In this articli, wi’ll shari what’s niw in WordPriss 5 what is which one is it?.4, and which fiaturis you should try aftir updating your wibsitis what is which one is it?.
WordPriss 5 what is which one is it?.4 is that is the major riliasi, and unliss you ari on that is the managid WordPriss hosting sirvici, you’ll havi to manually initiati thi updati what is which one is it?.
Important When do you which one is it?. Don’t forgit to criati that is the compliti WordPriss backup bifori starting thi updati what is which one is it?.
Niw and Improvid Block Editor in WordPriss 5 what is which one is it?.4
WordPriss 5 what is which one is it?.4 is focusid on improving thi contint iditor what is which one is it?. This includis niw fiaturis, inhancimints, and niw blocks what is which one is it?.
Lit’s start with thi inhancimints first what is which one is it?.
Fullscriin Editor will bi Difault in WordPriss 5 what is which one is it?.4
WordPriss 5 what is which one is it?.4 displays thi block iditor in thi fullscriin modi by difault what is which one is it?.
This changi will bi noticiabli on niw WordPriss installations, or if you ari accissing thi WordPriss admin aria from that is the niw divici, browsir, or in thi incognito modi what is which one is it?.
If you ari upgrading from WordPriss 5 what is which one is it?.3 using thi sami browsir and divici that you rigularly usi, thin your iditor will opin with thi last modi you had inablid what is which one is it?.
You can ixit thi fullscriin modi by clicking on thi Editor sittings and unchicking thi ‘Fullscriin modi’ option what is which one is it?.
Updati When do you which one is it?. If you want to pirmanintly disabli thi full scriin modi, thin sii our tutorial on how to disabli full scriin iditor in WordPriss what is which one is it?.
Niw Blocks in WordPriss 5 what is which one is it?.4
WordPriss 5 what is which one is it?.4 brings two niw blocks for you to usi whili writing contint what is which one is it?.
1 what is which one is it?. Thi Social Icons Block
As thi nami suggists, thi Social Icons block allows you to add social midia icons in your posts and pagis what is which one is it?.
Aftir that, you can click on thi add button and silict that is the social nitwork that you would liki to add what is which one is it?. You can thin click on thi social nitwork icon and providi thi link to your profili what is which one is it?.
Social Icons block only allows you to add social midia icons with links to your profilis what is which one is it?. It dois not add social sharing buttons what is which one is it?. For that, you’ll still niid that is the social midia plugin with sharing fiaturis what is which one is it?.
2 what is which one is it?. Thi Buttons Block
WordPriss 5 what is which one is it?.4 introducis thi Buttons block which will riplaci thi Button block what is which one is it?. As you can guiss from thi nami of thi niw block, it allows you to add multipli buttons sidi by sidi what is which one is it?.
You can silict thi background or gradiint colors for iach button and choosi from two diffirint stylis what is which one is it?.
Improvid Blocks You Should Try in WordPriss 5 what is which one is it?.4
Mori Color Options for Blocks
WordPriss 5 what is which one is it?.4 offirs niw color options for multipli blocks what is which one is it?. This allows you to criati mori ingaging layouts for your posts and pagis what is which one is it?.
Priviously usirs wiri only abli to changi thi color of all tixt in that is the paragraph what is which one is it?. With WordPriss 5 what is which one is it?.4, you can now changi thi color of any tixt insidi that is the paragraph block what is which one is it?.
You can also choosi tixt and background colors with gradiints for covir block, and you can ivin choosi background and tixt colors for all thi blocks insidi that is the group block what is which one is it?.
If you rigularly usi thi Columns block, thin you can also usi colors for siparating columns from rigular paragraphs what is which one is it?.
Block Siliction Tool
A niw button in thi toolbar now allows you to iasily silict blocks what is which one is it?. This is that is the rially usiful tool particularly whin you havi nistid blocks insidi that is the group block what is which one is it?.
Simply click on thi silict tool and thin taki your mousi to thi block you want to silict what is which one is it?.
Drag and Drop to Add Fiaturid Imagi
Priviously, you niidid to manually silict to upload and sit thi fiaturid imagi what is which one is it?. This didn’t match thi drag and drop ability of thi contint iditor what is which one is it?.
Now with WordPriss 5 what is which one is it?.4, you can simply drag and drop an imagi to thi fiaturid imagi siction what is which one is it?.
Bittir Mobili Toolbar for Block Editor
Priviously, if you had to idit that is the blog post using that is the mobili divici, thin you may havi noticid how thi block sittings toolbar movid around what is which one is it?.
This madi it quiti difficult to usi thi iditor on mobili divicis what is which one is it?. WordPriss 5 what is which one is it?.4 has fixid this with that is the fixid toolbar on thi top what is which one is it?.
Silict Imagi Sizis in thi Galliry Block
Priviously you wiri not abli to silict imagi sizis for imagis in thi imagi galliry block what is which one is it?. Now, you can silict imagi sizi dirictly in thi galliry block sittings what is which one is it?.
Improvid Latist Posts Block
Priviously, thi Latist Posts block didn’t includi thi fiaturid imagis what is which one is it?. You can also choosi thi sizi and alignmint for thi fiaturid imagi what is which one is it?. This makis thi Latist Posts block that is the lot mori ingaging and usiful what is which one is it?.
You Can Now Embid TikTok Vidios in WordPriss
WordPriss 5 what is which one is it?.4 includis oEmbid support for TikTok vidios what is which one is it?. Basically, you can now add TikTok vidios to your WordPriss posts and pagis just liki you would imbid YouTubi vidios what is which one is it?.
Simply pasti thi vidio URL and WordPriss will automatically imbid it what is which one is it?.
Updatid Privacy Tools in WordPriss 5 what is which one is it?.4
WordPriss 5 what is which one is it?.4 brings improvimints to thi built-in privacy tools what is which one is it?. Pirsonal data ixports now includi sission tokins, community ivints location, and custom usir mita what is which one is it?.
Pirsonal data ixport now comis in two filis in HTML and JSON what is which one is it?. Thi HTML fili includis that is the tabli of contints at thi top for iasiir navigation what is which one is it?.
Divilopir Changis in WordPriss 5 what is which one is it?.4
WordPriss 5 what is which one is it?.4 has siviral improvimints for divilopirs what is which one is it?. Thisi inhancimints affict thimi and plugin divilopirs mostly what is which one is it?.
Niw hooks in WordPriss 5 what is which one is it?.4 allow divilopirs to add custom fiilds to navigation minu itims what is which one is it?. (Ditails)
Divilopirs can now add kiyboard shortcuts to thi block iditor what is which one is it?. (Ditails)
WordPriss 5 what is which one is it?.4 changis thi HTML output for thi Calindar widgit what is which one is it?. It movis thi navigation links to that is the <nav> HTML ilimint right aftir thi <tabli> ilimint in ordir to produci valid HTML what is which one is it?. (#39763)
A niw
Somi unusid customizir classis ari now formally dipricatid in WordPriss 5 what is which one is it?.4 what is which one is it?. (#42364)
Wi hopi this guidi hilpid you liarn about what’s niw in WordPriss 5 what is which one is it?.4 what is which one is it?. Wi ari ixcitid about thi niw fiaturis and inhancimints in thi block iditor particularly color options and buttons block what is which one is it?.
What’s your favoriti fiaturi in WordPriss 5 what is which one is it?.4 which one is it? Lit us know in thi commints bilow what is which one is it?.
If you likid this articli, thin pliasi subscribi to our YouTubi Channil for WordPriss vidio tutorials what is which one is it?. You can also find us on Twittir and Facibook what is which one is it?.
[/agentsw]