How wide and full alignments are interpreted by a theme depends on its design. The actual layout of these alignments is achieved using CSS targeting custom alignment classes.
- [Instructor] To be able to style these wide…and full alignments, we first need to know…what actually happens when they are applied to blocks.…Here we have two images, one that's align wide,…the other one is align full,…and if we jump to the front-end and inspect the markup here,…you'll see each of these images…is a figure element that has wp-block-image,…and then it says either alignwide or alignfull.…So these are just two classes that are applied.…This is exactly how WordPress has handled…alignments for a long time, so if you align things right,…it gets a class alignright,…alignleft, alignleft, and so on,…and so we're just extending this functionality…with two new classes that can be targeted using CSS.…
But this is where things get interesting.…In some cases, a theme will have…a one-column centered layout similar to 2019,…and making the wide and full alignments…is pretty straightforward,…you just split up the available width,…and then you align everything to the viewport.…However, in many cases, like the Simone theme…
Released
1/22/2019- Declaring support for default block styles
- Adding support and styles for wide alignment
- Supporting theme-specific colors and fonts
- Extending block styles
- Adding new style variations
Share this video
Embed this video
Video: Add styles for wide alignments