How to Use the PageLines Menus - Revision history

MrFent at 21:07, 18 January 2012

2012-01-18T21:07:42Z

MrFent at 15:51, 5 December 2011

2011-12-05T15:51:29Z

MrFent at 15:51, 5 December 2011

2011-12-05T15:51:05Z

MrFent: moved Menus and Navigation to How to Use the PageLines Menus

2011-11-24T07:48:40Z

moved Menus and Navigation to How to Use the PageLines Menus

MrFent at 04:25, 14 November 2011

2011-11-14T04:25:59Z

MrFent at 04:22, 14 November 2011

2011-11-14T04:22:16Z

MrFent: Created page with "Category:Draft Hopefully you already know how to create WordPress menus. If not, please refer to this [http://codex.wordpress.org/Appearance_Menus_Screen ''' Wordpress 3.0 Me..."

2011-11-09T05:26:02Z

Created page with "Category:Draft Hopefully you already know how to create WordPress menus. If not, please refer to this [http://codex.wordpress.org/Appearance_Menus_Screen ''' Wordpress 3.0 Me..."

New page

[[Category:Draft]]
Hopefully you already know how to create WordPress menus. If not, please refer to this [http://codex.wordpress.org/Appearance_Menus_Screen ''' Wordpress 3.0 Menus tutorial.'''] The scope of this document is to teach you where your WordPress menus will appear inside of PageLines, as well as the steps needed to enable Drop Down Navigation & activate the Secondary Navigation Menu.
[[File:Menu-Setup.png‎|200px|thumb|alt=Menu Setup|Menu Setup]]
You can create & assign any custom menu to one of these locations. For this tutorial, we have created four custom menus and gave each of them the same name as the location that they are assigned to. 
We also created three pages for each of the four menu locations and named & assigned each page after its respective location. This way you can see that the page name correlates to the menu location.
==Menu Locations==
PageLines supports four different Theme Locations:
* '''Page Navigation in Footer Columns'''
** Appears in the "Footer Columns Sidebar" section. This section is turned off by default, however it can be activated in both the Footer & Morefoot section template areas. It displays your menus in a column.
* '''Primary Website Navigation'''
** As the title suggests, this is the primary navigation for your website. This is the default location of all of your pages if you haven't created any custom menus yet. By default it is located just under the Branding section.
* '''Simple Nav Section'''
** This section is turned on by default and is located in Footer template area. It displays your menus side by side.
* '''BrandNav Section Navigation'''
** This section is turned off by default and is located in the Header template area. Use this section in place of the Branding section, and the menus will appear on the top right of your website.

[[File:Menu-Front-End-1.png‎|200px|thumb|alt=Menu Locations|Menu Locations]]
 
After you assign your custom menus to their Theme Locations, by default you will only be able to see "Primary Website Navigation" & "Simple Nav Section" on your website. This is because the other two sections, "BrandNav Section Navigation" & "Page Navigation in Footer Columns" are disabled by default. Let's enable these two sections so you can see where they will show up on your page as well as how they will display your menus.
[[File:Menu-Template-Setup.png‎|200px|thumb|alt=Menu Template Setup|Menu Template Setup]]
 
From your WordPress Administration Panel:
# Select the "PageLines" panel, then "Templates"
# Select the "Header" Template Area
# Remove "Branding" from the Active Sections & replace it with "BrandNav"
# Select the "Footer" Template Area
#* You could also choose "Morefoot" if you want
# Drag the "Footer Columns Sidebar" section from the "Available/Disabled Sections" over to the "Active Sections"
# The Section Order will save automatically
 
[[File:Menu-Front-End-2.png‎|200px|thumb|alt=Menu Locations|Menu Locations]]
Now you will also be able to see the "BrandNav Section Navigation" & "Page Navigation in Footer Columns" menu location.
 

==Drop Down Navigation==
You can give your menus a different look by enabling Drop Down Navigation. When you hover over a menu, additional menus will appear underneath.
[[File:Enable-Drop-Down-Navigation.png‎|200px|thumb|alt=Enable Drop Down Navigation|Enable Drop Down Navigation]][[File:Menu-Offset.png‎|200px|thumb|alt=Menu Offset|Menu Offset]][[File:Drop-Down-Front-End.png|200px|thumb|alt=Drop Down Menu|Drop Down Menu]]
From your WordPress Administration Panel:
# Select the "PageLines" panel, then "Settings"
# Select the "Header And Footer" tab
# Check "Enable Drop Down Navigation?"
#* You can also choose to disable the Text Shadows & Arrows
# Click "Save Options"
 
Now you will need to configure which pages will appear in the Drop Down Menus. Simply go into your custom menu and offset those pages to the right.
 
Now you will see that any menus you offset will appear underneath their nested menu.
 
If you are having problems with the Drop Down menus falling behind Flash elements, such as an embedded YouTube video on your Feature Slider, [http://www.pagelines.com/wiki/index.php?title=Drop_Down_Navigation_Falls_Behind_YouTube_Video click here] for more information.
 

==Secondary Navigation==
Secondary Navigation is basically a way to add a permanent Drop Down menu to a certain page. Rather than hovering over a global Menu and seeing a Drop Down, you would go to a page and see a second menu under the main menu.
 
There are two options for displaying the Secondary Nav Menu. The default option is to use a WordPress menu. Once you create the menu, you must assign it to a page through the page's [http://www.pagelines.com/wiki/index.php?title=Getting_Started#Customize_the_page_with_the_meta_settings Meta Settings.]
[[File:Use-Child-Pages.png‎|200px|thumb|alt=Use Child Pages|Use Child Pages]]
The second option is to use [[Child Pages]] as your Secondary Nav menu instead of a WordPress Menu.
 From your WordPress Administration Panel:
# Select the "PageLines" panel, then "Settings"
# Select the "Header And Footer" tab
# Check "Use Child Pages for Secondary Nav?"
# Click "Save Options"
[[File:Secondary-Nav-Front-End.png‎|200px|thumb|alt=Secondary Nav|Secondary Nav]]
 
Once you setup the Secondary Nav menu, by default it will be displayed underneath your Primary Website Navigation. However, you can move it around inside any of the Template Areas.

@@ Line 1: / Line 1: @@
-[[Category:Draft]]
+[[Category:Framework]]
 Hopefully you already know how to create WordPress menus. If not, please refer to this [http://codex.wordpress.org/Appearance_Menus_Screen ''' Wordpress 3.0 Menus tutorial.''']  The scope of this document is to teach you where your WordPress menus will appear inside of PageLines.
 [[File:Menu-Setup.png‎|200px|thumb|alt=Menu Setup|Menu Setup]]

@@ Line 1: / Line 1: @@
 [[Category:Draft]]
-Hopefully you already know how to create WordPress menus. If not, please refer to this [http://codex.wordpress.org/Appearance_Menus_Screen ''' Wordpress 3.0 Menus tutorial.'''][http://codex.wordpress.org/Appearance_Menus_Screen ''' Wordpress 3.0 Menus tutorial.''']  The scope of this document is to teach you where your WordPress menus will appear inside of PageLines.
+Hopefully you already know how to create WordPress menus. If not, please refer to this [http://codex.wordpress.org/Appearance_Menus_Screen ''' Wordpress 3.0 Menus tutorial.''']  The scope of this document is to teach you where your WordPress menus will appear inside of PageLines.
 [[File:Menu-Setup.png‎|200px|thumb|alt=Menu Setup|Menu Setup]]
 You can create & assign any custom menu to one of these locations. For this tutorial, we have created four custom menus and gave each of them the same name as the location that they are assigned to.<br /><br />

@@ Line 1: / Line 1: @@
 [[Category:Draft]]
-'''Need to write how to create menus refer to ''' [http://codex.wordpress.org/Appearance_Menus_Screen ''' Wordpress 3.0 Menus tutorial.''']  The scope of this document is to teach you where your WordPress menus will appear inside of PageLines.
+Hopefully you already know how to create WordPress menus. If not, please refer to this [http://codex.wordpress.org/Appearance_Menus_Screen ''' Wordpress 3.0 Menus tutorial.'''][http://codex.wordpress.org/Appearance_Menus_Screen ''' Wordpress 3.0 Menus tutorial.''']  The scope of this document is to teach you where your WordPress menus will appear inside of PageLines.
 [[File:Menu-Setup.png‎|200px|thumb|alt=Menu Setup|Menu Setup]]
 You can create & assign any custom menu to one of these locations. For this tutorial, we have created four custom menus and gave each of them the same name as the location that they are assigned to.<br /><br />

← Older revision		Revision as of 04:25, 14 November 2011
Line 31:		Line 31:
	[[File:Menu-Front-End-2.png‎\|200px\|thumb\|alt=Menu Locations\|Menu Locations]]		[[File:Menu-Front-End-2.png‎\|200px\|thumb\|alt=Menu Locations\|Menu Locations]]
	Now you will also be able to see the "BrandNav Section Navigation" & "Page Navigation in Footer Columns" menu location.		Now you will also be able to see the "BrandNav Section Navigation" & "Page Navigation in Footer Columns" menu location.
−	~~<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />~~
−
−	~~==Drop Down Navigation==~~
−	~~You can give your menus a different look by enabling Drop Down Navigation. When you hover over a menu, additional menus will appear underneath.~~
−	[[File:Enable-Drop-Down-Navigation.png‎\|200px\|thumb\|alt=Enable Drop Down Navigation\|Enable Drop Down Navigation]][[File:Menu-Offset.png‎\|200px\|thumb\|alt=Menu Offset\|Menu Offset]][[File:Drop-Down-Front-End.png\|200px\|thumb\|alt=Drop Down Menu\|Drop Down Menu]]
−	~~From your WordPress Administration Panel:~~
−	~~# Select the "PageLines" panel, then "Settings"~~
−	~~# Select the "Header And Footer" tab~~
−	~~# Check "Enable Drop Down Navigation?"~~
−	~~#* You can also choose to disable the Text Shadows & Arrows~~
−	~~# Click "Save Options"~~
−	~~<br /><br /><br />~~
−	~~Now you will need to configure which pages will appear in the Drop Down Menus. Simply go into your custom menu and offset those pages to the right.~~
−	~~<br /><br /><br /><br /><br /><br /><br />~~
−	~~Now you will see that any menus you offset will appear underneath their nested menu.~~
−	~~<br /><br /><br /><br /><br /><br />~~
−	If you are having problems with the Drop Down menus falling behind Flash elements, such as an embedded YouTube video on your Feature Slider, [http://www.pagelines.com/wiki/index.php?title=Drop_Down_Navigation_Falls_Behind_YouTube_Video click here] for more information.
−	~~<br /><br /><br /><br />~~
−
−	~~==Secondary Navigation==~~
−	Secondary Navigation is basically a way to add a permanent Drop Down menu to a certain page. Rather than hovering over a global Menu and seeing a Drop Down, you would go to a page and see a second menu under the main menu.
−	~~<br /><br />~~
−	There are two options for displaying the Secondary Nav Menu. The default option is to use a WordPress menu. Once you create the menu, you must assign it to a page through the page's [http://www.pagelines.com/wiki/index.php?title=Getting_Started#Customize_the_page_with_the_meta_settings Meta Settings.]
−	~~[[File:Use-Child-Pages.png‎\|200px\|thumb\|alt=Use Child Pages\|Use Child Pages]]~~
−	~~The second option is to use [[Child Pages]] as your Secondary Nav menu instead of a WordPress Menu.~~
−	~~<br /><br />From your WordPress Administration Panel:~~
−	~~# Select the "PageLines" panel, then "Settings"~~
−	~~# Select the "Header And Footer" tab~~
−	~~# Check "Use Child Pages for Secondary Nav?"~~
−	~~# Click "Save Options"~~
−	~~[[File:Secondary-Nav-Front-End.png‎\|200px\|thumb\|alt=Secondary Nav\|Secondary Nav]]~~
−	~~<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />~~
−	~~Once you setup the Secondary Nav menu, by default it will be displayed underneath your Primary Website Navigation. However, you can move it around inside any of the Template Areas.~~