Managing a site’s menus can be a challenge, especially for people who don’t understand HTML. So how can you let your clients manage them without looking at any code or needing to worry about each page that menu appears on?
Using Konductor’s menu management tool, you can design their site so they only need to update a menu in one place, without any code, and it’ll then automatically apply across all the pages that use it.
Here’s how to set up your template(s):
- In the DWT (Dreamweaver template) that needs a menu, create a dummy menu using an unordered list. The list items themselves don’t need to be the final product as they’re just a placeholder, but give them the CSS attributes that they’ll need. Your code will look something like this:
- Select this code inside Dreamweaver, with the ends of the selection being the unordered list tags.
- Make this menu an editable region (Insert > Template Objects > Editable Region).
- In Design View, click this new editable region’s top tab. This will cause Konductor’s properties inspector to show.
- Select “Menu Region…” in Konductor’s properties inspector.
- Save and upload the newly edited DWT.
<ul id="topnav" class="big">
This video recaps the above:
Now that the template is ready, you’ll be able to build and manage this menu in the Konductor app:
Here are some example files that you can practice on to create editable menus. The template “editable-menus.dwt” in /Templates is already completed for you, so try to mimic it using “to-make-editable.html”: Editable Menus Example Files