Create Drop-Down Menu – WordPress
How to Start in an Online Business
Phase 3 – Step 3
You can view all of my Posts by clicking on the following Link: HelpMeGetMine.com
In order to properly display the content that you will create for your website, you will need to learn How to Create Menus, Widgets, & Drop-Downs, and then, point your content to the appropriate area(s) where you would like it to be displayed and found. In this post: Create Drop-Down Menu – WordPress, I will show you how to accomplish that and more.
Certain Content is better displayed in a Top Menu, while others are more appropriately displayed in a Footer area or a Side-Bar Widget Category area. In this Post, I will show you how to create both Menus and Widgets, each with Drop-Downs, and which pages and posts should get displayed in each of the areas, as well as exactly how to accomplish everything related to this.
If you are just beginning your Online Affiliate Marketing Business adventure, you may not know exactly what a Blog is, or the difference between a page and a post. That’s OK. I will clarify that for you now.
- A Blog can be a frequently updated online personal journal or diary or a place to express yourself to the world, sharing your thoughts and passions about a particular topic. Really, it’s anything you want it to be. For our purposes, we will say that a Blog is your own website, formed around a particular Niche, that you are going to update on an ongoing and regular basis.
- Posts typically appear in a Blog. They are written on a regular schedule and one of their key purposes is to keep your site fresh with new content.
- Widgets are tiny blocks of specific functionality that you can place in your Side-Bar area.
Creating a Top Menu
*** The following Training coincides with the Wealthy Affiliate Certification Training (green tab on the left after you log in): Level 1 – Lesson 8. You can view that Training HERE
A Top Menu is usually used to display some of your pages, not usually, your posts. These will be pages, like: ‘Home’, ‘About Me’, ‘Contact Me’, etc. You will begin by creating a Top Menu as follows:
- In your WordPress Dashboard, Hover over ‘Appearance’, then, click on: ‘Menus’.
- Click on: ‘create a new menu’ Link.
- Name your Menu in the Name Menu window. You can name it: ‘Top Menu 1’ or whatever you like.
- Tick the Box next to: ‘Display Location’ ‘Main Header Menu’.
- Next, you need to Tick the Box next to your ‘About Me’ page (under Pages on left). Then, click on the: ‘Add to Menu’ button underneath. This page will now be added to your Menu Structure (on right). Once you add additional pages to this Menu, you will be able to organize the way that they are displayed by using ‘Drag & Drop’ to move them around.
- For now, click on: ‘Save Menu’ button (lower right). This Menu has been Saved. You can view how it appears on your site, by clicking on your site name (top left). You may need to refresh your page.
- The other pages that you created will be displayed elsewhere (below).
Creating a Footer Menu
Some Themes have the ability to create a Footer Menu. If your Theme does not, you may want to consider choosing one that does. To change your Theme, see my Post: What is a WordPress Theme and How to Choose the Right One – Phase 1 – Steps 6, 7, & 8.
Create your Footer Menu as follows:
- Click on: ‘create a new menu’ Link.
- Name your Menu in the Name Menu window. You can name it: ‘Footer Menu’.
- Then, click on the: ‘Add to Menu’ button underneath. You can ‘Drag & Drop’ to move them around if you need to rearrange them.
- Click on: ‘Save Menu’ button (lower right). This Menu has been Saved. Click on your site name and scroll to the bottom of your Home Page to view this Menu.
- Then, perform the following task:
- Click on: ‘Widgets’ in your Dashboard.
- Drag & Drop ‘Custom Menu’ Widget to the Footer Widget Area on the right (choose: left, middle, or right option, if available).
- Key in the ‘Title’ of the Menu in the window (Footer Menu).
- Select the Menu to be displayed in this area.
- Under the ‘Sidebar’ Column, the area that you have chosen should be Ticked, and under the ‘Position’ Column, number 1 should be there.
- Now, click on the ‘Save Widget’ button.
- Refresh the page and click on your website name (upper left) to view.
Creating a Side-Bar Widget Area
Some Themes have the ability to create a Side-Bar Widget area. If your Theme does not, you may want to consider choosing one that does. Create your Side-Bar Widget area as follows:
- In your WordPress Dashboard, Hover over ‘Appearance’, then, click on: ‘Widgets’. You will see a list of available Widgets on the left, and your Right Side-Bar area on the right (The Right Side-Bar area is how things will be displayed on your site.).
- Use ‘Drag & Drop’ to move any of the needed Widgets on the left to your Right Side-Bar area on the right. You can also use ‘Drag & Drop’ to rearrange these in any order that you see fit (Make sure that you only have the ones that you want there. You can Delete any that you do not want by clicking on the arrow button to the right, and click on: Delete (lower left).
- You can also further customize each Widget by viewing the options available when clicking on each one’s arrow button.
- I recommend adding the: ‘Simple Link List’ Widget for your Affiliate Disclosure. Perform the following steps:
- First, point to ‘Pages’, the click on: ‘All Pages’. Next, point to your Affiliate Disclosure Page, and click on: ‘Edit’. Then, Copy the ‘Permalink’ at the top of that page.
- Now, point to ‘Appearance’, then click on: Widgets.
- Drag & Drop the ‘Simple Link List’ Widget from your list of Widgets on the left, over to your Right Side-Bar area, and place it to be the last Widget in your list.
- Click on the arrow (on the right of the Widget), and in the ‘Title’ window, Key in: Affiliate Disclosure.
- Click on the arrow on the right of the number 1. window, and Key in: Affiliate Disclosure in the ‘Text’ window.
- Now, Paste the Link that you Copied into the ‘Link’ window.
- Tick the Box next to: ‘Open in new window’. Then, click on the: Save button. Your Affiliate Disclosure will be able to be accessed when someone clicks on that Link. Try it.
Your other Widget area changes are automatically Saved.
Create Categories, Sub-Categories & Drop-Downs
Although you have not created any posts yet, you may already have some ideas for creating some, as well as the Categories that they may be put in. If this is the case for you, you can create some of these Categories and Sub-Categories at this time. If not, you can perform this step at the appropriate time. Keep in mind, that although you are creating your Category structure now, these Categories will usually not appear on your site until they actually contain a post within them. Create your Categories as follows:
- In your Dashboard, point to Posts and then click on: Categories.
- Key in name of your first Category in the ‘Name’ window under ‘Add New Category’ (on left).
- The Slug window will automatically populate once the Category has been added.
- If this is a Main Category, in the ‘Parent Category’ window, leave ‘None’ displayed.
- Once a ‘Parent Category’ has been created, you can create Sub-Categories under it, by clicking on the arrow (right side of window) and choosing the appropriate Parent (You can also create Sub-Categories under Sub-Categories by selecting the appropriate Sub-Category as the Parent.
- You can Key in a Description for your Category if you want to (not mandatory), and then click on the: ‘Add New Category’ button. Your Category will be added to the list on the right. Your Main Categories will be arranged in alphabetical order, with Sub-Categories being arranged alphabetically below them, and showing a dash before their name to indicate that they are a Sub-Category.
- You can use a Plugin to organize your Categories in a different order if you want. The Plugin that you should use is the: Order Categories Plugin. It will also allow you to rearrange Sub-Categories.
Create a ‘Contact Me’ Page & Add it to Your Top Menu
When you have completed all of the steps in this section, go back to the ‘SiteContent’ platform and create a ‘Contact Me’ page and add it to both your Top Menu and Footer Menu (A page can appear in more than one Menu, if you so desire.). This page is important, since it will allow your visitors to easily contact you if they have any questions. Make sure that you use your new Domain Specific Email Address, and respond to questions and/or comments promptly.
Excellent Job! You are Well on Your Way!
Please leave a Comment in the Comments section below and let me know how you are progressing.
See my next Post: How to Join Wealthy Affiliate – Phase 3 – Step 4