Posting Lists

Posted January 18th, 2007 by Mike Cherim

Sometimes your content will be a list of items. The three list types are pre-styled with this theme so all you have to do is choose which list best meets your needs, then add the mark-up. The three list types available are the unordered list, the ordered list, and the definition list. Two of these, the unordered and ordered list types, can be implement with the quick tags buttons located above the “Write Post” textarea. If you need more help with this, please visit the WordPress Codex to review the documentation.

To make this lists, use the following mark-up.

Unordered List

This list type is used for any listed items who ordering isn’t very important, or at least no numbered. Here’s what it looks like:

This is the first listed item
This is the second listed item
This is the third listed item
- This is the first sub-listed item
- This is the second sub-listed item

Here’s how the code is written:

 <ul>
   <li>This is the first listed item</li>
   <li>This is the second listed item</li>
   <li>This is the third listed item
       <ul>
         <li>This is the first sub-listed item</li>
         <li>This is the second sub-listed item</li>
       </ul>
   </li>
 </ul>

Ordered List

Use this if you need the list items to be numbered. Here’s what it looks like:

This is the first listed item
This is the second listed item
This is the third listed item
1. This is the first sub-listed item
2. This is the second sub-listed item

Here’s how the code is written:

 <ol>
   <li>This is the first listed item</li>
   <li>This is the second listed item</li>
   <li>This is the third listed item
       <ol>
         <li>This is the first sub-listed item</li>
         <li>This is the second sub-listed item</li>
       </ol>
   </li>
 </ol>

Definition List

This is what you’d use if you were adding an FAQ or glossary, for example. Here’s what it looks like:

First Term to be Defined:: And this is the full definition of the first term to be defined, above.
Second Term to be Defined:: And this is the full definition of the second term to be defined, above.
Third Term to be Defined:: And this is the full definition of the third term to be defined, above.

 <dl>
   <dt>First Term to be Defined:</dt>
     <dd>And this is the full definition of the first term to be defined, above.</dd>
   <dt>Second Term to be Defined:</dt>
     <dd>And this is the full definition of the second term to be defined, above.</dd>
   <dt>Third Term to be Defined:</dt>
     <dd>And this is the full definition of the third term to be defined, above.</dd>
 </dl>

Here’s how the code is written:

Combining List Types

There may be reason to combine lists types. It’s all perfectly legal as you can put anything with a list. And example might be a to-do list, as follows:

Go to the store after work.
Buy some groceries:
- Milk
- Eggs
- Butter
Cook Dinner and eat.
Go to bed early.

In this example there is a defined order of what needs to get done, but the ordering of the grocery items, even though they’re listed, need not be in a particular order. Here’s how the code is written:

 <ol>
   <li>Go to the store after work.</li>
   <li>Buy some groceries:
       <ul>
         <li>Milk</li>
         <li>Eggs</li>
         <li>Butter</li>
       </ul>
   </li>
   <li>Cook Dinner and eat.</li>
   <li>Go to bed early.</li>
 </ol>

That’s it. Have fun. Make some lists now.

Filed under Theme Usage —

Sorry. Comments are closed.