WordPress
Container Widths
For individual containers, the width can be setOpens in new tab in the Block Editor. This is based on three global settings that can be changed in the Site Editor or in theme.json. Additionally, each container can be customized individually.
No Width (Content Width)--wp--style--global--content-size
Wide Width--wp--style--global--wide-size
Full Width--wp--style--global--full-size
Columns
WordPress allows flexible content arrangements using columns. Uniform spacing is preconfigured. This can be changed in the Site Editor or in theme.json.
Spacing
Both fixed and variable spacing values are used. The variable spacing values are based on CSS clamp() and scale relative to the viewport width.
8px--wp--preset--spacing--1
16px--wp--preset--spacing--2
24px--wp--preset--spacing--3
32px--wp--preset--spacing--4
40px--wp--preset--spacing--5
8px – 16px--wp--preset--spacing--fluid-1
16px – 24px--wp--preset--spacing--fluid-2
24px – 32px--wp--preset--spacing--fluid-3
32px – 40px--wp--preset--spacing--fluid-4
40px – 64px--wp--preset--spacing--fluid-5
16px – 40px--wp--preset--spacing--fluid-6
Body text that should be broken up with additional subheadings or visual elements once it reaches a length of roughly 300 words. The text may include all common formatting options such as bold, italic, or strikethrough; links, lists, or highlighted sections are also possible. If the text is SEO-relevant, it should incorporate the page’s primary keyword in a natural and varied way—for example, through the use of synonyms. Meaningful internal and external links, as well as the use of the keyword in subheadings, are likewise recommended.