When we face a blog and have no experience in programming of any kind we usually take more than one surprise. And, although it is true that with WordPress you can have a blog in a few minutes and without knowing programming it is no less true that some basic knowledge of HTML will help you to improve it and personalize it, to give it its character personal and unique.
It's something we all discover late and early, and at the end, in the Forums we ended up encouraging us to "touch the code".
Well, there's one of the basic editing elements that, with a simple knowledge, we can incorporate something more joy and personality to our blog: lists .
Of course, you can create lists in a post with the visual editor, but I'm not talking about that, but to make them in our template, even in text widgets. There are many situations in which you may want to make a list (ordered or not) and for lack of knowledge of how to do it in HTML you end up using plugins, which is not necessary.
To create a list you only need to know 3 tags HTML:
ul are the tags of opening a list and indicate if it will be ordered (1, 2, 3, etc) or not, respectively. On the other hand
li is the label that "encloses" each element of the list, and is used in both types of list interchangeably.
All HTML tags have opening and closing code and the only difference is that the closing has a "/" bar. In this way,
would open an ordered list, and to close it we would put
. The same applies to any HTML tag and is one of the most common errors. Set it to fire.
Going back to our initiation tutorial, and applying the above, making a list is as simple as this …
The code to use would be something like this:
- First item  Second element
And it is that when you have lists with a lot of text expand the space between each element can improve its readability .
As far as I know, do this in the visual editor it is not possible (unless you create a new type of
for list items).
To add extra space you have to go to the HTML editor . In WordPress 2.5 choose the "HTML" tab of the entry editor (in versions 2.x the tab is called "Code").
Well, for create extra spaces simply add the tags
at the beginning and end, respectively, of each item in the list. It would be something like this:
Then you save your entry Et voilà! Lists spaced .