Skip navigation

WordPress School: Paragraphs and Line Breaks

Badge - Learn WordPress with Lorelle VanFossen at WordPress School.The previous assignment in Lorelle’s WordPress School covered the visual and text editors in WordPress. In this assignment, I’d like to focus on making paragraphs within both editors.

A paragraph in HTML is a container holding contextual content, the written word. The HTML of a paragraph opens and closes with the paragraph tag.

<p>This is a sample paragraph.</p>

If we were writing exclusively in HTML, every paragraph would have to have that tag wrapped around it.

In the WordPress Theme, specifically the stylesheet, the paragraph is styled to feature whitespace between the words and the paragraph above and below as well as within the paragraph itself, adding spacing between the paragraph and what is in it such as images.

One of the HTML tags you should be familiar with but not use is the paragraph tag. WordPress does the work for you.

In the Visual Editor, use one ENTER/RETURN between paragraphs.

In the Text Editor, use two ENTER/RETURNs between paragraphs.

WordPress automatically detects these spacings and wraps the paragraph HTML tag around the content.

Line Breaks

A line break is a single space between lines, not a paragraph space.

Line breaks are used for addresses and writing and publishing poetry, and sometimes recipes.

To be or not to be
That is the question
Wonder what the answer is?

To make a line break in WordPress:

  • In the Visual Editor, press SHIFT+ENTER
  • In the Text Editor, press ENTER once

WordPress will automatically add the correct tags and spacing.

Pasted Content

Writing Tool Environment

Lorelle WordPress School Tips and Techniques Badge.In time you will find your writing tool environment, a system that meets your needs for writing web content.

As a professional blogger, I use a combination of NoteTab Pro and Scrivener. I switch back and forth between the two, never using a word processor any more, for developing all my web writing work.

Scrivener helps me organize article series and editorial content over a long time period as well as convert this content into ebooks.

NoteTab Pro holds my idea list, all my drafts, and helps me write everything in basic HTML, which you will learn soon. I use its unique Paste Board feature constantly, and its powerful scripts and substitution features to reduce keystrokes and speed up the process.

Come join us in the WordPress School Google+ Community where we are talking about the tools we use to compose and edit our content for the web.

When you paste from a word processor, another web page, or text editor, the line spacing may be messed up. Most of the time, using the paste from Word or as text feature, the paragraph spacing is preserved, but not always. Such pasted content needs editing tor restore the proper paragraph or line break spacing.

Pasting into the text editor usually makes this process easier than the visual editor. If you can’t tell, always Save as Draft and preview the post before publishing.

If you choose to compose your post and Page content in a word processor or text editor, the program maybe set up to make the transition easier.

Text Editor: There are some sophisticated and affordable text editors available with spell check and basic writing tools, and I highly recommend composing and pre-production editing in one to make the process of copying and pasting the content into a post or Page easier.

Simply put two ENTERs between each paragraph, copy and paste into the Text Editor, or the Visual if you feel brave and there is no HTML tags in the content.

Word Processor: Most word processors like Word or WordPerfect are designed to automatically style a paragraph for spacing, making it appear like you have hit the ENTER key twice. Change your document template settings for writing your web content to allow for no spacing after a paragraph to remind yourself to hit ENTER twice.

You may copy and paste into the Visual Editor using the Paste as Text/Word feature or paste directly into the Text Editor. If there are HTML tags in the content, you must use the Text Editor.

For more information on paragraphs and line breaks in WordPress:

Assignment

Lorelle's WordPress School Assignment Badge.Your assignment today is fairly simple. Experiment with paragraphs, line breaks, and switching between the Text and Visual Editors.

If you wish, publish a poem or recipe. Write something simple and experiment with the line breaks.

Write something in a word processing program and experiment with pasting it into the visual and text editors.

Report on your results and experiences.

This is a tutorial from Lorelle’s WordPress School. For more information, and to join this free, year-long, online WordPress School, see:

Subscribe to Lorelle on WordPress. Feed on Lorelle on WordPress Follow on Twitter. Give and Donate to Lorelle VanFossen of Lorelle on WordPress.


2 Comments

  1. Posted February 26, 2015 at 4:27 pm | Permalink

    Lorelle – a tip for your readers. It used to be impossible to create multi-line breaks in the WordPress editor, don’t know for sure if that’s improved. At any rate, after much searching I discovered that you can do it by entering:

    <code> </code>

    A dumb workaround – but whatever gets you there.

    • Posted February 27, 2015 at 4:04 pm | Permalink

      Actually, that isn’t what you ever want to do. The <code> creates code visually such as this sentence reducing the words to the Courier font. While it might help you create line breaks, it is not the way to do it as it has a special usage for publishing code such as <code>this is code</code> in your posts and Pages.


3 Trackbacks/Pingbacks

  1. […] WordPress School: Paragraphs and Line Breaks […]

  2. […] you look, you will see HTML paragraph tags around every paragraph. Remember the earlier tutorial on how to make line breaks, a single ENTER in the Text Editor and CTRL/CMD+ENTER in the Visual Editor for addresses and […]

  3. […] WordPress School: Paragraphs and Line Breaks […]

Post a Comment

%d bloggers like this: