Have you ever had a problem with the WordPress editor, removing line breaks after paragraphs? If yes, read this post to learn how to solve this problem.
WordPress’s built-in editor is now quite good as of WordPress version 3.91. But, it still does something wrong at times.
Removing line breaks after paragraphs is one problem that happens at times. It started happening while I was composing another post a little while ago.
Here’s are some screenshots of what you want it to look like, and how it looks like after you save your draft:
The solution is simple, but you have to leave the visual editor and use the WordPress text editor, by clicking the tab next to Visual. This is how your draft will look like (see below image). Not pretty, just plain text without any fonts. But, here you can add HTML to this text, to solve our line break problem.
First, just put normal line breaks after the paragraphs, as you want them.
Now, after each paragraph, on the empty lines, type </br />. This is the HTML line break and instructs the text editor to add a line break wherever the tag occurs. This is how your WordPress text editor will look after adding the <br /> tags.
After you’ve put all the line breaks, click the Save Draft button. Now you can click the Preview Post link to preview your draft. Now, you can see proper line breaks after each paragraph as seen below:
This is how you can solve the line break problem of WordPress’s Visual editor. You can go back to the visual editor, but after saving your draft, if you notice this problem again, you can repeat this procedure to add line breaks properly.
You can also use the paragraph tag to have proper paragraphs, but for that you have to use two tags – <p> and </p> for each paragraph. You add a <p> at the start of the paragraph and a </p> at the end of the paragraph.
Have you seen this problem when writing WordPress posts? How did you solve it and what steps did you take? Let me know in the comments below.
Featured Image Credit: Darwin Bell (via Flickr)