WordPress being one of the most used tools to create blogs and web pages allows you to create content without the need for programming knowledge. However, knowing how to use HTML code to modify the text such as increasing the indentation or making the text bold can be helpful.
WordPress themes generally display all left justified text . Depending on the language it may be justified to the right. But if you want to make a change to your texts to make them different from the rest, you can add indents.
How to Apply and Increase Indentation in WordPress HTML Code
Index( )
- How to go about customizing indented paragraphs using HTML code?
- Steps to indent using WordPress CSS code
- How can I customize the paragraphs in WordPress using HTML?
- Alternative methods to add indents to WordPress
- Use the buttons in the visual editor
- Use a manual text editor
- Indentation for the first line only
How to go about customizing indented paragraphs using HTML code?
It is important to clarify before starting you can modify the indentation from the toolbox of WordPress shown the edit an entry or page. But it is a limited function because it does not allow to define the amount of space.
You only require basic knowledge of HTML to perform this action and you do it in a matter of minutes. With everything clear now we can begin.
- Login to your WordPress account with your username and password.
- Add a new entryor enter an already created one that you want to modify.
- Write all the text of the entry.
- Change the visual editor and place HTMLto switch to HTML editing.
- Place the <p>text in your code. Each <p> tag represents the beginning of a paragraph in the text and the closing tag is </ p>.
- Modify the tag as follows: <p style = “padding-left: 20px;”>. The value of 20px can be customized to your liking.
- If you want to add an indentation to all the paragraphs you have to place this same line.
This method is straightforward, but it can be cumbersome if you want to indent all paragraphs in all entries. In that case, it is best to directly edit the style sheet of the WordPress theme so that it does so by default for all texts.
Steps to indent using WordPress CSS code
To add indentation to all the texts on the page, you have to modify the theme, specifically the style sheet. We will use the text-indent property to set the separation (the white space) between the border and the first line of the paragraph.
- Click on the Appearance optionin the WordPress menu and then select the Custom option .
- Choose the additional CSSoption .
- Type the following: ParagraphStart {text-indent: 25px; }.
This indicates that the paragraphs (element p) begin with an indentation of 25px. It works as long as the StartParagraph attribute is included in the page to edit.
If you want to apply this style to a specific paragraph, just do the assignment at the beginning of the paragraph in the HTML code as follows: <p class = “StartParagraph”> .
How can I customize the paragraphs in WordPress using HTML?
From the text mode of the WordPress posts, there are multiple configuration options that you have to do in the content. You just need to know a little HTML, which is considered a more language markup tags .
- Add bold: use <strong> text </strong> tags to emphasize a piece of text. This tag can go inside a paragraph and the words are shown in bold.
- Place italics: As simple as placing a text between these two <em> </em> tags.
- Using the Span tag: The <span> tag allows you to change a particle text within a paragraph. You can change the style, color and even the size of the text. You just have to place the opening tag before the text and put the attributes <span style = “color: blue;”>
- Change text size: change the font size within the opening tag of the paragraph. <p style = “font-size: 14px;”> Text </p>.
Knowing all the HTML tags, you will not only be able to modify the text as you wish, but you will also be able to recognize each element and identify faults. When you become an advanced user you can directly edit the appearance of WordPress and get an authentic page.
Alternative methods to add indents to WordPress
In addition to the above, there are other methods to add indentations to WordPress . These are generally implemented in the same application and sometimes go unnoticed.
Use the buttons in the visual editor
The indentation buttons have been included for some versions of WordPress, with these you will be able to assign indents to one or more paragraphs at the same time. Its symbol is that of a paragraph with an arrow looking to the left and another to the right. To use them we will simply have to select a paragraph and then click on one of these buttons.
Use a manual text editor
Editing the paragraph through the programming language is another valid option, however it is not the most popular if you decide to indent many places in the text. To apply it, you will first have to choose the code section in the document . This is usually called text, and it’s next to visual. Upon entering you will have to find the text and copy the command paragraph (<p) at the beginning and end of the text. In this way you can add an indentation, additionally you can add a style and the number of spaces.
Indentation for the first line only
When we talk about indentation in the first line, we mean the indentation that we normally use in text editors like Word. In these, just by pressing the tab, we are left an indented space that covers only one line of text. However, this is not the case in WordPress and to achieve this we will have to add a customization to the tools.
If we go to appearance and then to customize appearance, we can add a personal CSS rule . In this we will have to write the code p.custom.ident {indent-text}: Npx; } It should be noted that the ‘N’ must be changed by the number of spaces or pixels that we want our indentation to have.
