Navigation
the top
Go to Complete List of Resources - Navigation for the links found on this page plus many additional links about each of the sub-topics.
Also see:
- Add a Button
- Create a Table of Contents
INTRODUCTION - Navigation
Depending on how you design your site, you have choices for adding or changing the way your user will navigate around your site and go to links. The two basic navigation menu choices are a sidebar, which can be on the left or right side of the pages, or a horizontal navigation menu along the top of your pages. You can add text, links, and gadgets to your sidebar, and you can add additional sidebars.
LINKS - Navigation - General
Google Sites: How to Edit Sidebar & Header
www.youtube.com/watch?v=XNy2tZlZkAk
Google Sites Tutorial- Pages and Navigation www.googlesiteswebdesign.com/2010/11/google-sites-tutorial-pages-and.html
Sidebar – On left side with sub-pages (navHO2014_sidebar)
Horizontal Navigation (on top left side) and Sidebar (on right side) (navRM2014_sidebarANDhoizontal)
CHANGE YOUR HOME PAGE
Click on More (gear) -> Manage Site
In the main body of the page, you will see Landing page - This is the default landing page that users will see when they visit your site
Click Change
Select the page you want as your home page
Notes:
If you want to delete a page, go to the page you want to delete, click on More (gear) -> Delete Page
You can recover a deleted page for a short period of time (approximately 30 days)
Click on More (gear) -> Manage Site. In the sidebar, choose Deleted Items
Select the page you want to recover and click the [Recover] button at the top of the page.
ADD A TABLE OF CONTENTS
Add titles, headings
Then Insert -> Table of Contents
LINKS - Table of Contents
Working With Google Sites [includes embedded video (3:18)] sites.google.com/site/amslerclassroom/table-of-content
- Direct link to video on YouTube www.youtube.com/watch?v=eW5aq2RVHn0
Using the Table of Contents Gadget siteshelp.kccloudsolutions.com/step-by-step-guides/table-of-contents
MODIFY SIDEBAR
Getting Started
Click on More (gear) -> Edit Site Layout
Toggle on [Sidebar] button if it is not already highlighted
Hover over the Sidebar title box and drag slightly down until the Navigation title box appears. Click on the Navigation box.
You will see the Configure Navigation window:
Sidebar box, with Navigation bar pulled down
LINKS - Sidebars
How to Change Navigation Sidebar Links in Google Sites [Kirsten Butcher] (YouTube 6:03) www.youtube.com/watch?v=Jxo6xie1z48
Add and remove pages from navigation [Ingot] - Use More --> Manage Manage Site
sites.google.com/site/sitetemplateinfo/tips/navigation
Use the sub page listing gadget [Ingot] sites.google.com/site/sitetemplateinfo/tips/use-the-sub-page-listing-gadget
Customize your site sidebar [Ingot] sites.google.com/site/sitetemplateinfo/tips/customize-your-site-sidebar
Google Sites: creating a new sidebar, renaming it, and adding pages [Heather Dunn] (YouTube 2:17)
www.youtube.com/watch?v=y5Jd8af2YbQ
Configure Navigation options
Note the defaults:
Automatically organize the navigation
Show two levels: pages and sub-pages
Show a link to the Sitemap
To change the level of pages that will appear in the sidebar, change the number in the box
To hide the Sitemap, un-check the [Sitemap] box
Remember that you will need to go back into the Configure Navigation menu if you want to include any new pages you create in on the menu.
Re-order the Links in Sidebar
Un-check 'Automatically organize my navigation'. You will see a box to Select pages to show.
Click on Add page link to open a window with all your pages in the site (Site map):
Add Page window with a list of pages to add to sidebar
Click on the name of the page, then click [OK].
Continue to add all the pages you want in your sidebar: Click on Add page, highlight the page, then click [OK]
You may need to open the drop down menu beside an item in the site map (such as Key Insights in the example above) to add the sub-pages.
When all the pages you want on the sidebar are on the list, highlight a page you want to move.
Select Pages to Show box with arrows to re-order the sidebar
Use the up/down/left/ right arrows to re-order the pages.
If you want a sub-page to appear under a main page, move the sub-page to the correct location (up/down) and then use the right arrow key to move it to a secondary position.
You can also use the trash can icon to delete a page from the list of pages that will show in your sidebar. It does not delete the page from the site
Change Width or Location of Sidebar
Click on More (gear) -> Edit Site Layout
Toggle on [Sidebar] button if it is not already highlighted
Click on Edit [pencil] in the Sidebar title box
Edit Sidebar window
You can display the sidebar on either the left or right side of the screen.
You can also change the width of the sidebar by changing the number of pixels. Pixels are quite small, so you may want to experiment with small changes until you get the width you want.
Add New Items to the Sidebar such as Text, Links, and Gadgets
Click on More (gear) -> Edit Site Layout
Toggle on [Sidebar] button if it is not already highlighted
Click on Add [+] in the Sidebar title box
Choose a New Sidebar Item window
Scroll to see the available items. There are not a lot to choose from. The three that you may find useful are:
Navigation (Second Sidebar Menu)
You may want to add a second sidebar menu under the default one. One use of the second menu could be for links to web sites that are related to the projects you are working with.
Text (Text Box)
You may want to have a text box under your sidebar to add information you want on each page.
Countdown (Gadget)
Add Links in the Horizontal Navigation Menu
Click on Add page link to open a window with all your pages in the site (Site map):
ADD OR MODIFY HORIZONTAL NAVIGATION
Getting Started
Click on More (gear) -> Edit Site Layout
Toggle on [Horizontal Navigation] button if it is not already highlighted
Hover over the Horizontal Navigation bar. If your design template doesn’t have a horizontal navigation menu, you will see it highlighted when you hover under the banner and above the body of the page.
Click somewhere in the area to Edit Horizontal Navigation
You will see the Configure Navigation window, which is very similar to the window to configure a Sidebar.
LINKS - Horizontal Menu
Google Sites: adding horizontal navigation tabs [Heather Dunn] (YouTube 4:57) http://www.youtube.com/watch?v=10AeNB9_Fq0
Add and edit the horizontal navigation bar [Google] https://support.google.com/sites/answer/187377?hl=en&ref_topic=1046073
Window with Horizontal Navigation menu choices, including adding pages
Click on the name of the page, then click [OK].
Continue to select Add page, highlight the page, then click [OK] until all the pages you want in your sidebar are listed. You may need to open the drop down menu beside an item in the site map (such as Key Insights in the example above) to add the sub-pages.
When all the pages you want on the sidebar are on the list, highlight a page you want to move.
Use the up/down/left/right arrows to re-order the pages.
Select Pages to Show box with arrows to re-order the horizontal menu
Note that if you want a sub-page to appear under a main page, move the sub-page to the correct location (up/down) and then use the right arrow key to move it to a secondary position.
You can also use the trash can icon to delete a page from the list of pages that will show in your sidebar. It does not delete the page from the site.
You can toggle on or off the Sitemap button here, too.
Change Style of Horizontal Menu Links
At the bottom of the Configure Navigation window for Horizontal Navigation, you can change the style of the buttons:
Options for horizontal menu style: Boxes, Tabs, Links
Examples:
Boxes
Tabs
Links
Choose the style you want for your Horizontal Navigation menu
Click on [OK]
Remember that you will need to go back into the Configure Navigation menu if you want to include any new pages you create in on the menu.
--end
Help Desk: Google Sites: https://sites.google.com/site/helpdesksites/
Navigation: https://sites.google.com/site/helpdesksites/navigation