WordPress is one of the most used tools to create blogs and web pages. enables you to create content no need for programming knowledge. Despite this, it may be helpful to know how to use HTML code to modify the text, how to increase the indentation or make the text bold.
WordPress themes usually display all text left justified. Depending on the language it may be justified to the right. But if you want to make a change in your texts to differentiate them from the rest, you can add indents.
How can I customize the indented paragraphs using HTML code?
It is essential to explain before starting that the indentation can be modified from the Toolbox from WordPress displayed when editing a post or page. But it is a limited function because it does not allow to set the amount of space.
You only need basic knowledge in HTML to perform this action and you do it in a matter of minutes. With everything clear now we can begin.
- Log in in your WordPress account with your username and password.
- Add a New Entry or enter one already created that you want to modify.
- Write all the text of the entry.
- Change visual editor and place HTML to switch to HTML editing.
- Locate the text
In the code. Each
The tag represents the beginning of a paragraph in the text and the closing tag is
. - Modify the tag as follows:
.
20px value can be customized as you like. - If you want to add an indent to all paragraphs, you must place this same line.
This method is simple, but it can be cumbersome if you want to indent all paragraphs in all entries. For this case, it is better to edit the style sheet of the WordPress theme to do it by default for all texts.
Steps to indent using WordPress CSS code
To indent all text on the page, you must modify the theme, specifically the stylesheet. We will make use of the property text script to determine the separation (whitespace) between the border and the first line of the paragraph.
- Click on the Appearance option in the WordPress menu and then select the option Personalize.
- Choose the option additional CSS.
- Write the following: p.ParagraphStart {text indentation: 25px; }.
This indicates that the paragraphs (element p) they start with a 25px indentation. 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:
.
How can I customize paragraphs in WordPress using HTML?
From the text mode of WordPress posts, there are multiple configuration options that you must do in the content. You just need to know a little about HTML, which is considered a language of tag marking.
- Add bold: applications text labels to emphasize a piece of text. This tag can go inside a paragraph and the words are shown in bold.
- put it in italics: As simple as placing a text between these two labels.
- Using the Span tag: The The tag enables you to change the text of a particle within a paragraph. Can change the style, the color and even the size of the text. You just have to place the opening tag before the text and put the attributes
- Change the text size: change the font size within the opening paragraph tag.
Text
.
Knowing all HTML tags, not only can you modify the text to your liking, but you can also recognize each element and identify faults. When you become a power user, you can directly edit the appearance of WordPress and get an authentic page.
Alternative methods to add indents to WordPress
At the same time as the above, there are other methods to add indents to WordPress. They are generally implemented in the same application and sometimes go unnoticed.
Use the buttons in the visual editor
Indentation buttons have long been included some versions of WordPress, with these you can indent 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 choose a paragraph and then click on one of these buttons.
Use a manual text editor
Editing the paragraph using the programming language is another valid alternative, despite this, not the most popular if you decide to indent a lot of places in the text. To apply it, you must first select the chapter of code in document. This is generally called text and is next to visual. When entering you must find the text and copy the command paragraph (
Indentation for the first line only
When we talk about indentation in the first line, we refer to the indentation that we regularly use in text editors like Word. In these, just by pressing tab, leaves us an indentation space that covers only one line of text. Despite this, This is not the case in WordPress and to achieve it we will have to add a customization to the tools.
If we go to the appearance and then to customize the 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’ should be changed by the number of spaces or pixels we want our indentation to have.
