Кастомизация меню WordPress / Меню каталога WordPress

preview_player
Показать описание
Урок во второй половине получился сумбурным, поэтому смотрите таймкоды. Часто при разработке проектов на WordPress, необходимо кастомизировать меню: изменить HTML, CSS стили или вывести дополнительную информацию. В этом видео мы с вами модифицируем меню.
Во-первых, выведем меню каталога из пункта меню, который может указать администратор, а также выведем товары каталога в меню, которые также будет указывает администратор сайта. Во-вторых, дадим возможность администратору указывать у выпадающего меню второго уровня иконки. Для работы будем использовать дочерний класс Walker_Nav_Menu() и Carbon Fields.

Таймкоды:
00:00 Вступление
1:55 Подготовительные работы
2:05 Установка Carbon Fields
2:30 Установка WooCommerce через WP CLI
4:10 Генерация товаров через WP CLI
6:05 Подготовка меню
7:40 Создание полей ввода для управления меню каталога и иконками Carbon Fields
13:50 Создание полей для категорий Carbon Fields
16:30 Кастомизация вёрстки меню Walker_Nav_Menu()
19:58 Вывод иконок у меню второго уровня
21:13 Вывод меню каталога
39:40 Стилизация меню
42:30 Убираем баг со стрелочкой у меню каталога и продолжаем стилизацию
45:00 Исправление бага вывода товаров WooCommerce в меню: не выводятся товары
45:50 Скрипт jQuery для отображения товаров WooCommerce у категории в меню
50:40 Продолжаем править стили меню и товаров
52:10 Исправляем баг вывода товаров WooCommerce в меню: выводятся не те товары
53:48 Финальные правки стилей
55:26 Подключение иконок Font Awesome. Исправление бага вывода иконок
58:22 Заключение

Рекомендации по теме
Комментарии
Автор

спасибо за пример работы с классом волкера, круто!🎉

nndscrpt
Автор

Спасибо огромное, очень все приятно доносите. Хороший контент делаете!

BrestSouth