This will let you make changes to the theme without potentially losing them after an update. If you’re using a commercial or default WordPress theme, you’ll want to make sure you’re utilizing a child theme. Now, when you log into WordPress and go to the page/post editor, you should notice that some blocks (not all) have the new “Full” and “Wide” alignment options. This code will signify that you want to turn on full and wide-aligned blocks. Once you’ve added the code, upload the changed functions.php file back into your theme’s folder. Then, copy and paste the following PHP snippet: add_theme_support( 'align-wide' )

Download this file from your website if you haven’t already done so (it can be found in the /wp-content/themes/yourtheme/ folder – substituting “yourtheme” for the actual name of the folder).

The first step involves adding a single line of code to your active theme’s functions.php file. The following is a quick tutorial for adding wide alignment support to your WordPress theme and styling the blocks via CSS.Įxplore All Themes & Plugins Adding Theme Support However, there is one small caveat: Your theme must support full and wide-aligned blocks. Just about any content could be added here, which is part of the appeal. Or you might leverage the feature to build a can’t-miss call-to-action area. You could, for instance, introduce new page sections with a full-width cover block that overlays text on an image background. There are several possible uses for a full or wide-aligned block. This feature adds the potential for a Gutenberg block to break out from the default width of a theme’s content – something that was nearly impossible in the old Classic Editor. One of the more interesting developments in this area is the ability to add “full” or “wide” blocks to a page or post.

But it’s also opened up some new possibilities on the front end as well. The Gutenberg block editor for WordPress has changed how we create content within the CMS.

Show entire image width blocs app