Adding Menus and Widgets #WordPress

Posted August 27, 2016 by Kayla in Blog Series, Wordpress / 0 Comments

Tags: ,

Adding-Menus-Widgets

Let’s talk about Menus and Widgets. They’re pretty straight forward.

Menus

You can create new menus via Appearance > Menus.

This section has two tabs. One to “Edit Menus” and the other to “Manage Locations”. The first one allows you to edit existing menus by choosing from a list of menus you already have and clicking “Select”. Or you can click “create a new menu”, to create a new one.

Menus-Edit_Menu

Your theme may come with various menu locations such as Header, Second Menu or Footer Menu. You can then create a unique menu for each location.

Your menu items can be any page you have created on your site, any post from your site, any category you have, or a custom link. Custom Links are great to create a menu option to any external site. For example, the “Review Blog” link on my menu is an external link to my review blog, The Review Court. But you can even use it to link to a section in your own site, where there’s not an available option.

For example, I have added one for my Series. These series articles may be split between different categories or a sub set of a category. However, each series gets their own permalink, which is what I use to feature it under “Series”. You can use this option to add a tag archive to a menu. The easy way to do this is, when you look at your article and see the tag list, click on the tag you’d want to feature. This will take you to the archive page for that tag. You can then copy and paste that link in the custom link option.

You can even assign classes to your menu items to control their appearance via CSS.

If this is your main menu and you’d like to add all your pages you can choose to automatically add new pages you create so you don’t have to remember to do that, but I don’t use this feature since I like to keep my menu down to a small size.

You can choose a location at the bottom of this page and save your menu.

If you just want to switch the location of a menu based on available theme locations, you can go to “Manage Locations” tab and make the change there.

Menus-Manage_LocationsYou can also create a menu to be added to the sidebar or footer widget areas. Just create it and leave it unassigned. Give it a name like Sidebar Menu so you can know what it’s for.

Widgets

There’s so much you can do in widgets. WordPress brings some built in widgets like text, search and tag cloud, to name a few. But you could get more widgets with your theme, a plugin, or you can even create one yourself using HTML and CSS, even JavaScript.

To create or edit widgets go to Appearance > Widgets

Widgets

Depending on your theme, you will have predefined widget locations such as, pages, sidebar [left or right], footer, etc.

When you click on an available widget it will give you the option to choose where you want to add it. You can then fill out the information needed and click save. And that’s it. It’s super easy to add.

To add a menu you created in the previous section, you can choose the “Custom Menu” widget and select the menu you created.

For custom HTML widgets, use the Text widget. You can add plain text or HTML with classes and control the look via CSS.

Some websites allow you to add a JavaScript widget that you create on their site and just copy and paste the code in the text widget. An example of this is the Goodreads widget I have on The Review Court. They let me set it up on their site to pull a list of my books from a certain shelf. Then it automatically updates as I read new books and finish others.

If you want to move a widget, from one predefined location to the next you can just drag it over to that location. If you’d like to remove a widget but not delete it, you could drag it to the inactive widgets area to save the settings.

So you see; it’s super easy to create and edit menus and widgets.

Do you want posts like this directly in your inbox? Join my mailing list.

Leave a Reply