background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon
header logo icon

Скачать "#8 Advanced WordPress Theme Development | Bootstrap WordPress Theme | get_template_part"

input logo icon
"videoThumbnail #8 Advanced WordPress Theme Development | Bootstrap WordPress Theme | get_template_part
Оглавление
|

Оглавление

1:28
Bootstrap
2:08
Adding Bootstrap
8:57
Javascript Best Practices
Музыка из этого видео
|

Музыка из этого видео

Теги видео
|

Теги видео

ImranSayedDev
add bootstrap to wordpress plugin
add bootstrap to wordpress child theme
convert bootstrap to wordpress
codeytek
bootstrap to wordpress step by step
add bootstrap cdn to wordpress
add bootstrap to wordpress functions php
Imran Sayed - Codeytek Academy
bootstrap wordpress theme
bootstrap plugin for wordpress
Imran Sayed
wordpress
bootstrap
Субтитры
|

Субтитры

subtitles menu arrow
  • enАнглийский
Скачать
00:00:00
[Смех]
00:00:04
[Музыка]
00:00:07
привет и добро пожаловать всем на очередной
00:00:09
эпизод
00:00:10
разработки темы WordPress. В
00:00:13
предыдущем видео
00:00:14
мы узнали, как добавлять скрипты
00:00:17
и стили, а в этом видео мы
00:00:19
узнаем,
00:00:21
как включать внешние стили и
00:00:24
скрипты для пример начальной загрузки, хорошо,
00:00:28
прежде чем мы перейдем к начальной загрузке,
00:00:30
я хочу добавить одну вещь
00:00:31
сюда, в наш header.php,
00:00:34
вы помните, мы говорили о функции wp open
00:00:38
wp body open,
00:00:41
которая на самом деле появилась в WordPress 5.2,
00:00:44
поэтому для обратной совместимости
00:00:47
это лучше просто проверить, существует ли эта
00:00:50
функция, прежде чем мы на самом деле ее используем, поэтому
00:00:55
существует функция с именем function, которую мы можем использовать, и мы
00:00:58
даем имя функции,
00:00:59
а именно это, и если функция существует,
00:01:02
мы
00:01:03
просто вызовем эту функцию, так что это
00:01:04
просто для обратной
00:01:06
совместимости на случай, если кто-то
00:01:08
использует вашу тему
00:01:09
с WordPress с номером версии
00:01:12
ниже 5.2, хорошо, раз уж об этом
00:01:16
позаботились, давайте перейдем
00:01:19
к нашему файлу function.php, здесь
00:01:21
мы были ранее и
00:01:24
включили наш style.css и
00:01:26
main.js, и теперь мы поговорим
00:01:28
о
00:01:29
начальной загрузке, так что
00:01:32
я собираюсь зайти в свой
00:01:36
репозиторий на GitHub и убедиться, что вы
00:01:39
подписаны на меня,
00:01:40
спасибо всем прекрасным людям,
00:01:42
пожалуйста. подпишитесь на меня на github, если вы
00:01:44
еще не подписаны на меня,
00:01:45
и пометьте мой репозиторий,
00:01:48
чтобы поддержать мою работу, и мы перейдем к
00:01:52
aquila
00:01:54
и, пожалуйста, запустите репозиторий,
00:01:57
хорошо, давайте перейдем к проекту, здесь
00:02:00
мы и будем хранить наши
00:02:02
заметки, ну, все ссылки, которые нам
00:02:04
нужны
00:02:05
для работы с этим проектом, поэтому мы
00:02:07
собираемся
00:02:08
добавить загрузочную загрузку, так что давайте продолжим,
00:02:14
так что я уверен, что многие из вас уже
00:02:16
знакомы с загрузочной загрузкой,
00:02:18
так что это лицевая и открытая версия. инструмент исходного кода
00:02:21
с переменными Sas, микшированием и
00:02:23
адаптивной
00:02:24
сеткой и всем остальным, вы знаете, вы можете
00:02:26
увидеть так много доступных функций, что это
00:02:28
значительно облегчает вашу жизнь в
00:02:30
целях этого руководства. Я думаю, что это
00:02:32
сэкономит наше время, если мы будем использовать начальную загрузку,
00:02:34
хорошо, так что мы' Я собираюсь скачать его, так что я
00:02:37
уже скачал его, так что это
00:02:39
моя начальная загрузка. Я собираюсь скопировать CSS
00:02:41
и JS,
00:02:42
и что я собираюсь сделать, так это перейдем
00:02:45
к моему проекту
00:02:47
и внутри ресурсов, которые я собираюсь сделать создайте
00:02:50
каталог с именем
00:02:51
source, и здесь я буду
00:02:53
хранить
00:02:54
все свои библиотеки, такие как файлы поставщиков, поэтому
00:02:58
я собираюсь создать каталог с именем
00:03:02
Library, а затем внутри библиотеки
00:03:05
я просто вставлю этот CSS и
00:03:08
js из начальной загрузки,
00:03:12
окей, все они были добавлены здесь, теперь вы можете
00:03:15
видеть,
00:03:16
я могу проверить, что они были добавлены, все в порядке,
00:03:18
отлично,
00:03:20
итак, вы добавили js, а также
00:03:22
добавили CSS,
00:03:24
отлично, теперь следующее вы
00:03:26
хотите
00:03:30
просто включить их, поэтому мы уже узнали
00:03:32
о том, как включать наши стили, поэтому я
00:03:34
думаю, что лучше
00:03:36
просто оставить здесь комментарий, в котором будет сказано, что
00:03:39
стили и это будут
00:03:44
зарегистрированные
00:03:47
стили
00:03:52
и сценарии регистрации,
00:03:55
а это будут
00:03:59
стили постановки в очередь
00:04:02
и n-q-u-e-u-e
00:04:05
скрипты, хорошо, отлично,
00:04:10
поэтому я просто скопирую это
00:04:13
и вставлю, и назову это как
00:04:15
bootstrap
00:04:17
css boot Strap
00:04:21
css, и теперь нам нужен путь, если мы
00:04:24
собираемся включить его, скажем, из
00:04:26
cdn,
00:04:27
тогда на этом этапе мы могли бы просто
00:04:28
учитывая его исходный URL-адрес
00:04:31
здесь, но поскольку мы собираемся
00:04:33
включить его из нашего
00:04:34
локального файла, потому что в случае, если URL-адрес
00:04:38
изменился или по какой-то причине
00:04:40
и файл, вы знаете, что поставщик удалил
00:04:42
файл, всегда
00:04:44
лучше сохранить копию можно
00:04:46
использовать прямой URL-адрес, если хотите, но тогда
00:04:49
всегда безопасно сохранить копию на тот
00:04:51
случай, если вы захотите их использовать, поэтому,
00:04:52
конечно, использование его из CDN имеет свое
00:04:54
преимущество, но
00:04:56
сейчас я думаю, давайте использовать его из нашего
00:04:58
собственная
00:04:59
локальная копия, хорошо, отлично,
00:05:03
так что вы знаете, что эта функция
00:05:05
уже дает нам доступ к
00:05:08
нашему маршруту, который находится до
00:05:12
вашей задницы, вашего каталога aquila,
00:05:16
так что у нас есть эта функция, которая
00:05:18
даст мне путь до этого момента,
00:05:20
а затем я я просто собираюсь использовать
00:05:24
оператор точки для объединения пути,
00:05:27
а затем он будет внутри
00:05:29
ресурсов,
00:05:31
затем косая черта библиотеки,
00:05:34
я думаю, это в CSS, и после этого
00:05:37
мы собираемся включить
00:05:40
bootstrap.min.css,
00:05:43
вы можете избавиться от другие файлы, если
00:05:45
хотите, если они вам не нужны,
00:05:47
но сейчас я просто оставляю их в порядке, так что
00:05:50
bootstrap.min.css,
00:05:52
а затем аналогично, у него есть
00:05:54
зависимость, нет,
00:05:56
нет, нам требуется время файла, нет, мы не
00:05:58
причина в том, что
00:06:00
мы не собираемся сами время от времени менять их библиотеку,
00:06:04
поэтому нам не
00:06:05
нужно использовать файловое время для
00:06:08
отслеживания обновлений, поэтому мы установим
00:06:10
номер версии на false,
00:06:13
а затем давайте избавимся от этого,
00:06:19
хорошо, а затем все означает, что я хочу, чтобы это
00:06:21
применялось на всех экранах,
00:06:23
так что это сделано, и давайте просто поставим
00:06:25
его в очередь в
00:06:28
стиле wp enqueue, а затем мы
00:06:32
поместим сюда дескриптор,
00:06:35
хорошо, отлично, а затем аналогично для
00:06:37
javascript, как ну, мы собираемся
00:06:39
включить это,
00:06:41
так что это снова будет bootstrap
00:06:45
gs, и он находится внутри
00:06:49
ресурсов, а затем
00:06:52
библиотека js,
00:06:57
и мы хотим включить точку начальной загрузки,
00:07:06
хорошо, так что давайте возьмем это и еще одну вещь, что
00:07:10
более важно, что
00:07:11
многие функции из javascript
00:07:14
также зависит от jquery,
00:07:17
поэтому лучше использовать jquery в качестве
00:07:20
зависимости,
00:07:21
хорошо, итак, мы получили первое использование
00:07:24
зависимости, я знаю, что мы говорили в
00:07:26
предыдущих видео,
00:07:27
но у нас есть первая зависимость,
00:07:30
поэтому нам нужно включить jquery, прежде чем
00:07:34
мы на самом деле включи bootstrap.min.cs,
00:07:37
но ты задашь мне вопрос, эй, Браун, я
00:07:39
не вижу, чтобы ты понял, ты
00:07:42
знаешь, что включил
00:07:43
здесь какие-либо файлы jquery,
00:07:45
так как же ты помещаешь jquery,
00:07:47
ты собираешься это сделать? включите,
00:07:48
собираетесь ли вы это загрузить,
00:07:50
а самое приятное то, что WordPress
00:07:52
уже предоставляет нам
00:07:53
множество библиотек из
00:07:55
коробки, которых у вас нет,
00:07:56
поэтому все, что вам нужно сделать, это просто назвать их
00:07:58
так, как, например,
00:08:00
он вам предоставляет. с помощью jquery он предоставляет
00:08:02
вам подчеркивание и т. д. и
00:08:04
т. д., хорошо, поэтому нам просто нужно дать ему имя, а
00:08:07
затем
00:08:08
автоматически, ну, вы знаете, jquery
00:08:11
он будет включен после jquery,
00:08:13
хорошо,
00:08:14
и тогда нам не нужен файл m,
00:08:15
потому что опять же, мы мы не будем
00:08:19
вносить какие-либо изменения в этот файл, поэтому мы
00:08:21
просто установим для него значение false, а последний
00:08:23
параметр будет истинным, что означает, что
00:08:24
он будет включен в нижнюю часть
00:08:26
до того, как тег body завершится,
00:08:28
хорошо, так что давайте продолжим и
00:08:32
поставим скрипт в очередь, и это будет
00:08:35
bootstrap.js,
00:08:37
ок, есть еще одна вещь, нам просто
00:08:40
нужно добавить
00:08:41
перед этим исходный код, потому что я думаю, что
00:08:43
он находится внутри
00:08:45
ресурсов, а затем исходный код, а затем библиотека, окей,
00:08:50
окей, поэтому, прежде чем мы на самом деле проверим нашу
00:08:53
работу,
00:08:54
позвольте мне быстро показать вам, что вы
00:08:56
можете видеть, что
00:08:57
лучшие практики javascript здесь представляют собой
00:09:00
список сценариев по умолчанию,
00:09:01
которые уже включены, и в нем
00:09:03
говорится, что не пытайтесь использовать свою собственную
00:09:05
версию библиотеки javascript, которая
00:09:06
уже включена в WordPress, это
00:09:08
может привести к нарушению основных
00:09:10
функций и конфликту с
00:09:11
плагин,
00:09:12
поэтому важно, чтобы, если вы хотите использовать
00:09:13
jquery,
00:09:15
лучше использовать WordPress или
00:09:18
вы знаете библиотеку jquery, которая
00:09:20
уже включена, вам просто нужно
00:09:22
добавить это как зависимость, чтобы вы
00:09:23
могли видеть, что у вас есть форма jquery
00:09:25
jquery masonry jquery ui, индикатор выполнения мыши,
00:09:29
отбрасываемый, так что многие из них ставят правую
00:09:33
галочку и быстрый выбор цвета,
00:09:36
крошечные мышки вот тут, их так много,
00:09:39
что они уже включены в
00:09:41
инструмент обрезки изображений, так что вы можете это проверить,
00:09:45
и
00:09:46
давайте продолжим и добавим это в нашу
00:09:51
базу знаний круто,
00:09:54
давайте вернемся к тому, что мы
00:09:56
обсуждали, поэтому я ожидаю, что
00:09:58
файлы начальной загрузки, возможно, уже
00:10:01
включены,
00:10:02
давайте перейдем сюда и обновим, и теперь
00:10:05
вы можете видеть, что я уже вижу, что они были
00:10:07
включены, потому что,
00:10:08
ну, вы знаете, что вы у меня показаны ваши стили,
00:10:13
вы можете проверить загрузочные файлы, у вас есть
00:10:16
bootstrap.min.css, если я нажму на него,
00:10:18
круто, это весь мини-файл, и мне нужен
00:10:20
еще один загрузочный файл, это должен быть
00:10:22
файл js, это
00:10:24
потрясающе, поздравляю вас у вас есть
00:10:26
загрузочный файл,
00:10:28
теперь мы можем начать создавать действительно
00:10:30
хорошие
00:10:31
интерфейсные компоненты, это здорово, так что я надеюсь, что вам
00:10:34
понравилось видео, если да,
00:10:35
пожалуйста, поставьте палец вверх и подпишитесь
00:10:37
на мой канал, если вы еще этого не сделали,
00:10:39
и поддержите его. поставьте звездочку в мой репозиторий, и
00:10:42
это может быть хорошим ресурсом.
00:10:44
Вы также можете добавлять сюда что-то, вы можете
00:10:46
отправлять запросы на включение
00:10:48
и т. д., чтобы подписаться на меня на github, а также в
00:10:51
твиттере, мой ник в твиттере —
00:10:53
kodi tech, хорошо, тогда увидимся в
00:10:56
следующем видео
00:10:57
большое спасибо, пока

Описание:

Adding Bootstrap Advanced WordPress Theme Development | Wordpress theme development course | Intro add bootstrap to wordpress theme add bootstrap to wordpress child theme convert bootstrap to wordpress bootstrap to wordpress step by step add bootstrap cdn to wordpress add bootstrap to wordpress functions php bootstrap wordpress theme bootstrap plugin for wordpress ----- 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/

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

popular icon
Популярные
hd icon
HD видео
audio icon
Только звук
total icon
Все форматы
Похожие ролики из нашего каталога
|

Похожие ролики из нашего каталога

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

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

mobile menu iconКак можно скачать видео "#8 Advanced WordPress Theme Development | Bootstrap WordPress Theme | get_template_part"?mobile menu icon

  • Сайт http://unidownloader.com/ — лучший способ скачать видео или отдельно аудиодорожку, если хочется обойтись без установки программ и расширений. Расширение UDL Helper — удобная кнопка, которая органично встраивается на сайты YouTube, Instagram и OK.ru для быстрого скачивания контента.

  • Программа UDL Client (для Windows) — самое мощное решение, поддерживающее более 900 сайтов, социальных сетей и видеохостингов, а также любое качество видео, которое доступно в источнике.

  • UDL Lite — представляет собой удобный доступ к сайту с мобильного устройства. С его помощью вы можете легко скачивать видео прямо на смартфон.

mobile menu iconКакой формат видео "#8 Advanced WordPress Theme Development | Bootstrap WordPress Theme | get_template_part" выбрать?mobile menu icon

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

mobile menu iconПочему компьютер зависает при загрузке видео "#8 Advanced WordPress Theme Development | Bootstrap WordPress Theme | get_template_part"?mobile menu icon

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

mobile menu iconКак скачать видео "#8 Advanced WordPress Theme Development | Bootstrap WordPress Theme | get_template_part" на телефон?mobile menu icon

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

mobile menu iconКак скачать аудиодорожку (музыку) в MP3 "#8 Advanced WordPress Theme Development | Bootstrap WordPress Theme | get_template_part"?mobile menu icon

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

mobile menu iconКак сохранить кадр из видео "#8 Advanced WordPress Theme Development | Bootstrap WordPress Theme | get_template_part"?mobile menu icon

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

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

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