Ручные настройки меню на Wordpress

Как настроить меню на 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. В этом плагине есть галочка которая позволяет фиксировать меню. Так же этот плагин позволяет менять цвет меню при скроллинге, прятать меню при прокрутки вниз и доставать при прокрутке вверх

Всего наилучшего!

Вопросы в комментарии задавайте и оцените это видео лайком или дизлайком

[jiklueu]

Ярослав, приветствую! Спасибо огромное за уроки! Можно чуть в сторону? Как сделать так, чтобы в записи не показывалась фото, прикрепленное к записи. Оно мутнеет при наведении и Заказчику это очень не нравится...

[sidmaker]

Здравствуйте! Спасибо за видео. Скажите пожалуйста как в теме астра сделать чтобы меню растянулось на всю ширину и имело межу элементами одинаковое расстояние? Я перепробовал все свойства flex контейнера и не получается сделать.

[ivanpervov]

Приветствую. Буду рад если подскажете программу с помощью которой делаете запись экрана 😇

[eded]

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

[O_May_Good]

Ярослав, вечер добрый, огромное спасибо за все ваши работы! Хотел узнать - как можно получить купон скидки на безлимит?) Если здесь неудобно отвечать - можно ли написать Вам сообщение на почту или на какой то странице в личке?

[bahtiyor]

Как изменить расстояние между элементами меню?

[vgibgcz]

Добрый день, плагин почему-то не работает. При включении не происходит залипания. Что может быть?