Эгея. Оформляем шапку блога
Разберем, как сделать навигационное меню в шапке блога.
Что за «Эгея» такая?
«Эгея» это движок блога. Его придумал Илья Бирман.
Вот официальный сайт https://blogengine.ru/
Прелесть этого движка в том, что он:
- Бесплатный. Но есть платные фичи
- Легко устанавливается
- Не требует глубоких знаний в вебе
Подробнее про «Эгею» можно посмотреть на ютубе «Что делает движок блога „Эгея“ · Доклад, 2023»
Зачем в блоге меню?
Если коротко — для навигации.
В шапке можно закрепить ссылки на разные теги, например, портфолио, фотографии, услуги, кейсы и что угодно еще. Или ссылку на сервис донатов, да, так тоже можно.
Вот несколько примеров:
В таком виде шапка превращается в навигационное меню.
Как сделать?
Вот что нужно будет сделать:
- Выбрать нужные теги.
- Оформить ХТМЛ-код.
- Добавить код в настройки блога.
У вас всё получится. А если не получится, напишите мне, и я сделаю так, чтобы всё получилось.
Выбираем теги
Для начала нужно определиться, какие теги добавить в шапку блога.
Обычно все теги можно найти по адресу:
https://ваш_домен/blog/tags/
У меня адрес выглядит так:
Откройте страницы с нужными тегами. Нам понадобится их адрес.
Пример:
https://antonkoshuba.ru/blog/tags/redaktura/
Оформляем ХТМЛ-код
Чтобы меню было кликабельным, используем тег
<a href=""></a>
Пример:
<a href="адрес ссылки на тег">текст ссылки</a>
Наведем немного красоты. Зададим высоту блока ссылок, кегль и интерлиньяж, добавим неразрывные пробелы.
Вот мой пример:
<nav style= "height: 23.5px; font-size: 16px; line-height: 25.5px;"> <a href="https://antonkoshuba.ru/blog/tags/redaktura/">Редактура</a> <a href="https://antonkoshuba.ru/blog/tags/mir/">Мир</a> <a href="https://antonkoshuba.ru/blog/tags/portfolio/">Портфолио</a></nav>
Можете скопировать его, только не забудьте заменить ссылки на свои.
Добавляем ХТМЛ-код в настройки
Нажмите на шестеренку:
Вставьте код из предыдущего шага в поле «Подзаголовок»:
Нажмите «Сохранить изменения».
Enjoy
Спасибо за вопрос Ольге Паньшиной
Еще по теме
Как установить движок для блога Эгея