Скачать "#23 Add custom html to wordpress menu | How to make html menu dynamic in wordpress | wp_nav_menu"

"videoThumbnail #23 Add custom html to wordpress menu | How to make html menu dynamic in wordpress | wp_nav_menu

0:58

Wp Get Nav Menu Items

2:28

Get Nav Menu Locations

3:23

Get Menu Id

7:39

Parent Menu or Child Menu

imranhsayed

Github - imranhsayed

ImranSayedDev

add custom html to wordpress menu

wordpress custom menu code

how to make html menu dynamic in wordpress

codeytek

wordpress get current menu item

wp_nav_menu

wp_nav_menu container

wp_nav_menu walker

wordpress navigation menu

Imran Sayed - Codeytek Academy

wordpress

theme

menu

00:00:00

[Смех]

00:00:04

[Музыка]

00:00:07

привет и добро пожаловать всем на

00:00:09

очередной эпизод продвинутой

00:00:11

разработки команды WordPress. В предыдущем видео

00:00:13

мы говорили о том, как двигаться дальше и

00:00:15

регистрировать меню, а также узнали, что

00:00:18

если мы хотим отобразить меню, мы можем

00:00:20

просто использовать функция, а затем она отображает

00:00:23

ее, которая будет иметь

00:00:26

правильное имя меню WP, однако мы также узнали, что

00:00:29

мы также заметили, что если я хочу создать

00:00:33

собственное меню, то нам придется сделать

00:00:34

что-то еще, потому что это не дает

00:00:36

мне доступа для изменения чего-либо. или измените

00:00:39

структуру меню в нашем объявлении, или

00:00:42

оно не очень гибкое, я бы сказал, хорошо,

00:00:45

в этом случае мы можем сделать следующее: нам

00:00:47

по сути нужно получить меню в форме

00:00:50

массива или объекта, чтобы мы

00:00:52

могли зацикливаться через это и просто создайте

00:00:55

нашу собственную структуру, чтобы у нас была

00:00:57

доступная функция, которая

00:00:59

называется WP, получает элементы навигационного меню и

00:01:01

извлекает все элементы меню

00:01:04

навигационного меню, так что на самом деле

00:01:07

наша работа была бы намного проще, если бы мы это сделали это

00:01:10

верно, так что это такое, кроме того, что он принимает

00:01:14

меню, и это обязательные аргументы не

00:01:18

являются обязательными, поэтому он может принимать идентификатор меню,

00:01:22

фрагмент, имя или объект, однако как нам

00:01:26

получить идентификатор меню, потому что все, что мы знаем,

00:01:30

идентификатор меню может измениться, как я могу на самом деле не стоит идти

00:01:33

и брать идентификатор меню, это не

00:01:36

лучшая практика, но что не

00:01:38

изменится, так это это местоположение, поэтому в основном

00:01:43

то, что вы хотите сделать, это мы хотим получить

00:01:45

идентификатор меню с помощью

00:01:48

местоположения меню, так что для что мы сделаем, так это

00:01:51

просто создадим функцию внутри

00:01:52

нашего меню класса и получим ее, так что мы

00:01:57

скажем, что публичная функция получает идентификатор меню, а затем

00:02:04

она возьмет местоположение темы, поэтому

00:02:06

мы просто назовем ее местоположением, а затем

00:02:09

внутри этого мы сделаем

00:02:13

еще одну функцию, доступную в WordPress,

00:02:14

которая называется «получить местоположения меню навигации»,

00:02:19

поэтому мы получим все местоположения,

00:02:21

доступные на сайте, и сохраним их

00:02:25

внутри мест, и мы вызовем эту

00:02:28

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

00:02:30

и я хочу показать вам, что оно

00:02:33

на самом деле производит, поэтому я просто распечатаю

00:02:35

это здесь, местоположения, и, конечно, мне

00:02:40

нужно вызвать эту функцию, чтобы

00:02:42

я мог просмотреть это, так что давайте продолжим и

00:02:45

вызовем это внутри меню Nam, я собираюсь

00:02:46

избавиться от этого, нам это сейчас не нужно,

00:02:51

и мы в принципе можем позвонить сюда, чтобы получить

00:02:56

экземпляр, помните об этом, так что это

00:02:59

класс меню из любого объекта,

00:03:01

и тогда мы в основном хотим, чтобы

00:03:04

экземпляр меню, хорошо, хорошая часть заключается в том, что

00:03:07

независимо от того, сколько раз вы вызываете

00:03:09

экземпляр get, он получит вас только в

00:03:12

первом экземпляре, не собираясь продолжать

00:03:15

создавать объекты, потому что мы

00:03:17

используем шаблон Singleton, так что это

00:03:19

здорово, хорошо, так что мы хотим иметь возможность вызывать

00:03:22

функцию получения идентификатора меню, которую мы только что

00:03:30

создали внутри нашего класса меню, упс,

00:03:32

а затем она будет запрашивать

00:03:36

местоположение темы, чтобы местоположение темы было одинаковым, а,

00:03:43

так что вы можете видеть, что это

00:03:45

местоположение команды Меню ошибок Aquila, окей, оно у

00:03:53

вас есть, а теперь я

00:03:55

обновлю его, и вот вы

00:03:59

видите, что у меня есть основное меню,

00:04:03

которое, я думаю, WordPress регистрирует

00:04:04

автоматически, а затем это

00:04:06

два других меню, которые мы зарегистрировались,

00:04:10

поэтому нас интересует

00:04:12

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

00:04:16

просто вернуться к коду внутри моей

00:04:21

функции, и здесь я скажу получить

00:04:29

идентификатор объекта по местоположению, хорошо, поэтому мы скажем

00:04:35

идентификатор меню равно местоположению, и мне нужен

00:04:41

первый элемент, поэтому первым элементом будет

00:04:43

местоположение, хорошо, поэтому просто хочу еще раз показать

00:04:48

вам, что у нас есть

00:04:51

локации, это вот это, и меня в основном

00:04:56

интересует этот элемент, поэтому у меня есть

00:04:58

местоположения, поэтому это местоположение равно

00:05:02

этот массив, поэтому, если мне нужен этот элемент, мне

00:05:04

просто нужно передать ключ этого права, и это то, что

00:05:05

я делаю прямо сейчас, поэтому

00:05:08

я говорю местоположения, которые являются этим массивом,

00:05:09

а затем я передаю ключ того, что

00:05:12

это правильно, потому что это то, что

00:05:15

мы просили, когда мы вызываем эту функцию,

00:05:17

мы передали местоположение меню, поэтому многие

00:05:21

местоположения входят в местоположение, и

00:05:23

это то, что мы передаем, и у нас есть ключ,

00:05:25

который означает, что я ожидаю увидеть это

00:05:27

значение, которое было идентификатором меню окей,

00:05:31

отлично, давайте сделаем это, и теперь, если я

00:05:36

распечатаю его, вы можете повторить его, если хотите, у

00:05:40

меня просто есть этот шаблон go, вот и

00:05:43

все, и он у вас есть, окей,

00:05:45

отлично,

00:05:47

поэтому мы просто скажем return

00:05:51

not пустой идентификатор меню, затем верните идентификатор меню,

00:06:03

иначе ничего не возвращайте, окей,

00:06:08

отлично, здорово, у вас есть идентификатор меню, и это здорово,

00:06:12

мы просто сохраним его в

00:06:15

идентификаторе меню, поэтому мы скажем, что это

00:06:22

меню заголовка ID, отлично, так что если у

00:06:29

вас есть идентификатор меню, и мы все знаем,

00:06:32

что у нас есть эта функция, с помощью

00:06:34

которой мы можем передать идентификатор меню и получить

00:06:36

все меню, и это то, что нам

00:06:37

интересно, просто вызовите эту

00:06:40

функцию здесь, и мы будем хранить его

00:06:42

внутри меню заголовков. Это эквивалентно

00:06:48

пунктам меню WP getnum, и у нас уже

00:06:50

есть идентификатор меню, и это здорово, и давайте

00:06:53

просто распечатаем его, чтобы посмотреть, что мы получим внутри

00:06:55

него, хорошо, отлично, так что это обновите и

00:07:01

готово, поздравляю, у вас есть

00:07:03

все пункты меню, которые вы видите, что

00:07:06

вы знаете, что у вас есть правильный URL-адрес заголовка, у

00:07:12

вас есть вся эта информация, чего у

00:07:14

нас нет, так это того, что у нас нет это

00:07:19

организовано в виде отношений дочернего меню, у

00:07:21

нас просто есть все

00:07:24

меню, включая дочернее, а также

00:07:26

родительское право, поэтому то, что мы хотим сделать, это

00:07:29

в основном отображать таким образом, чтобы у меня

00:07:31

было родительское меню, а затем под

00:07:34

которым у нас было дочернее меню, и как

00:07:35

нам это сделать, и как нам узнать, является ли это

00:07:40

родительским меню или дочерним меню? Ну, вы

00:07:42

заметите, что есть что-то, называемое

00:07:43

родительским элементом меню, и вы можете увидеть, что для

00:07:48

этого меню оно равно нулю, что означает, что

00:07:50

это родительское меню, потому что у него нет

00:07:51

идентификатора родительского меню, поэтому везде, где мы

00:07:55

его находим, как в данном случае для нашей

00:08:01

галереи, если вы посмотрите,

00:08:04

галерея платная и специальное путешествие

00:08:06

правильно, поэтому у этого есть идентификатор родительского меню, и

00:08:10

именно так мы узнайте, что хорошо, это

00:08:13

дочернее меню, что означает, что в

00:08:15

первом цикле, когда мы работаем, мы

00:08:17

хотим отображать только те пункты меню,

00:08:20

где родительский элемент меню равен нулю,

00:08:24

потому что это будет означать, что они являются

00:08:26

родительскими, а во втором цикле, который находится

00:08:27

во внутренних циклах, тогда мы можем перейти

00:08:30

к дочерним меню, хорошо,

00:08:31

тогда давайте начнем

00:08:33

[Музыка]

Описание:

add custom html to wordpress menu Advanced WordPress Theme Development | Wordpress theme development course add custom html to wordpress menu wordpress custom menu code how to make html menu dynamic in wordpress wordpress get current menu item wp_nav_menu wp_nav_menu container wp_nav_menu walker wordpress navigation menu ----- SUBSCRIBE TO CHANNEL - https://www.youtube.com/c/ImranSayedDev?sub_confirmation=1 *** Full Playlist *** https://codeytek.com/course/advanced-wordpress-theme-development-course/ *** Github repo *** https://github.com/imranhsayed/aquila Please star my repo to support my work 🙏 ******* Social Links ******** Please follow 🙏 Twitter - @codeytek https://twitter.com/codeytek Github - imranhsayed https://github.com/imranhsayed ******* Other Playlist ****** ==== REACT TUTORIALS ==== https://codeytek.com/course/react-tutorial-from-beginner-to-advanced-course/ ==== REDUX TUTORIALS ==== https://codeytek.com/course/redux-tutorial-for-beginners-course/ ==== REACT WITH WORDPRESS TUTORIALS ==== https://codeytek.com/course/headless-wordpress-react-course/ ==== WEBPACK TUTORIALS ==== https://codeytek.com/course/webpack-tutorial-course/

Готовим варианты загрузки

Популярные

HD видео

Только звук

Все форматы

#29 Get blog page title wordpress | WordPress get page title outside loop | seo page title wordpress

#29 Get blog page title wordpress | WordPress get page title outside loop | seo page title wordpress

Канал: Imran Sayed - Codeytek Academy

#11 Advanced WordPress Theme Development | spl_autoload_register | autoloading classes in php

#11 Advanced WordPress Theme Development | spl_autoload_register | autoloading classes in php

Канал: Imran Sayed - Codeytek Academy

#8 Advanced WordPress Theme Development | Bootstrap WordPress Theme | get_template_part

#8 Advanced WordPress Theme Development | Bootstrap WordPress Theme | get_template_part

Канал: Imran Sayed - Codeytek Academy

#3 Advanced WordPress Theme Development | Wordpress theme development course | get_header get_footer

#3 Advanced WordPress Theme Development | Wordpress theme development course | get_header get_footer

Канал: Imran Sayed - Codeytek Academy

* — Если видео проигрывается в новой вкладке, перейдите в неё, а затем кликните по видео правой кнопкой мыши и выберите пункт "Сохранить видео как..."

** — Ссылка предназначенная для онлайн воспроизведения в специализированных плеерах

Вопросы о скачивании видео

Как можно скачать видео "#23 Add custom html to wordpress menu | How to make html menu dynamic in wordpress | wp_nav_menu"?

Сайт http://unidownloader.com/ — лучший способ скачать видео или отдельно аудиодорожку, если хочется обойтись без установки программ и расширений. Расширение UDL Helper — удобная кнопка, которая органично встраивается на сайты YouTube, Instagram и OK.ru для быстрого скачивания контента.
Программа UDL Client (для Windows) — самое мощное решение, поддерживающее более 900 сайтов, социальных сетей и видеохостингов, а также любое качество видео, которое доступно в источнике.
UDL Lite — представляет собой удобный доступ к сайту с мобильного устройства. С его помощью вы можете легко скачивать видео прямо на смартфон.

Какой формат видео "#23 Add custom html to wordpress menu | How to make html menu dynamic in wordpress | wp_nav_menu" выбрать?

Наилучшее качество имеют форматы FullHD (1080p), 2K (1440p), 4K (2160p) и 8K (4320p). Чем больше разрешение вашего экрана, тем выше должно быть качество видео. Однако следует учесть и другие факторы: скорость скачивания, количество свободного места, а также производительность устройства при воспроизведении.

Почему компьютер зависает при загрузке видео "#23 Add custom html to wordpress menu | How to make html menu dynamic in wordpress | wp_nav_menu"?

Полностью зависать браузер/компьютер не должен! Если это произошло, просьба сообщить об этом, указав ссылку на видео. Иногда видео нельзя скачать напрямую в подходящем формате, поэтому мы добавили возможность конвертации файла в нужный формат. В отдельных случаях этот процесс может активно использовать ресурсы компьютера.

Как скачать видео "#23 Add custom html to wordpress menu | How to make html menu dynamic in wordpress | wp_nav_menu" на телефон?

Вы можете скачать видео на свой смартфон с помощью сайта или pwa-приложения UDL Lite. Также есть возможность отправить ссылку на скачивание через QR-код с помощью расширения UDL Helper.

Как скачать аудиодорожку (музыку) в MP3 "#23 Add custom html to wordpress menu | How to make html menu dynamic in wordpress | wp_nav_menu"?

Самый удобный способ — воспользоваться программой UDL Client, которая поддерживает конвертацию видео в формат MP3. В некоторых случаях MP3 можно скачать и через расширение UDL Helper.

Как сохранить кадр из видео "#23 Add custom html to wordpress menu | How to make html menu dynamic in wordpress | wp_nav_menu"?

Эта функция доступна в расширении UDL Helper. Убедитесь, что в настройках отмечен пункт «Отображать кнопку сохранения скриншота из видео». В правом нижнем углу плеера левее иконки «Настройки» должна появиться иконка камеры, по нажатию на которую текущий кадр из видео будет сохранён на ваш компьютер в формате JPEG.

Сколько это всё стоит?

Нисколько. Наши сервисы абсолютно бесплатны для всех пользователей. Здесь нет PRO подписок, нет ограничений на количество или максимальную длину скачиваемого видео.