Ручные настройки меню на Wordpress
Как настроить меню на WordPress.
Статья с исходным кодом тут https://e-integrate.ru/kastomizatsiya...
И так чего мы сегодня научимся делать?
• Как задать цвет текста всему меню 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. В этом плагине есть галочка которая позволяет фиксировать меню. Так же этот плагин позволяет менять цвет меню при скроллинге, прятать меню при прокрутки вниз и доставать при прокрутке вверх
Если что не понятно пишите в комментах, или бронируйте консультацию тут https://e-integrate.ru/bronirovanie-k... найдем выход из любой ситуации.
Мой курс по созданию сайтов https://e-integrate.ru
Спасибо что посмотрели это видео, следить за обновлением нужно подписавшись на канал по ссылке / @tekhnologiaru
Мой второй канал с различными лайфхаками для жизни тут http://www.youtube.com/user/mosgy?sub...
И канал Светланы с простыми рецептами тут / @svetlana_gerasimova
И о том как мы путешествуем можете посмотреть / @dvoyniru
А так же на сайте http://tekhnologia.ru/ или http://dvoyni.ru/
Всего наилучшего!
В боевой режим вошел сайт Экспресс курс по созданию сайтов http://e-integrate.ru Добро пожалуйста на обучение.
Я оказываю платную помощь в виде скайп консультации и помогаю вам лично решить любой вопрос по созданию сайтов. Записаться можно тут http://bit.ly/2uMfI8i
Вопросы в комментарии задавайте и оцените это видео лайком или дизлайком