How to Add Subcategories in iWeb

The iWeb Web-building software provides no native function to add sub-menus to your site's main navigation bar. Without sub-menus, your navigation bar can quickly become overcrowded. This is especially true if you have a lot of pages on your iWeb site. Because the iWeb software allows you to integrate your own HTML code, however, you can add sub-menus to your site with a snippet of code.

Instructions

Hide Current Menu

1. Log into your iWeb administration panel.

2. Click any of your website pages located under the “Site Organizer” column. This opens up the page for editing.

3. Click the “Inspector” option from the bottom toolbar.

4. Remove the checkmark from the option labeled “Include Page In Navigation Menu.”

5. Click “File” and “Save” to save your changes.

6. Repeat steps two through five for each page of your website that is included in your navigation menu.

Add Sub-Category Menu

1. Log into your iWeb administration panel.

2. Click any of your website pages located under the “Site Organizer” column. This opens up the page for editing.

3. Click the “Media” tab, located on the bottom toolbar.

4. Select “HTML Snippet.” An HTML editor box appears.

5. Paste the below HTML code inside the HTML editor box. The code contains one main menu tab, with three sub-menu items underneath each tab. Replace the generic links in the code with your real site navigation links. Replace the generic “Menu Tab” and “Sub-Menu” names with your real menu tab names. Add more menu tabs to the code, as needed. To add more tabs, simply repeat all of the code located between the "<div id="menu">" and "</div>" tags.

   <div id="menu">
   <ul>
   <li><a href="#Your First Menu Tab">http://www.genericpagelink.com</a>
   <ul>
   <li><a href="#Sub-Menu">http://www.genericpagelink.com</a></li>
   <li><a href="#Sub-Menu">http://www.genericpagelink.com</a></li>
   <li><a href="#Sub-Menu">http://www.genericpagelink.com</a></li>
   </ul>
   </div>

6. Click “File” and “Save” to save the changes to your page.

7. Repeat steps two through six for each page to which you wish to add a navigation menu. Click “Publish” to publish the changes to your site.

References

• Mac World: Relief For Overcrowded Navigation Bars
• Beyond iWeb: iWeb Tutorial
• Apple: iWeb Getting Started

Resources

• Read this Article in Spanish