Creating menus

Creating Your First Custom Navigation Menu

You can create menus in WordPress by visiting Appearance » Menus in your WordPress admin area.

This will bring you to the Edit Menus screen which is divided into two columns. The column on your left has your pages, categories, and custom links tab. The column on the right is where you add and adjust menu items.

Creating menus in WordPress

Let’s create your first custom navigation menu.

Provide a name for your menu, e.g. ‘My First Menu’ and then click on the create menu button. This will expand the menu area, and it will look like this:

Newly created empty custom navigation menu in WordPress

As you can see in the screenshot, our demo site has three theme locations labeled primary, secondary, and social. The location names and placements vary from theme to theme.

Next, you need to select the pages you want to add to the menu. You can do this by selecting the pages listed on the left hand side and clicking on Add to Menu button.

Selecting and adding items to custom navigation menu in WordPress

After adding pages to the menu, select the theme location where you want to display the menu and click on the ‘Save Menu’ button.

Selecting a theme location for the menu

Don’t worry if you’re unsure where each menu location is on your site. You can visit the website to see the menu in action. If you don’t like it, then you can always change the menu location.

Arranging Items in a Custom Navigation Menu

You probably noticed that each menu item you added is arranged in the order you added them. For example, your about link appears at the end, while the contact page link appears first. Don’t worry you can easily rearrange your WordPress menu items in any order you want.

Simply drag and drop a menu item to adjust its position in the menu.

Drag and drop menu items to rearrange their position

Repeat the process to create new menus for other theme locations.

Creating Nested Drop-Down Menus in WordPress

Nested menus, also known as drop-down menus, are navigational menus with parent and child menu items. These menus are usually styled by WordPress themes in such a way that when a user takes their mouse to a parent item, all their sub-menus are displayed.

Creating nested menus allow you to add a properly structured navigation system to your site. Here is how you can add a menu item as a sub-menu in WordPress.

In your menu structure, drag the menu item just below the parent item. Next, slightly drag the menu item to the right. You will notice that it will automatically become a sub-menu item.

Creating nested menus with sub-menu items

You can add multiple layers of sub-items to create deeply nested navigation menus. However, it’s important to note that not all themes support multi-layer nested menus. Most do up to 2-layers.

Sub-menus with their own child menu items

Adding Categories to WordPress Menus

If you’re using WordPress to run a blog, then you can add your blog categories as a drop-down in your WordPress menu.

By default, WordPress provides an easier way to add pages and categories from the left-hand column on the menu editor screen.

Start by clicking on the Categories tab to expand it. You will see your blog categories listed there. Simply select the categories you want to add to the menu, and then click on add to menu button.

Adding categories to custom navigation menu in WordPress

You will notice that categories will appear as menu items under menu structure column. Just like pages, you can simply drag and drop them to arrange their position on the menu. In this example, we have dragged all categories to appear as sub-menu items under the Blog.

Adding categories to navigation menu


Adding Custom Links to Your WordPress Navigation Menus

While adding categories and pages is easy, what if you want to add a link to your social media profile or another location? This is when you can use the custom link option.

Simply click on the custom link tab in the left-hand column to expand it. You will notice that it only has two fields. The first one is for URL where you will need to add the actual link you want to add. The second field is labeled link text where you will add the anchor text for the link.

Adding custom links to WordPress navigation menus

Note: It’s important that you must start all links with http:// or https://. If you don’t, then the links will be broken.

Editing a Menu Item in WordPress Navigation Menus

When you add pages or categories to your custom navigation menu, WordPress automatically uses the page title or category name as the link text. This does not mean that you cannot change it.

All menu items can be edited by simply clicking on the downward arrow next to a menu item.

Expand a menu item to edit or even remove it

Here you can change the menu’s navigational title or link text. You can also add a title attribute to the link. Don’t forget to click on the save menu button to store your changes before previewing your website.

Removing a Link From Navigation Menus in WordPress

You can remove a link in the same way you edit them. Just click on the downward arrow icon next to a menu item, and you will notice a red Remove link. When you clicking on it, the link will be removed from your navigation menus.

Removing a link from navigation menu in WordPress

Understanding Theme Locations For Your Navigation Menus

Navigation Menus are a theme feature in WordPress. Their appearance and display is controlled entirely by your WordPress theme. The admin area only provides a user interface to add and manage those menus. The theme we were using Only had two menu settings available, Primary Menu, and Social Menu. We can change our theme to “TwentyFourteen” to show an example of two menu bars. If you would like to learn how to change your theme, please check out the following article.

WordPress themes usually have at least one theme location for navigation menus. However, some themes may have more than one theme locations such as the theme TwenyFourteen which has two theme locations primary, secondary menus.

Also it’s important to note that the names of these menu locations would also vary from theme to theme. While some may call it primary another may call it header. It’s entirely based on theme developer’s preference.

Simple Calendar – Google Calendar

Simple Calendar is the easiest way to add Google Calendar events to your WordPress site. Quick to setup. Fine-tune to your needs. Mobile responsive. Beautifully designed.


– Display events from any public Google Calendar.
– Keep managing events in Google Calendar. No need to create events in WordPress.
– Out-of-the-box designs that match your theme’s look and feel.
– Fully responsive and mobile-friendly monthly grid and list views.
– Customize event content display using simple tags. No coding required.
– Combine multiple calendars into single displays explicitly or using categories.
– Intuitive, simple display configuration changes for fine tuning.
– Advanced settings to adjust time zones, date/time formats and start of the week.
– Integration with Event Calendar Newsletter for quickly turning your events into a newsletter-friendly format.
– Additional functionality offered with add-ons.
– Translations available with more being added on a regular basis. Translations welcome!



How to integrate your Google Calendar

Please Note: your google Calendar must be set to Public in order for this integration to work.

If you need help making your Google Calendar public, please check the following article

  1. Navigate to the ‘Plugins’ tab from the Dashboard.
  2. In the search bar search for ‘simple Calendar’.
  3. Click the ‘Activate’ button.
  4. Once activated, click the ‘Settings’ link.
  5. Enter the following api key into the ‘Google API Key’ box AIzaSyBqjOgheI-cSVnxjLX-MsMrL8sEF1MtNj8
  6. Click the ‘Save Changes’ button. 
  7. Click the ‘Add New’ tab in the Calendars section of the dashboard.
  8. Click the ‘Google Calendar’ tab under ‘Calendar Settings’
  9. Enter your Calendar ID into the ‘Calendar ID’ box.
    1. If you need help finding this, please check the How to find your calendar ID support article.
  10. Hit the blue ‘Publish’ button.

you are all done and should now be able to see your Google Calendar integrated into your site.

Note: If you want to embed the Calendar on a specific page you can grab the ‘shortcode’ from Calendars –> All Calendars.

How To Find your Google Calendar ID

ou can make any calendar that you own public by following these instructions.

  1. Open your Google Calendar app page using your Temple account.
  2. Navigate to your subscribed/available Google calendars list (usually bottom left side).
  3. To get to your calendar settings, hover over the calendar you wish to work on and click the three vertical dots that appear to the right – this will bring up a dropdown menu, click Settings and sharing.

4. A new page will open. Find the Calendar ID at the bottom under the Integrate Calendar section

paste it in the corresponding field in the Calendar Settings where you have installed Simple Calendar. Double-check you have pasted the right text string and make sure there are no extra spaces.


How To Make Your Google Calendar Public


By default, calendars in Google Calendar app are created private, except those of public utility you (such as national public holidays, sports events) you may have subscribed to. Third party calendars may or may not be public – but if they don’t belong to you, you cannot change their privacy setting.

You can make any calendar that you own public by following these instructions.

  1. Open your Google Calendar app page using your Temple account.
  2. Navigate to your subscribed/available Google calendars list (usually bottom left side).
  3. To get to your calendar settings, hover over the calendar you wish to work on and click the three vertical dots that appear to the right – this will bring up a dropdown menu, click Settings and sharing.

4. A new page will open. Tick the option Make this calendar public near the middle of the page:

Now your calendar is public and can be added to a calendar.

Please note that by doing so your calendar might be reached also through Google or by whomever has the calendar ID or a link to your calendar on Google.

Elementor – How To Add Video Backgrounds

Section Background Video Options

You can set a video as the background of a Section, enabling you to create interesting hero headers and other engaging areas on your page. The background video options can be found within the section’s Style tab.



  1. Background Type: Click the video icon
  2. Video Link: Enter a YouTube or .mp4 link to the video
  3. Start Time: Specify start time in seconds
  4. End Time: Specify end time in seconds
  5. Background Fallback: Upload a cover image, to replace the background video on mobile and tablet devices, as background videos are disabled on mobile devices to avoid browser restrictions and bandwidth draining.

How to allow people to get updates when you post new things in your blog.

Adding the ‘Email Subscribers & Newsletters’ Plugin

The first step is to search for the ‘Email Subscribers & Newsletters‘ Plugin.

Once you have located this plugin, activate it on your site.

Once the plugin is activated it will automatically take you to a new Dashboard tab called ‘Email Subscribers’

Editing the Default Post Notification Emails

Step 1 : Go to your WordPress Dashboard -> Email Subscribers -> Templates

Step 2 : Click to edit the default Post Notification Template

Send Post Notification Emails

Step 3 : Start editing, but remember to keep it as generalized as possible and use the keywords appropriately

Send Post Notification Emails

Step 4 : Click on Update.

Step 5 : Now go to your WordPress Dashboard -> Email Subscribers -> Post Notifications. You will see a default notification. Click on edit

Send Post Notification Emails

Step 6 : Select group, default notification & blog post category you want the email to be sent for

Send Post Notification Emails

Step 7 : Click on Save.



Editing the Default Post Notification Emails

Using Widget

Go to WordPress Dashboard -> Appearance -> Widgets. Drag and drop the Email Subscribers widget to your sidebar location.


After adding widget, you can change :

Widget Title : A title for your subscribe form to show on widget.
Display Name Field : Select whether you want subscriber to enter their name. Default it YES.
Short Description : A description text that you want to show above subscribe form widget.
Subscriber Group : The group you want subscriber to go on – default is Public (The mentioned group should be created and should have atleast one subscriber in it).