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 an H2 heading tag.
Search engines decipher the page through tags that are created, such as a heading or a paragraph.
Those (along with a few other tags) are how they know what is on a page and what is most important.
Of course, the reader of the article uses the headings 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.
How to use heading tags in WordPress
Articles should always start with a heading 1 – or a <h1> tag to HTML enthusiasts.
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.
An h2 may then appear more times down the page, depending on the length of the article. They highlight new sections of the text, each time.
The content within each h2 section should be kept to about 200 words – this is good practice to help both the search engine and human keep track of the article.
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’.