A menu on your website is simply an unordered LIST. An ordered list is a numbered list, an unordered list has no numbers. Like so:
An ordered list:
- List item 1
- List item 2
- List item 3
- List item 1
- List item 2
- List item 3
Each list item in your website menu (Home, About Us, Privacy Policy) are linked to a page, post, category, etc. So in order to create a custom menu, all you need to do is create an unordered list where each list item links to a page, post, category, etc. And we can do that with HTML.
HTML means "Hypertext Markup Language" and it is the language that is used to create webpages. Even though you don't see it, every page on your Wordpress site is created with HTML code.
Don't worry! I am not going to be giving you a long and complicated tutorial on the intricacies of HTML. It can get quite complicated.
This is what the HTML looks like for the unordered list above (the text in italics is an explanation of the code means:
<ul> This tells us that an unordered list will start
<li>List item 1</li> This shows us the first list item is on it's own line
<li>List item 2</li> This is the second list item
<li>List item 3</li> This is the third list item
</ul> This tells us that the unordered list is complete
The only thing that is missing is the little bit of code that creates the link from the list item to the page or post you want it to point to. The code we use (which I have underlined) for that looks something like this:
<li><a href="http://mytestingwebsite.siterubix.com/my-new-post">List item1</a></li>
The code above tells us that "List item 1" will direct you to the post URL address "mytestingwebsite.siterubix.com/my-new-post" when someone clicks on it.
OK, enough complicated stuff. This was for informational purposes only so you understand a little bit about what you are going to see on the next page. What I am going to show you on the next page is some HTML that you can simply add your post URL's to, copy and paste into your Wordpress widget area.