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:

  1. List item 1
  2. List item 2
  3. List item 3
An unordered list:
  • 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.



Join the Discussion
Write something…
Recent messages
bov5413 Premium
Who says you can't teach an old dog new tricks. I just learned a new trick for adding a custom menu to a WordPress site if I need to.
Thanks for the great info!
Reply
divazona Premium
Wow! That's great! I'm so happy you found it useful!
Reply
dossettaaron Premium
Great info!
Reply
divazona Premium
Thank you so much! I'm glad it helped!
Reply
rebeccas Premium
Well done, Regina. I am impressed with the clarity done in such a way than even a non-techie like me can understand and apply.

Thanks for creating this excellent tutorial.
Rebecca
Reply
divazona Premium
Thank you, Rebecca! I was hoping that it would be easy to follow for the non-techie folk. But you need to give yourself a lot more credit, my dear! You are doing just fine!
Reply
Hudson Premium
Good structure and content - well done,
Hudson.
Reply
divazona Premium
Thank you so much! As I was writing it, I was worried I was getting too technical with the HTML. I'm glad it looks clear.
Reply
bloveds Premium
This looks simple!. I did not know you could drag and drop anything other than media to upload either.
Reply
divazona Premium
Thanks! I was going for simple! I'm so glad you found it helpful and easy to follow!
Reply
Top