Итак, у меня есть веб-сайт, и я использую основное меню, расположенное в правом верхнем углу экрана. Это ссылки:
| Home | Blog | Results | Pictures | Our Location |
Время от времени мне нужно добавить новую ссылку в меню или изменить, на что указывает одна из ссылок. Это означает, что на каждой странице, которая существует в меню, я должен вручную изменить ссылку. Разумеется, есть какой-то способ иметь главное меню, которое просто помещается на каждую страницу.
Или мне снится?
Поместите меню в отдельный файл и включите его на стороне сервера, используя полномасштабный язык сценариев, например PHP (одна строка) или используя SSI.
Существуют различные способы сделать это. Это зависит от того, к чему у вас есть доступ на сервере. Возможно, самый простой механизм - серверная сторона включает. У вас будет только файл, содержащий меню и включающий его на каждую страницу.
Вы также можете сделать это с каждым языком программирования более или менее элегантными способами.
EDIT: SSI довольно прост. Вы можете просто создать файл /header.html, а затем выполните следующие действия:
<!--#include virtual="/header.html" -->
в соответствующем месте.
используйте PHP include на всех ваших страницах
<?php include 'includes/menu.php'; ?>
и иметь отдельный файл menu.php в папке с именем "includes". вам нужно сохранить все страницы oyur как .php
вы можете сделать свой нижний колонтитул также включенным
Я думаю, что это самый простой способ сделать это без серверного языка. Используйте библиотеку javascript, например W3Data. Все, что вам нужно сделать, это добавить атрибут w3-include-html в ваш div. Готово!
Если ваше меню находится в файле menu.html, вы бы сделали что-то вроде этого.
<div w3-include-html="menu.html"></div>
Попросите программу на стороне сервера определить, какие меню и местоположения ссылок должны быть там. Затем используйте ajax для периодического опроса серверной стороны script, чтобы получить содержимое меню в текущее время.
Было бы легко заставить его отправить данные xml, например:
<menu>
<link name="Home" href="destinationhome.html"/>
...
<link name="Pictures" href="....html"/>
</menu>
Затем создайте свои ссылки из этих данных.
Вы можете создавать страницы из шаблонов перед их загрузкой: см. Template Toolkit.