Difference between revisions of "Configure Menu"

From WikiName
Jump to: navigation, search
 
(One intermediate revision by the same user not shown)
Line 8: Line 8:
 
Follow these steps to create navigation menu for your site:
 
Follow these steps to create navigation menu for your site:
  
# From the '''Appearance''' menu on the left-hand side of the Dashboard select the '''Menus''' option to bring up the menu editor. You should see something like the screenshot below in your browser window  
+
# From the '''Appearance''' menu on the left-hand side of the Dashboard select the '''Menus''' option to bring up the menu editor. You should see something like the screenshot below in your browser window [[File:Menu 1.png|center]]
[[File:Menu 1.png]]
+
# Enter a name for your new menu in the Menu Name box then click the Create Menu button. You can name them whatever you want.[[File:Menu 2.png|center]]
# Enter a name for your new menu in the Menu Name box then click the Create Menu button. You can name them whatever you want.
+
  
 
=== Adding items to Menus ===
 
=== Adding items to Menus ===
Line 18: Line 17:
 
# Select the pages you want to add to your menu by clicking the checkbox to the left of each item’s title. In this example, the '''Home''', '''About''', '''Another New Page''', '''Child Page 1''', '''Child Page 2''', and '''Level 1''' Pages will be used.  
 
# Select the pages you want to add to your menu by clicking the checkbox to the left of each item’s title. In this example, the '''Home''', '''About''', '''Another New Page''', '''Child Page 1''', '''Child Page 2''', and '''Level 1''' Pages will be used.  
 
# When you have selected the pages you want to include, click the '''Add to Menu''' button in the bottom right-hand corner. You should now see a series of boxes, with the page titles of the items you added in the previous step on the left-hand side of each box.
 
# When you have selected the pages you want to include, click the '''Add to Menu''' button in the bottom right-hand corner. You should now see a series of boxes, with the page titles of the items you added in the previous step on the left-hand side of each box.
# Click the Save Menu button to save the changes.
+
# Click the Save Menu button to save the changes.[[File:Menu 3.png|center]]
  
 
''' Note: ''' Similarly you can now also add '''Categories''' to Menu instead of '''Pages''' by selecting '''Categories''' from the sub-menu.
 
''' Note: ''' Similarly you can now also add '''Categories''' to Menu instead of '''Pages''' by selecting '''Categories''' from the sub-menu.
Line 25: Line 24:
 
# Select the corresponding menu item box in the right-hand corner of the menu editor window and left-click on the arrow icon in the top right-hand corner of it. The menu item box should then expand and the options you need to edit should be visible. See the screenshot below for an example:
 
# Select the corresponding menu item box in the right-hand corner of the menu editor window and left-click on the arrow icon in the top right-hand corner of it. The menu item box should then expand and the options you need to edit should be visible. See the screenshot below for an example:
 
# Click on the '''Remove link''' in the bottom left-hand corner. The menu item box for the menu item you deleted should no longer be displayed.
 
# Click on the '''Remove link''' in the bottom left-hand corner. The menu item box for the menu item you deleted should no longer be displayed.
# Click the '''Save Menu''' button to save the changes you have made.
+
# Click the '''Save Menu''' button to save the changes you have made.[[File:Menu 4.png|center]]
  
 
=== Multi level Menus ( Drop Downs) ===
 
=== Multi level Menus ( Drop Downs) ===
Line 31: Line 30:
 
# Position the mouse over the menu item box for '''Child Page 1'''. While holding the left mouse button, drag it to the right then release the mouse button.
 
# Position the mouse over the menu item box for '''Child Page 1'''. While holding the left mouse button, drag it to the right then release the mouse button.
 
# Repeat the above step for '''Child Page 2''' and make sure that '''Child Page 1''' and '''Child Page 2''' are both indented the same distance from the left. Your menu should now look like the one the screenshot below:
 
# Repeat the above step for '''Child Page 2''' and make sure that '''Child Page 1''' and '''Child Page 2''' are both indented the same distance from the left. Your menu should now look like the one the screenshot below:
# Click the '''Save Menu''' button to save the changes. Your new menu, with the structure described in the example, should now be created.
+
# Click the '''Save Menu''' button to save the changes. Your new menu, with the structure described in the example, should now be created.[[File:Menu 5.png|center]]
  
 
'''Note:''' In the above instructions ''' Child Page 1''' and '''Child Page 2''' are used for example purpose only your site would have a different menu item, that you created.
 
'''Note:''' In the above instructions ''' Child Page 1''' and '''Child Page 2''' are used for example purpose only your site would have a different menu item, that you created.

Latest revision as of 20:50, 3 December 2014

Setup Navigation Menus

Swift supports three menus.

  • Top Navigation menu is located above the logo/site name, Ideal for adding pages like, About, contact, advertise, archives.
  • Bottom Navigation menu is located below the logo/site name, Ideal for adding categories.
  • Footer links are located to the left in the first line of the footer, ideal for adding contact us,about, privacy policy, disclaimer etc..

Creating Menus

Follow these steps to create navigation menu for your site:

  1. From the Appearance menu on the left-hand side of the Dashboard select the Menus option to bring up the menu editor. You should see something like the screenshot below in your browser window
    Menu 1.png
  2. Enter a name for your new menu in the Menu Name box then click the Create Menu button. You can name them whatever you want.
    Menu 2.png

Adding items to Menus

Once you have created the menu you can start adding items to your Menu. In the left-hand corner of the menu editor screen, you should see a sub-menu titled Pages In this sub-menu, click the View All link. This will bring up a list of all the pages that are currently published on your site/blog.

  1. Select the pages you want to add to your menu by clicking the checkbox to the left of each item’s title. In this example, the Home, About, Another New Page, Child Page 1, Child Page 2, and Level 1 Pages will be used.
  2. When you have selected the pages you want to include, click the Add to Menu button in the bottom right-hand corner. You should now see a series of boxes, with the page titles of the items you added in the previous step on the left-hand side of each box.
  3. Click the Save Menu button to save the changes.
    Menu 3.png

Note: Similarly you can now also add Categories to Menu instead of Pages by selecting Categories from the sub-menu.

Deleting menu items

  1. Select the corresponding menu item box in the right-hand corner of the menu editor window and left-click on the arrow icon in the top right-hand corner of it. The menu item box should then expand and the options you need to edit should be visible. See the screenshot below for an example:
  2. Click on the Remove link in the bottom left-hand corner. The menu item box for the menu item you deleted should no longer be displayed.
  3. Click the Save Menu button to save the changes you have made.
    Menu 4.png

Multi level Menus ( Drop Downs)

  1. Position the mouse over the menu item box for Child Page 1. While holding the left mouse button, drag it to the right then release the mouse button.
  2. Repeat the above step for Child Page 2 and make sure that Child Page 1 and Child Page 2 are both indented the same distance from the left. Your menu should now look like the one the screenshot below:
  3. Click the Save Menu button to save the changes. Your new menu, with the structure described in the example, should now be created.
    Menu 5.png

Note: In the above instructions Child Page 1 and Child Page 2 are used for example purpose only your site would have a different menu item, that you created.