One of the most critical components of writing content is formatting. Indenting your paragraphs can improve the reading experience. It also makes it easier to spot the beginnings of new topics. Therefore, it is usual to emphasize indenting new paragraphs to make them evident to readers.

Depending on the style and layout of your website, paragraph indentation can improve the reading experience by shortening the rows and adding aesthetic value. You can also use indentation to emphasize specific paragraphs instead of changing the font size or color of the content.

Of course, each website is unique, and you may not notice much, if any, indenting. However, indent Paragraphs in WordPress are a breeze. Because the tools are built within the platform, you won’t need any other plugins, but plugins improve the existing tools. We’ll discuss how to indent paragraphs in WordPress in this article.

Also Read :- How to Choose the Best WordPress Hosting in 2022

Why Does Indenting Help Readers?

In writing, indenting has one purpose. Its purpose is to establish a break between it and the paragraph before it. Of course, indents aren’t required in every paragraph. It all relies on the writing style employed, and there are various styles to choose from. It is critical to select the best style for your website.

The most critical aspect of indenting is maintaining uniformity across your entire website. If you opt to indent only the opening paragraph, be sure you do so for all your content. If you use a different method, make sure you apply it to each piece of content. It is important to maintain consistency in the way content is written.

This is true for all sorts of formatting. For example, you may choose to use single or double line spacing, and if you do, be consistent.

How To Indent Paragraphs In WordPress?

For Gutenberg

It’s a little odd that the paragraph block in Gutenberg doesn’t have indent by default. But, a workaround involves not using a paragraph block for text and instead of using the traditional block.

Click the [ + ] symbol and select the classic block from the menu to add a classic block to your WP article.

Image Shows Indent Paragraphs In Wordpress

The placeholder text – Lorem Ipsum – has been added to the block. Here’s how it appears in the preview:

Image Shows Preview Of Indent Of The Paragraph

Above the content, the classic block now features some text formatting controls. Use the increase/reduce indent buttons in the toolbar’s bottom row to increase and decrease indent. The indent has been increased twice.

Image Shows Increase Indent Button In Red Border

This is how your text will appear in a blog post.

Image Shows Blog Post With Indentation

The classic block now functions differently than the paragraph block. Because the Enter keyboard shortcut does not result in creating a new block, it only inserts a new row into your text. You can format a long text as a single Gutenberg classic block with the same indentation this way.

Image Shows Same Indentation

Also Read: How to Move GoDaddy Website Builder to WordPress

For WordPress Classic Editor

Fortunately, the Classic editor provides a built-in option for paragraph indentation. In reality, Gutenberg’s classic block imitates the classic editor. The indent controls are located in the toolbar above the text.

Image Shows Increase Indent With Red Border In Classic Editor

 

After three instances of indent increase, the text looks like this.

Image Shows Paragraph With Indentation

And this is how your visitors will see your post: it will seem just like a Gutenberg classic block.

Image Shows Post With Indentation

Also Read :- Top 29 Best WordPress Block Plugins for Gutenberg (2022)

Use HTML Tags to Indent Paragraphs

The increase WordPress indent command will increase the indent of your paragraph by a specified amount. Of course, in the classic editor’s text mode, you can do the same thing with HTML tags. But you can also do more: you can html indent paragraph by as many pixels you wish.

In-text mode, we’ll start with three paragraphs. Padding-left is the paragraph styling function you’re looking for. To set the indent for a paragraph use the HTML tag: <p style=”padding-left: XXXpx;”>, replacing the placeholder XXX with the number of pixels. Of course, you’ll have to close the tag by terminating the paragraph with: </p>.

Image Shows Html Tags For Paragraph Indentation

This cascading effect will be apparent in your text as well.

Image Shows Post With Indentation

You can now format gutenberg’s traditional block in the same way. To edit as HTML, go to the block settings () and select Edit as HTML.

Image Shows Edit As Html Button Within The Red Border

You can now add your styling parameter to the paragraph tag. We used a 60 pixel indentation (style=”padding-left: 60px;”) for our indentation.

Image Shows Paragraph With Custom Indentation Using Inline Css

And your paragraph will now be indented according to your preferences.

Image Shows Blog Post With Indentation

Indent Only the first line of a paragraph

Web pages do not follow the standard paragraph spacing used by word processors or typesetting. Instead, it indents only the first line of the paragraph. When you indent a paragraph in WordPress, the spacing is added to the entire paragraph.

Image Shows The Spacing Is Added To The Entire Paragraph

Some websites, such as news sites, magazine websites, or literary journals, may use a more traditional paragraph spacing. In that scenario, you’ll need to change your theme’s CSS.

To access the WordPress theme customizer, go to Appearance » Customize. Now select the ‘Additional CSS’ option.

Image Shows Appearance » Customize Button

This will display a text box in the left pane to enter your custom CSS. You must include this CSS code in the box.

p.custom-indent {
Text-indent:60px;
}

This CSS code tells browsers that if a paragraph contains the .custom-indent class, the text-indent should be 60px.

You can now use the text editor to edit a post in WordPress. Next, enclose your paragraph in p class=”custom-indent”> and /p> tags, like shown:

<p class="custom-indent">
Your paragraph text should go here...</p>

When you’re finished, preview your post to see that only the first line of the paragraph has spacing before it.

Image Shows Only The First Line Of The Paragraph Has Indentation

If you only want to indent a few paragraphs, this method works well. But, if you want to apply this look to all paragraphs on your site, alter the custom CSS as follows:

article p {
Text-indent:60px;
}

This CSS rule will indent the first line of every paragraph within a WordPress post or page.

Read More: Easy Guide to add Best Typography in WordPress with Typekit

Upgrade Default Text Editor with TinyMCE

TinyMCE Advanced is a fantastic plugin. You should install it on your website for a variety of reasons. It can help you create a WordPress editor like Microsoft Word, Google Docs, or other popular word processing software.

It also assists you in providing high-quality content to your viewers. It will also help in inserting indents into your writing. Finally, this plugin can help if you’ve ever found the default toolbar inadequate.

Conclusion

When it comes to writing amazing content, WP provides you with all the tools you’ll need. It doesn’t matter if your content is blogs, tutorials, or FAQs; they’re all formatted differently. When developing written content, organizing it and consistency are essential. This becomes even more difficult when you have many authors working for you.

Paragraph indentation is easy to put in place on your website, whether you want to indent entire paragraphs or only the first line for a more traditional look. So why not give this type of text formatting and paragraph styling a try?

On average, how many paragraphs do you indent? Do you follow the same indenting standards for each text type? Which indentation approach do you prefer? Remember to remain consistent, and your viewers will see your content as more organized.

We hope you found this post helpful in learning how to indent paragraphs in WordPress.

LEAVE A REPLY

Please enter your comment!
Please enter your name here