How to Use the PageLines Menus
(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...") |
|||
| Line 1: | Line 1: | ||
[[Category:Draft]] | [[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. | |
[[File:Menu-Setup.png|200px|thumb|alt=Menu Setup|Menu Setup]] | [[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 /> | 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 /> | ||
Revision as of 04:22, 14 November 2011
Need to write how to create menus refer to Wordpress 3.0 Menus tutorial. The scope of this document is to teach you where your WordPress menus will appear inside of PageLines.
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.
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.
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
Now you will also be able to see the "BrandNav Section Navigation" & "Page Navigation in Footer Columns" menu location.
You can give your menus a different look by enabling Drop Down Navigation. When you hover over a menu, additional menus will appear underneath.
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, click here for more information.
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 Meta Settings.
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"
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.