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

Скачать исходники для статьи можно ниже

Сведения о плагине “Line Style Menus – Beautiful line styled menus”:
Количество активных установок плагина: 20+
Последнее обновление: 2 месяца назад.
Сайт плагина: “wordpress.org/plugins/line-styled-menu/”

Демо-сайт, где вы сможете ознакомиться со всеми возможностями данного плагина по созданию меню для вашего сайта: “tympanus.net/Development/LineMenuStyles/”

Устанавливаем и активируем плагин через админку wordpress: пункт “Плагины” – подпункт “Добавить новый” – в строку поиска вводим название плагина – устанавливаем и активируем.

Далее для создания меню можно воспользоваться следующим кодом:

<nav class="menu menu--miranda">
<ul class="menu__list">
	<li class="menu__item"><a class="menu__link">ГЛАВНАЯ</a></li>
	<li class="menu__item"><a href="https://mnogoblog.ru" class="menu__link">КАРТА САЙТА</a></li>
	<li class="menu__item"><a href="https://mnogoblog.ru" class="menu__link">FREE WP ТЕМЫ</a></li>
	<li class="menu__item"><a  href="https://mnogoblog.ru" class="menu__link">TOP САЙТОВ</a></li>
	<li class="menu__item"><a href="https://mnogoblog.ru" class="menu__link">ВИДЕО</a></li>
</ul>
</nav>

Можете, для примера, вставить вышеуказанный код в Запись/Страницу во вкладке “Текст”:

В вышеуказанном коде “-miranda” – задает стиль меню.
Можно задать следующие стили меню:
-sebastian
-prospero
-viola
-antonio
-miranda
-ariel

Все их можно посмотреть на демо-сайта – “tympanus.net/Development/LineMenuStyles/”