The style of headings and paragraphs on a website are usually set by the web designer. We choose complimentary fonts, spacing and colours. This is coded into a stylesheet.
How do you, the website editor, create headings and paragraphs in WordPress, that follow that design?
In WordPress, each time a new heading or paragraph is added and tagged correctly, the design styles will be applied.
Why use headings and paragraphs?
The heading above this paragraph is a H2 heading tag.
Search engines decipher the page through tags that are created, such as heading or paragraphs.
Those (along with a few other tags) are how they know what is on a page and what is most important.
Of course, humans use heading too.
As they read down the page, it is easier to see sections that are split with headings. It is a way of organising the content on the page.
Articles should always start with a heading 1 – or a <h1> tag to HTML lovers.
The h1 must contain a good description of the page content using a key phrase chosen by the author – this is really important for search engine optimisation.
Then, there may be an introductory paragraph, letting the user know what the article will tell them.
After that a heading 2 (<h2> tag or heading 2) that describes the next few paragraphs of text.
That text might even then be divided using a heading 3 and sub-sectioned with a heading 4, depending on the content.
A h2 may then appear a few more times on the page, for other sections of text. Those, again, can be arranged by heading 3 and 4.
When updating WordPress it would be useful for you to know how to create headings. Read on.
How to set headings and paragraphs in WordPress
This post covers headings and paragraphs using the new WordPress block (Gutenberg) editor.
Go to a page or a post within WordPress.
As you type within the block editor, each time you hit return you create a new paragraph block.
When you click inside one of those blocks with your cursor, a toolbar appears.
On the left corner of the block, if it is a paragraph you’ll see the paragraph symbol. It looks like a backwards capital P with a double side.
Click that to reveal a more comprehensive menu, and choose HEADING.
Once clicked, the block will turn into a ‘heading 2’ automatically.
Hover over the block once more. You can see it is now a heading 2, as a H2 appears within the menu.
Click the H2 button to reveal more heading options, where you can choose ‘heading 3’ or ‘heading 4’.
To change a heading back to a paragraph, on the toolbar you’ll need to select the button on the left of the H2/H3 button, then hit ‘Paragraph’.