Главное меню для Эгеи

Главное меню для Эгеи

Как известно, в движке Эгея, на котором работает в том числе и мой блог, напрочь отсутствует такой наиполезнейший элемент навигации, как главное меню, с помощью которого автор может группировать посты в тематические разделы, а посетители — мгновенно находить информацию на интересующую их тему, не прибегая к поисковой строке и тегам.

Как такое может быть, что в движке вообще нет главного меню? Полагаю, лучше спросить об этом разработчика, г-на Бирмана. И если вы по природе своей человек инициативный и терпеливый, вы даже можете попросить его прикрутить туда этот функционал. Я, однако, его ни о чём больше просить не буду, поскольку уже пробовал (и не единожды), и пришёл к выводу, что это, к сожалению, не особенно продуктивно, ибо функционал, который лично разработчику не кажется правильным и/или нужным (к примеру, пресловутый «кат»), либо вовсе не будет реализован (вероятно, из принципа), либо положен в долгий и пыльный ящик на неопределённый срок. Впрочем, это всего лишь мой опыт; уверен, вам повезёт куда больше.

Так что огромное, искреннее спасибо ему за Эгею, и за то, что она бесплатна, но, честное слово, я бы лучше предпочёл купить её за разумные деньги и периодически обновлять на платной основе — и быть уверенным, что разработчик делает данный продукт в первую очередь для пользователей, а не для самого себя.

Это было лирическое отступление. А теперь о главном: поскольку выяснилось, что я далеко не единственный пользователь Эгеи, кому нужно главное меню, рассказываю, как сделать простое меню — такое, как у меня на сайте.

Примечание: для добавления меню вам понадобится доступ к файлам Эгеи на вашем сервере. Приведённое описание действительно для Эгеи 2.7, но думаю, без проблем должно быть применимо и к прочим версиям.

1. Уберите строку с описанием сайта

По умолчанию под названием блога Эгея отображает строку с кратким описанием, которое задаётся в настройках:

Если вам очень нужна эта строка, переходите к следующему пункту. Если нет, давайте её уберём. Самое очевидное решение — оставить строку «Коротко о блоге» пустой — чревато тем, что главная страница сайта лишится ценного метатега description, т. е. вот этой строчки (её видно при просмотре кода страницы):

<meta name="description" content="Блог о котиках и птичках" />

Поскольку для поисковых систем страница, не имеющая meta description, не есть гут, данное решение нам не очень подходит. Чтобы решить задачу более выгодным способом, откройте на вашем сервере эгейский php-шаблон /themes/plain/templates/layout.tmpl.php и удалите строку:

<div id="e2-blog-description"><?= $content['blog']['description'] ?></div>

Таким образом строка с описанием отображаться не будет, однако meta description для главной страницы будет сохранён и виден поисковым системам.

2. Вставьте HTML-код с пунктами меню

Если в предыдущем пункте вы удалили строку с описанием, то на её место вставьте HTML-код с меню:

<nav id="main-menu">
	<ul>
		<li><a href="/tags/cats/">Котики</a></li>
		<li><a href="/tags/birds/">Птички</a></li>
		<li><a href="/tags/about/">Об авторе</a></li>
	</ul>
</nav>

Если строку с описанием вы не удаляли, в таком случае вставьте меню сразу после неё.

Названия пунктов меню, разумеется, условные, количество может быть произвольным. Замените названия пунктов на свои, а в качестве ссылок впишите ссылку на нужный тег или тематический раздел на вашем сайте.

3. Отформатируйте меню с помощью CSS

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

Для этого создайте в любом текстовом редакторе новый файл и поместите туда следующий CSS-код:

#main-menu ul {
  list-style: none;
  line-height: 2em;
  margin: 10px 0 0 0;
}

#main-menu li {
	display: inline;
	font-size: 17px;	
}

#main-menu a {
	display: inline-block;
	border: none;
	padding: 0 16px 0 0;
	text-decoration-line: underline;
	text-decoration-color: #e2e2e2;
}

Сохраните данный CSS-файл на вашем сервере — например, в корне сайта или какой-то другой папке. Чтобы Эгея смогла использовать ваш CSS-файл, путь к нему нужно прописать в шаблоне шапки страницы. Для этого откройте файл system/theme/templates/head.tmpl.php, найдите там строку:

<link rel="stylesheet" type="text/css" href="<?= $stylesheet ?>" />

…и сразу после неё впишите строку с указанием пути к вашему файлу. К примеру, если ваш CSS-файл называется mystuff.css и лежит в корне сайта, то путь к нему будет выглядеть следующим образом:

<link rel="stylesheet" type="text/css" href="mystuff.css" />

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

Удачи!

Поделиться
Отправить
Запинить
 135   5 мес   Эгея
1 комментарий
Igor 5 мес

Ай да, Александр, ай да блогер! Ну вы блин даете! Это если что восхищение, что вопросу залетного читателя вы посвятили отдельный пост и в максимально короткий срок. Удивили, конечно. Спасибо огромное за такой подход и проделанную работу:)
П.С. Чего бы еще такого спросить?:)

Александр Токарев 5 мес

На доброе здоровье! На самом деле, про меню не первый раз спрашивают, поэтому я подумал, что самое время пошаговое руководство сделать, дабы закрыть гештальт )

Популярное