Для чего нужен FOOTER - "подвал" сайта? Обычно здесь располагается некоторая информация о сайте, а так же различные ссылки, например, "Контакты", "Обратная связь" и тому подобное. Что здесь располагать - решать вам; просто помните о том, что ссылки внизу страницы так же могут быть очень полезны! Зачастую в "подвале" дублируется главное меню или даже выводятся ссылки на все ключевые страницы сайта - главное, что бы пользователю не приходилось долго искать нужную статью на сайте.
Как устроен "подвал" сайта?
Если вы посмотрите на модульные позиции шаблона wds_template_v1, то увидите, что в FOOTER расположены две позиции: f-menu и footer, а так же некоторый текст (Глава 8, рис.85). В модульных позициях, соответственно, могут быть расположены специальные модули с ссылками (или каким-либо другим содержимым, например, изображением), а вот текст создаётся в коде главного файла шаблона, управляющего созданием кода страницы - index.php. Подробно об этом файле будет рассказано во второй части (глава 3), а пока остановимся только на тех строках кода, которые создают данную надпись.
Надпись "Все права защищены"
Файл, о котором идёт речь, находится в шаблоне: OSPanel > domains > wds > templates > wds_template_v1 > index.php. В самом конце найдите строки:
123 <!-- Создание FOOTER - подвала сайта -->
124 <footer id="footer">
125
126 <!-- Создание модульной позиции FOOTER -->
127 <div class="copyright"><jdoc:include type="modules" name="footer" /></div>
128
129
130 <p class="copyright"> WDS</p>
131 <p class="copyright2"> © <?php echo date("Y"); ?> Copyright </p>
132
133 <!-- Создание модульной позиции f-menu -->
134 <div class="footer-menu"><jdoc:include type="modules" name="f-menu" /></div>
В данном коде строка 124 создаёт FOOTER, строки 127 и 134 создают модульные позиции footer и f-menu, а строки 130 и 131 - надписи.
Если вы захотите изменить текст в строке 130, например, на "Все права защищены", просто замените фразу WDS-S.D.A., находящуюся между тегами <p class="copyright"> и </p>, на свою; имейте ввиду, что слов должно быть максимум три.
При внесении изменений будьте предельно внимательны! Любая ошибка может привести к неработоспособности сайта!
В строке 131 имеется текст создаётся несколько иначе: в начале следует символ "©" , затем код на PHP вставляет текущий год, а в конце следует слово "Copyright".
Если после внесённых изменений вы не видите результат на страницах сайта, необходимо очистить кеш браузера и (возможно) сайта.
Очистка кеша Яндекс.Браузера:
Ctrl
+Shift
+Delete
>Очистить историю
Для очистки кеша сайта кликните в админке:
Система > Очистить весь кеш >
Удалить все
Создание модулей для FOOTER
Для создания модуля через главное меню откройте раздел Расширения > Модули и нажмите Создать ; на открывшейся странице выберите тип модуля HTML-код, затем введите название модуля, например, footer-menu, укажите модульную позицию (f-menu).
Теперь в текстовом редакторе вводите строки (для каждого пункта - своя строка), например, в одной строке - "Контакты", в другой - "Обратная связь" и т.д. Так как каждая строка оформляется в коде как отдельный параграф, необходимо сократить расстояние между строками; что бы это сделать, откройте исходный код кнопкой <> в шапке редактора. В открывшемся окне вы увидите код страницы (рис.239,а). Каждая строка оформлена тегами <p> (открывающий) и </p> (закрывающий), которые указывают браузеру, что данный текст - это отдельный параграф. Так как по умолчанию между параграфами выставлено определённое расстояние, его нужно убрать; для этого текст должен быть оформлен как один параграф, но с переносами строк. Для этого в конце первых трёх строк тег </p> нужно заменить на тег переноса <br/>, а в начале второй, третьей и четвёртой строки убрать теги <p> (рис.239,б):
В результате вы получите один единственный параграф, обозначенный соответствующими тегами в начале и конце, но состоящим из четырёх строк; теперь осталось каждой строке присвоить ссылку на соответствующую страницу.
Что бы это было удобно делать, в другом окне браузера откройте нужную страницу сайта, скопируйте её адрес, вернитесь в окно с административной панелью и вставьте этот адрес как ссылку (если забыли, как это делается, смотрите главу 11). Обратите внимание на то, что можно вставлять не просто ссылку на страницу, а ссылку на определённую метку (якорь) на странице. Для этого откройте страницу, кликните на нужный заголовок вверху, после чего скопируйте именно этот адрес и "прикрепите" его к строке в модуле. Помните, что такая ссылка должна содержать полный адрес страницы плюс адрес метки (в конце).
После создания списка сохраните его и перезагрузите страницу сайта: созданный список со ссылками должен появиться в "подвале":
Не забудьте оформить список при помощи CSS: установить отступы (свойство margin), что бы модуль размещался визуально правильно - не был "прижат" к какому-нибудь краю и т.д. (это зависит от содержимого).
Таким же образом вы можете создать и установить второй модуль, расположив его посередине (опять же за счёт установления отступов).
После того, как вы оформите "подвал", переходите к следующей главе, в которой будет рассказано об одном из важных компонентов сайта - форуме.