Популярное

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

47 Просмотры
#полезныесоветыдлядома #полезныесоветыдляженщин #каквыбратьрецептыкрасоты #каквыбратьсоветы #каквыбратьавтомобиль #каквыбратьмебель #каквыбратьдиван #каквыбратьматрас #какзастраховатьавтомобиль #каквыбратьриэлтора #каквыбратькафель #каквыбратьламинат #каквыбратьдвери #каквыбиратьбытовуютехнику #каквыбратьпластиковыеокна #каквыбратьнапольноепокрытие #каквыбратьнатяжнойпотолок #каквыбратьобувь #каквыбратьодежду #каквыбратьочки #каквыбратьшторы #каквыбратьпостельноебелье #каквыбратьпосуду #каквыбратьсмартфон #каквыбратьтелефон #каквыбратьнатуральнуюкосметику #каквыбратькрем #как выбратьрецепты #каквыбратьдиету #каквыбратькосметикудлялица #каквыбратькофеварку #каквыбратькупальник #каквыбратькухню #каквыбратьотдых #каквыбратьтур #каквыбратьнедвижимость #каквыбратьквартиру #каквыбратьдом #каквыбратьбизнес #каквыбратьпрофесию #каквыбратьзаработоквинтернете
Издатель
Как настроить меню на WordPress.
Статья с исходным кодом тут https://e-integrate.ru/kastomizatsiya-menyu-na-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. В этом плагине есть галочка которая позволяет фиксировать меню. Так же этот плагин позволяет менять цвет меню при скроллинге, прятать меню при прокрутки вниз и доставать при прокрутке вверх
Если что не понятно пишите в комментах, или бронируйте консультацию тут https://e-integrate.ru/bronirovanie-konsultatsii-po-skajpu/ найдем выход из любой ситуации.
Мой курс по созданию сайтов https://e-integrate.ru
Спасибо что посмотрели это видео, следить за обновлением нужно подписавшись на канал по ссылке http://www.youtube.com/channel/UCOvS3wi2Tr9Q15xVnWpgBtQ?sub_confirmation=1

Мой второй канал с различными лайфхаками для жизни тут http://www.youtube.com/user/mosgy?sub_confirmation=1

И канал Светланы с простыми рецептами тут http://www.youtube.com/channel/UCotlgDYPTlc661rqYbJbIlQ?sub_confirmation=1

И о том как мы путешествуем можете посмотреть https://www.youtube.com/channel/UC6sQNeM6pOH7q17QKed4SUg?sub_confirmation=1

А так же на сайте http://tekhnologia.ru/ или http://dvoyni.ru/
Всего наилучшего!

В боевой режим вошел сайт Экспресс курс по созданию сайтов http://e-integrate.ru Добро пожалуйста на обучение.

Я оказываю платную помощь в виде скайп консультации и помогаю вам лично решить любой вопрос по созданию сайтов. Записаться можно тут http://bit.ly/2uMfI8i

Вопросы в комментарии задавайте и оцените это видео лайком или дизлайком
Категория
Как создать свой стиль
Комментариев нет.
Яндекс.Метрика