Как настроить меню на WordPress.
Статья с исходным кодом тут
И так чего мы сегодня научимся делать?
• Как задать цвет текста всему меню 1:19
• Как выделить 1 пункт меню цветом 3:11
• Как сделать пункты меню разными цветами 4:03
• Изменить общий цвет меню 4:38
• Сделать подчеркивание при наведении в меню 5:49
• Как изменить цвет фона пункта меню при наведении 7:39
• Сделать увеличение при наведении 9:46
• Сделать разный цвет при наведении на разные пункты меню 8:11
• Как сделать фиксированное меню 10:19
• Как сделать чтобы при скроллинге меню меняло фон и размер 11:22
• Как сделать меню во всплывающем окне 18:06
• Как сделать выезжающее боковое меню 18:06
Иногда нужно выкрасить первый пункт меню, например, в красный и сделать жирным. Нужно было это одному заказчику, зачем не понятно, но надо. Что я только не находил и при помощи хуков на php и java и какие только конструкции не использует народ для такого простого решения.
Вся загвоздка в том, что классы первого второго и последующих пунктов одинаковы и при помощи css это казалось сделать нельзя.
Решил очень просто. При создании меню в WordPress, в место привычного названия пункта меню ГЛАВНАЯ вставил HTML код и получилось. Поле для ввода названия пункта меню при создании меню в WordPress понимает HTML и это дает возможность форматировать названия пунктов, как угодно.
Начал разбираться с CSS, оказывается каждый пункт меню все-таки имеет свой индивидуальный класс, а это уже сильно упрощает задачу. Вот код который я использовал в видео
=-=-=-=-
Как сделать чтобы меню прилипало сверху и меняло цвет при скроллинге.
Как зафиксировать меню если нет Elementor Pro
В видео я показываю, как сделать это двумя способами. Сначала просто чистый css и второй способ — это плагин.
Смотрите видео а Код для этих целей чтоб не писать можете скопировать
Поменяйте только класс на свой
А еще есть второй вариант. Я просто использовал бесплатный плагин Sticky Header Effects for Elementor. В этом плагине есть галочка которая позволяет фиксировать меню. Так же этот плагин позволяет менять цвет меню при скроллинге, прятать меню при прокрутки вниз и доставать при прокрутке вверх
Если что не понятно пишите в комментах, или бронируйте консультацию тут найдем выход из любой ситуации.
Мой курс по созданию сайтов
Спасибо что посмотрели это видео, следить за обновлением нужно подписавшись на канал по ссылке
Мой второй канал с различными лайфхаками для жизни тут
И канал Светланы с простыми рецептами тут
И о том как мы путешествуем можете посмотреть
А так же на сайте или
Всего наилучшего!
В боевой режим вошел сайт Экспресс курс по созданию сайтов Добро пожалуйста на обучение.
Я оказываю платную помощь в виде скайп консультации и помогаю вам лично решить любой вопрос по созданию сайтов. Записаться можно тут
Вопросы в комментарии задавайте и оцените это видео лайком или дизлайком . про настроить вордпресс.