HTML шаблоны. Как редактировать главное меню

Эта инструкция демонстрирует, как редактировать главное меню в шаблонах на основе HTML.

Для начала перейдите к файлам iаблона и зайдите в папку "site". Там вы увидите несколько HTML файлов. Каждый из них представляет собой отдельную страницу шаблона.

Меню содержится в каждом из файлов, поэтому, если вы вносите изменения в один из них, то вам нужно сделать то же самое и во всех остальных.

Меню, обычно, представляет собой ненумерованный список, где каждый пункт меню соответствует элементу списка с добавленной ссылкой:

<ul class="sf-menu">
	<li class="current"><a href="index.html">about us</a></li>
	<li><a href="index-1.html">our services</a>
		<ul>
			<li><a href="#">services list</a></li>
			<li><a href="#">special offer</a>
				<ul>
					<li><a href="#">growing plants</a></li>
					<li><a href="#">vegetables</a></li>
				</ul>
			</li>
			<li><a href="#">consulting</a></li>
		</ul>
	</li>
	<li><a href="index-2.html">products</a></li>
	<li><a href="index-3.html">links</a></li>
	<li class="last"><a href="index-4.html">contacts</a></li>
</ul>

Вот как выглядит каждый из пунктов меню:

<li><a href="index.html">about us</a></li>

Вот как его редактировать:

Чтобы изменить название пункта меню измените текст между элементами <a href="…"> и </a>.

Что бы изменить ссылку в пункте меню отредактируйте значение аттрибута href в тэге ссылки. В примере выше его значение "index.html". Замените его на URL или имя файла для изменения ссылки.

Ознакомьтесь с детальной видеоинструкцией: