1. Follow Steps 1 & 2 in HOW TO SORT THE MENU SYSTEM.
2. To add a submenu, click on ADD SUB.
3. This takes us to a new page that will look like this
There are several points where we can enter information.
Name - This is the name of the page. Whatever is written here will show up on the Website Content Map and in your Categories on the frontend of your website.
Header Image - This is used when you wish to add a graphic right below your menu on the frontend. Unless you have specified that you want header images, it's best to leave it alone.
Page Link - When you want a category/subcategory page to take the end user to a website other than your own, you would place the URL here.
Blurb - Blurbs are a small description of what is contained in your category. They are used on the main page, but not for all designs. Please check with your Project Manager before adding text to the Blurb.
Text - This is main section to focus on. Here you will add all your text and graphics that you wish to appear on the site. It's almost like using your word processor!
Meta Title - An SEO tool to allow search engines to recognize the title of the page.
Meta Description - Another SEO tool for search engines to recognize what the page is about in a concise description of one to two sentences
Meta Keywords - An SEO tool for search engines to quickly grab the words that best explain what the page is about and if it matches up with their search engine queries
4. Adding content is similar to working with word processing programs. What You See Is What You Get. To add styles to the text, you can click on for bold, for Italics, and for Underline.
5. As for line spacing, if you press Enter/Return, it will be double spaced. If you hold the Shift key then press Return/Enter, it will be a single space.
6. To add an image click where you want your image to reside on the page and then click . This will bring up the Add/Edit Image menu box:
We'll come back to this menu in a second, but here are the following choices:
URL - This will be provided when we click on Browse Server
Alternative Text - Text that goes in place of the graphic. This serves two functions: 1. It provides those who cannot see images with an alternative that lets them know about the image. 2. In the event that they surf the web in a text based browser, it will provide the user with knowledge about the graphic.
Border - This provides a border around the image
Hspace - The amount of horizontal space between the graphic and the surrounding text and edge.
VSpace - The amount of vertical space between the graphic and the surrounding text and edge.
Align - The alignment of the image against the surrounding text.
7. Click on Browse Server. This takes us to a new menu box.
From here we will click on Upload in the top center area. This will provide us with an area to select a graphic from our hard drive, with two buttons: Upload Selected File and Cancel.
Select the file from your hard drive and then click Upload Selected File.
**NOTE: Please make sure your image is resized for the web. This means your file should be at 72dpi and appropriately sized. The example image is 300 pixels tall and 233 pixels wide.**
This will upload it to our Images folder within our site.
8. From here, double click on the image and the menu box will close, returning us to the Image Properties menu box.Then we will choose: (Height & Width were pre-selected due to the size of the image.)
9. After that is finished, click OK in the lower right hand corner. We will be able to see the image in our Text
9. To add a link, click on
11. This will show up:
Select Link Type, then enter the URL you want to link or browse the server if you want to link within the content of the site.
Click on OK once you are done.
12. Click on SAVE and the process is done! You can check your front end to see.