navigation

Page Hierarchy

Breadcrumbs are based on the hierarchy of the pages. First you need to have a parent page. Then on the child(ren) page(s), choose the parent page in the Parent drop-down menu in the Page Attributes section on the right-hand side, and Publish or Update the page(s).
Page Attributes Parent Dropdown

When you go to the screen that lists all your pages, you can see that hierarchy shown with the dash next to the child(ren) page(s). In the screenshot below, Other Custom Plugins page is the child of Plugins page.

Page Hierarchy

Once the Breadcrumbs option is set to be On in Appearance > Customize > Navigation Options > Breadcrumbs, the breadcrumbs will display on top of the child(ren) page(s).

Precrumbs can be added to the left of the Breadcrumbs to add links to other pages or parent sites. Go to Appearance > Menus, click on create a new menu, enter “Precrumbs” as the Menu Name, add menus items and click Save Menu.

precrumbs

The Precrumbs and Breadcrumbs are displaying on the top of the Other Custom Plugin page now.

Moving From Hale/Prudence to Sherman/Hale 2015

So what's different if you're converting a Hale or Prudence site to Sherman or Hale 2015? Here's a few quick points:

UC Slideshow

UC Slideshow does not work with Sherman, Hale 2015, or any other Cornerstone based theme. You will need to replace any slideshow you had on the old site. You can use the same images, but you'll have to load them up with Meta Slider.

Navigation

The Primary Navigation menu needs to be set in Appearance > Menu; in Hale there was an option to set it in Appearance > Customize.

Bootstrap

If you had pages built with Bootstrap, you'll have to redo them because Sherman and Hale 2015 use Bootstrap 3.

User Profiles

User Profile Pages will need to have their page template reassigned. Go to pages, and use the checkboxes and the Bulk Action > Edit feature to do many of them at once.

Homepage Customization in Hale or Prudence

Layout and Other Theme Options

Go to Appearance > Themes and select the Customize link. From here, you have the following options:

Site Title & Tagline

Here, you can change the name of your site as it appears in the top bar. The tagline is not currently used in the system.

Template Options

Here, you can choose what kind of homepage layout you’d like, and choose to include a School, or College in your top bar.

Navigation

Here, you can choose which Menu will appear as the main navigation for the site. You can probably leave it as is. To edit your navigation, see the Navigation guide.

Static Front Page

If you’d like to switch from a traditional site layout to a blog, select “Your latest posts”.
After you’ve finished customizing, hit save in to top right corner of the side panel, and those changes will appear on the site.

Homepage Content

Go to Appearance > Widgets. From here, you have the following:

Available Widgets

This is the library, the repository of possible widgets you can use in your site. To add widgets to the Sidebar, or a Home section, drag it in. The change happens immediately. Some widgets will need to to have some settings configured before they work fully.

Widgets Page
Widgets Screen

Inactive Widgets

Located below Active Widgets, you can use this to “save” a widget and it’s settings. If you switch themes, some of your widgets may end up here.

Sidebar

Widgets placed in the Sidebar will appear on the “News” page, the search results page, the archives page, and pages that use the ‘Default w/Sidebar’ page template.

Home1-Home5

These sections correspond to the different areas of a homepage layout. They will always start form the top left, and then wrap down to a second line.

Changing Themes

On WordPress, it’s easy to change themes for a website. Simply go to Appearance > Themes, and you can preview how your site might look in another theme.

Before you decide to switch to a different theme, there are some things you should keep in mind.

The Good News

Switching themes does not destroy any pages or content that you’ve created for your site. Moreover, switching themes is reversible; if you change it and don’t like it, you can switch back.

The Tricky Parts

Top Navigation

When you switch themes, it’s possible for your top navigation menu to break. This can be fixed by going to Appearance > Menus, finding your Top Nav menu, and checking the ‘Primary Menu‘ checkbox.

Homepage

Many themes have a custom homepage page template that may not exist in a new theme. For example, switching from Hale to Sherman may wipe out the homepage. However, the widgets that created those homepages aren’t gone. If you go to Appearance > Widgets and scroll down, you’ll see them in an area for ‘unassigned widgets‘. Drag them back up to the correct sidebars and your homepage will reform itself.

In the newer themes (Hale 2015 and Sherman), you can use Page Builder to build the homepage and sub pages.  See Homepage Customization tools.

Sidebars

Some themes have sidebars that are specific to them and changing themes will move any widgets within those sidebars to the ‘unassigned widgets‘ section in Appearance > Widgets. You may need to find a new place to keep that content.

Bootstrap Layouts & Special Elements

The older Hale and Prudence themes were built on the Bootstrap 2 framework. The newer Sherman and Hale 2015 themes are built with the Bootstrap 3 framework. If your site makes use of Bootstrap columns, buttons, or accordion menus, they may not work if you switch from a Bootstrap 2 theme to a Bootstrap 3 theme.  They will fall back to being simple single column layouts, links, or text sections until you change the code to comply with the version of Bootstrap that your new theme uses.

Navigation Options

Cornerstone-based sites have options for different navigation styles. These options are:

  • Dropdowns
  • Multi-level Dropdown
  • Tabs
  • MaxMegaMenu

Support

These menu options are only applicable if you are using one of the following themes:

  • Sherman
  • Hale 2015

Changing Your Navigation Style

On the dashboard go to Appearance > Customize. On the left, there will be an option for Navigation Options. Within that space, you will see a dropdown menu with the options listed.

If you do not see this option, you either are not using a supported theme or you have enabled the Max Mega Menu plugin. You will need to disable MaxMegaMenu before other options are available because that plugin overrides all other options.

Dropdown

This option begins with a simple dropdown for the first to level of navigation, with additional pages being displayed in a left navigation bar. This was the default navigation for all Sherman sites from Summer 2014 – Aug 2015.

Multi-Level Dropdown

This option expands the dropdown menu, and removes the left navigation. Dropdowns will expand to the side forever. We recommend not using this option for navigation that has more than 3 levels of depth, as it can be difficult for users to navigate the options. Large sites should consider using the Tabbed option.

Tabs

In this option, the first two levels of the navigation are exposed in horizontal bars and all other levels are available through dropdown menus.

Sticky Navigation

When set to be On, the top navigation will always sticks to the top of the screen as visitors scroll down pages.

Breadcrumbs

Breadcrumbs are based off of Parent/Child page heirarchy. When set to be On, breadcrumbs navigation will show up on child(ren) pages. For more information view our breadcrumb guide.

Editing Your Top Navigation Menu

  1. On your dashboard, go to Appearance > Menus.
  2. Locate the drop down menu towards the top of the page labeled 'Select a menu to edit' and select 'Top Nav'.
  3. Drag and drop to reorder the navigation items.

Creating a Dropdown Menu

To make a dropdown menu, first create a placeholder menu item.

dropdown-parent

The URL should be a pound sign, and the Label can be whatever you'd like to call this group of pages.

Home Link

The one menu item that won't appear in your menu is the "Home" link. It's inserted into the page for you, and will always be the first item.

Sticky Navigation

Sticky Navigation will "stick" your top navigation menu to the top of the browser window when your site's header scrolls out of view. To enable this, go to Appearance > Customize > Navigation Options > Sticky Navigation and under Sticky Navigation, select the On radio button.