Редактирование «подвала» в footer.js

Скрипт в файле footer.js проверяет, на какой странице школы находится пользователь. Если это страница тренинга или урока — выводит подвал. Сделано это для того, чтобы не выводить футер на административных страницах.

Сам код разметки подвала выглядит так:

В строке 14 вы можете изменить копирайт, заменив мои имя и фамилию на свои или на название школы.

Далее идёт меню с классом footer-nav. После него — меню с иконками социальных сетей. В самом конце — кнопка «Наверх» с идентификатором scrollToTopBtn.

Редактирование навигационного меню

Чтобы изменить пункты меню — просто замените ссылку и текст:

Ссылка, которая будет открываться при нажатии, указывается в параметре href="".

<li><a href="ВАША_ССЫЛКА" target="_blank">ВАШ ТЕКСТ ССЫЛКИ</a></li>

Если вам нужен дополнительный пункт меню, просто скопируйте строку со ссылкой и вставьте дополнительную. Если, наоборот, какой-то пункт лишний — удалите соответствующую строку.

Пример:

<p>© ВАШ КОПИРАЙТ</p>
<nav class="footer-nav">
    <ul>
        <li><a href="ВАША_ССЫЛКА_1" target="_blank">ТЕКСТ ССЫЛКИ 1</a></li>
        <li><a href="ВАША_ССЫЛКА_2" target="_blank">ТЕКСТ ССЫЛКИ 2</a></li>
        <li><a href="ВАША_ССЫЛКА_3" target="_blank">ТЕСКТ ССЫЛКИ 3</a></li>
        <li><a href="ВАША_ССЫЛКА_4" target="_blank">ТЕСКТ ССЫЛКИ 4</a></li>
    </ul>
</nav>

Если вы хотите полностью скрыть меню, добавьте класс hidden к тегу <nav>:

<nav class="footer-nav hidden">
    <ul>
        <li><a href="ВАША_ССЫЛКА_1" target="_blank">ТЕКСТ ССЫЛКИ 1</a></li>
        <li><a href="ВАША_ССЫЛКА_2" target="_blank">ТЕКСТ ССЫЛКИ 2</a></li>
        <li><a href="ВАША_ССЫЛКА_3" target="_blank">ТЕСКТ ССЫЛКИ 3</a></li>
        <li><a href="ВАША_ССЫЛКА_4" target="_blank">ТЕСКТ ССЫЛКИ 4</a></li>
    </ul>
</nav>

С помощью класса hidden вы можете скрыть и меню со ссылками на соцсети, и отдельные его пункты. Или можете просто удалить меню целиком.

Редактирование ссылок на социальные сети

Я сразу добавил в шаблон несколько социальных сетей. Иконки для них подставляются из набора FontAwesome, который подключен в GetCourse по умолчанию.

Часть ссылок в футере сразу скрыта с помощью класса hidden. Если вам нужна та или иная кнопка, просто удалите класс, и кнопка появится в футере.

Определить соцсеть можно по классам: fa-telegram, fa-whatsapp, fa-vk и т. д.

Вы можете удалить лишние пункты, если не планируете их использовать. Или скройте классом hidden.

Пример, как может выглядеть ваше меню соцсетей:

<nav class="footer-nav social-icons">
    <ul>
        <li><a href="ССЫЛКА_НА_ВАШ_ТЕЛЕГРАМ" target="_blank"><i class="fa-brands fa-telegram"></i></a></li>
        <li><a href="ССЫЛКА_НА_ВАШ_WHATSAPP" target="_blank"><i class="fa-brands fa-whatsapp"></i></a></li>
        <li><a href="ССЫЛКА_НА_ВАШУ_ГРУППУ_VK" target="_blank"><i class="fa-brands fa-vk"></i></a></li>
        <li class="hidden"><a href="#" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
        <li class="hidden"><a href="#" target="_blank"><i class="fa-brands fa-youtube"></i></a></li>
        <li class="hidden"><a href="#" target="_blank"><i class="fa-brands fa-square-x-twitter"></i></a></li>
        <li class="hidden"><a href="#" target="_blank"><i class="fa-brands fa-tiktok"></i></a></li>
        <li class="hidden"><a href="#" target="_blank"><i class="fa-brands fa-linkedin"></i></a></li>
        <li><a href="ССЫЛКА_НА_ВАШ_САЙТ" target="_blank"><i class="fa-solid fa-link"></i></a></li>
        <li><a href="ССЫЛКА_НА_ВАШУ_ПОЧТУ" target="_blank"><i class="fa-solid fa-envelope"></i></a></li>
    </ul>
</nav>

В примере выше будут выведены иконки Телеграма, Ватсапа, ВК, сайта и почты. Остальные — скрыты классом hidden.

Если хотите полностью скрыть меню с кнопками соцсетей, просто добавьте класс hidden к тегу <nav>:

<nav class="footer-nav social-icons hidden">

Или удалите весь блок от <nav> до </nav>.

Кнопка «Наверх»

Код кнопки «Наверх» расположен сразу под меню социальных сетей. Выглядит вот так:

<a href="#" id="scrollToTopBtn" class="scroll-to-top">↑</a>

Изменять в ней ничего не нужно. Если вы хотите оставить только эту кнопку и вам не нужен ни копирайт, ни меню, удалите всё лишнее, чтобы в блоке кода после //Добавляем содержимое футера получилось так:

После кнопки «Наверх» идёт завершение функции добавления подвала и скрипт самой кнопки. Изменять в них что-то, если вы не понимаете, что делаете, не рекомендую.