ฝัง
- เผยแพร่เมื่อ 16 พ.ย. 2021
- Привет, в этом видео полностью с нуля натяну или посажу как угодно говорить) верстку на cms wordpress, сделаю все пошагово, акцентируя внимание на ключевых моментах. Будет топово, и вы научитесь не только натягивать такие проекты, а еще и похожие. Также расскажу разные примеры из практики! Кайфуем! =)
Ссылка на html архив:
drive.google.com/file/d/1Ryjy...
Видео по устанковке Open Server :
• Open Server, установка...
Ссылка на Open Server/ospanel:
ospanel.io/download/
Мой курс по верстке - from0to1.com.ua/
patreon - / from0to1
Ссылка на телеграм канал:
t.me/from0to1com
00:02:32 Open Server
00:05:18 Создание базы данных
00:08:38 Загрузка WordPress
00:11:07 Установка WordPress
00:16:36 Создание собственной Темы
00:18:39 Заголовки Темы в файле style.css
00:22:02 Создание обложки для собственной Темы
00:25:54 Файл - functions.php
00:26:59 Файлы - header.php и footer.php
00:28:47 Функции - get_header() и get_footer()
00:30:08 Про обновление страницы с очисткой кеша
00:31:52 Подключение стилей
00:32:37 Функция - wp_head()
00:32:57 Про ХУКИ в WordPress
00:38:58 Функция - wp_enqueue_style()
00:42:09 Функция - get_stylesheet_uri()
00:43:40 Функция - get_template_directory_uri()
00:47:19 Подключение дополнительных файлов стилей
00:49:56 О странном названии ХУКА wp_enqueue_scripts
00:51:26 Регистрация дополнительных возможностей Темы
00:51:51 Функция - add_theme_support()
00:54:06 Подключение скриптов JavaScript
00:55:36 Функция - wp_enqueue_script()
00:58:31 Подключение библиотеки jQuery
01:03:46 Создание шаблона страницы home.php
01:09:31 Функция - bloginfo()
01:12:41 Функция - language_attributes()
01:14:52 Замена путей к изображениям - bloginfo('template_url')
01:21:56 Интеграция функциональности
01:23:31 Регистрация изображений к записям - add_theme_support('post-thumbnails')
01:26:05 Добавление записей через админку
01:31:48 Цикл WordPress "The Loop"
01:35:59 Как устроен цикл WordPress
01:38:02 Функция - the_title()
01:42:15 Функция - the_content()
01:42:54 Функция - the_post_thumbnail()
01:52:15 Плагин - Contact Form 7
02:00:12 Функция - do_shortcode()
02:03:08 Регистрация логотипа - add_theme_support('custom-logo')
02:06:20 Функция - the_custom_logo()
02:08:15 Про БЭМ нейминг
02:11:17 Кастомные поля
02:11:45 Плагин - ACF
02:13:01 Добавление мета поля для номера телефона
02:15:51 Функция - the_field()
02:18:53 Доп. поле для атрибута tel:
02:22:52 Добавление мета полей для соц. сетей
02:28:51 Разделение полей на группы
02:35:29 Добавление мета полей Адрес и Время работы
02:40:47 Добавление мета полей для главного экрана
02:44:43 Добавление мета поля для изображения
02:49:57 Размышления на тему БЭМ нейминг VS WordPress
02:56:25 Добавление мета полей с типом Редактор WordPress
03:03:26 Резюме по реализации мета полей с типом Редактор WordPress
03:15:07 Добавление мета полей для секции - Преимущества
03:22:35 Резюме по реализации секции Преимущества
03:25:48 Добавление записи для псевдо страницы - Политика конфиденциальности
03:28:22 Функция - get_page_link()
03:29:12 Исправление Цикла - get_posts(['category'])
03:31:12 Создание шаблона страницы single.php
03:34:31 Создание шаблона страницы header-private.php
03:38:10 Параметр функции - the_field( $post_id )
03:39:41 Заключение - Резюме
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ
Полезные ссылки:
Бонусы на patreon - www.patreon.com/from0to1
Курс по верстке - from0to1.com.ua/
Телеграм канал - t.me/from0to1com
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ
Вадим, а как передать натянутую вёрстку на WordPress заказчику. Просто архивом его скидывать? Как он тогда зайдёт в админку если бд от сайта у меня на компьютере?
@@user-he6je6ff6m у меня на канале есть видео как передавать верстку заказчику, там и про вп есть вроде)
@@vadymprokopchukПосмотрел твой видос по вордпресс от начала до конца, повторял всё за тобой. Вадим, ты супер! Теперь свою вёрстку буду пытаться на движок посадить. Возник только вопрос, а как быть если на сайте интегрирована Google карта, если заказчик захочет поменять адрес через админку, как сделать чтобы на карте тоже нужный населенный пункт менялся?
Архисложный многостраничник на wp, кто за?
@@Ouster12это ты так называешь свой пердак 😉😁
@@Ouster12 не стесняйся, ты спалился 🥀
Спасибо автору большое. Ребята кто смотрит в 2022 там есть нюанс с шорт кодом и отправкой на emai. Нужно заменить форму на div, поскольку contact form 7 сама делает тег . Иначе не будет работать. Я два дня убил пока разобрался.
А подскажите, пожалуйста, где именно надо менять на див. В верстке менял form class=“contacts__form” на div и у меня кнопка в форме съезжала.
дякую також якийсь піз... з цією формою вже 2 день шукаю в чому проблема
да есть такая фишка, голову сломал пока попробовал через див
Благодарю Вам за все, за все Ваши обучающие видео, за все Ваши старания, за все Ваши объеснения. Я взял первый большой заказ на 10к рублей, мне нужно было сверстать и натянуть верстку, местами тупил, но Вы не Вашими объеснениями, Вашим подходам, шутками не дали пасть духом. 220 тысяч просмотров и возможно стольким же людям Вы очень сильно помогли, спустя 2 года, Вы все равно лучший. Огромное спасибо, Вадим !!!!))))
Спасибо за непринужденную и легкую подачу материала. У автора явный талант к преподаванию, такое не купишь и не отработаешь.. Вся подача материала как бы намекает, что все, что сразу кажется непонятным и запредельным на самом деле проще чем кажется. Это здорово помогает, особенно новичкам.
00:02:30 начало
Шорткоды:
31:52 - Подключение стилей, wp_head() , wp_enqueue_style()
52:00 - Регистрация новых возможностей, add_theme_support()
55:00 - Подключение скриптов, wp_footer() , wp_enqueue_script()
1:21:55 - Начало изменения контента
1:32:40 - Цикл
1:53:10 - Плагин Contact Form 7
2:11:40 - Плагин ACF
3:25:58 - Добавление новой страницы "Политика конфиденциальности"
сегодня этот коммент меня спас, поняла что именно проморгала, вернулась, пересмотрела, исправила) спасибо))
Автор - ты кладезь информации.
Настолько просто объяснять это мастерство высшего уровня, курсы которые я покупал даже рядом не стоят по уровню подачи материала.
Спасибо большое, с меня подписка
Как хорошо что вы допускаете ошибки и тут же их исправляете, показывая как можно дебажить
Как долго я этого ждал... ОГРОМНОЕ СПАСИБО, теперь пора многостраничник, и курс)
Огромное спасибо за колоссальный труд в создании ролика более 3 часов материала. Разжевано очень подробно для новичков, все понятно. Хорошая подача материала на простых примерах. Ждем новых видео по WP от тебя!
Благодарю
00:02:40 начало
Честно, ты реально лучший, на ютубе нет тебе равных, платные курсы уступают твоему бесплатному контенту и дают куда больше, реально очень хорошая подача и всё запоминается, горел вёрсткой, смотря твои видосы стал гореть ещё больше, шо пламя стало не потушить))) Всего тебе наилучшего и твоей семье, огромное спасибо за такой контент, который ты делаешь, я нереально тебе благодарен
Благодарю!
Больше подходит для фрилансеров новичков, но всё же молодец
Но 2,5 года назад до опыта работы начинал с этих видосов
это приятное чувство когда я смотрю 3.5 часа видео про написание кода и всё понимаю) Спасибо за доступность контента)
Попал на канал благодаря этому видео, и блин это лучшая находка в ютубе за многие годы. Редко пишу комментарии, но как и многие, хочу сказать спасибо, за то что вы делаете) подача, которую приятно смотреть и нет спама или инфы для бабушек! п.с. классно что в новых видео появился кружок с автором
Респект, спасибо за видео! Как всегда, замечательная подача и всё, что казалось сложным, легко объясняется.
ребят, если у кого-то открывается все в браузере opera, то нужно в open server зайти в настройки - меню - и изменить расположение пути файла браузера (чтобы проще было найти, то можно в поисковике своего компьютера вбить название браузера и перейти в его расположение в файлах) и с перезагрузкой все будет прекрасно) Удачной разработки вам!
Спасибо, добрый человек! :)
Спасибо за ваш труд. С нетерпением жду каждое видео, смотрю его по два ато и три раза. Очень жду ваш курс на который уже записалась. Вы мой кумир, очень надеюсь достигнуть тоже таких высот!
Благодарю)
Никогда не пишу ни кому комментарии, но сейчас не сдержался ты лучший! Спасибо за видео, лайк!!!
Спасибо
Мое первое просмотренное видео по WP. Все предельно подробно и понятно. Спасибо за столь полезный материал. И отдельное спасибо за манеру подачи материала)
Спасибо огромезное!!! Пересмотрела половину TH-cam, но только после этого видео смогла полностью посадить свой первый сайт на Wordpress🙂🙂🙂
Спасибо Вадим большое за твой труд. Как долго все ждали этого🤝🥳
Бывает же такое. Только вчера тебя вспоминал и думал "Было бы круто увидеть натяжку на WP от Вадоса". Круть. Давно ждал подобное видео от тебя, вечер будет полезный сегодня
Спасибо огромное вам! Настолько всё понятно и без лишней воды, процветания и благосостояния!!!
Ну такие дела нужно поддерживать 🛡 . Сильная подача информации. Спасибо 🤙
бомбическая вечеринка, просто улёт отпадный, все очень круто рассказано, Вадим у Вас есть навык быть учителем, это очень радует!!!! спасибо огромное за такие титанические старания, дай Вам Бог здоровья!!!!!!)))))))))).........
Спасибо за годный контент! Просматриваю все видео на твоем канале.
Один из лучший блогеров! Интересная подача, очень нужный материал, а юмор иногда просто разрывает))) Супер! Спасибо!!!
Все просили, все ждали и вот она вечеринка)
Огромная благодарность автору обучающего видео-ролика! Все понятно и просто! С меня подписка и большущий лайк!🤩👍
Фантастическое видео, огромная вам за него благодарность!
Вадик, привет! Лайк не глядя! Знаю, что вечеринка будет знатной!) Добавил в избранное, обязательно посмотрю! Огромный респект и благодарность!))
Сначала лайкос а видео вечером вместо фильма гляну, и на выходные попрактикуюсь.
Пасиба!!👍👍👍
Вадим огромное тебе спасибо за всё что ты делаешь для нас.
Как же долго мы ждали!!! Спасибо!
Это именно то, что я ждал! Спасибо!
Вадим, ты лучший! Спасибо)) Выполняю свой первый полноценный проект с нуля, очень помогло данное видео.👍
Спасибо за интенсивный урок. Стиль подачи информации "юзер-френдли". Все понятно.
Автору огромное спасибо. Очень просто и интересно объясняет, а главное с юмором. Подписка, однозначно
Спасибо большое, удивлён бескорыстностью автора и вообще как такой труд находится в свободном доступе, без вымогательства денежки)
спасибо за непринуждённую манеру рассказа. Очень важно для такого длинного видео!
Спасибо за материал. Многому научился и ещё думаю научусь на твоих видео. Жду новых видео по вордпрес. Конечно подписан. В общем спасибо инфу. Бесценный лайк для благодетеля !!!!
Вадим ты лучший! Очень надеюсь что с тобой все хорошо и ты в безопасности
Огромное спасибо за труд. На просторах Ютуба единственная качественная вечеринка по WP для новичка.
Спасибо)
Огромное Спасибо автору! Видео супер! Все четко и понятно, вполне доступно для новичков.
Дополнительные, позитивные комментарии к действиям просто топ))) выглядит, как психологический прием мол "ребят, если вы можете использовать ручку от двери, чтобы ее открыть, то и с этим справитесь")))) красава)
Огромное спасибо за материал, жалею , что не посмотрела видео в самом начале своего пути, сэкономила бы кучу своего времени!
Спасибо за видео ! Жду курс.
Спасибо, дружище! Все жду, когда будем натягивать сверстанный многостраничник.
Спасио огромнейшее за Ваш труд! Как всегда все на высоте.
Вадос, твои шутки и приколы во время видео просто нечто) проходил у тебя курс from0to1, запас юмора не скончаемый) красава🤙👍
Спасибо тебе, добрый человек! С пользой провела эти 4 часа. Конечно остались вопросы по натяжке меню и редактированию текста через wyziwyg редактор, но в целом уже не так страшно двигаться вперед.
Боже! Это лучшее видео, которое я когда либо видел по WP, лайк и подписка!! Шикарная подача материала и прикольные шутки! Огромная благодарность за Ваш труд!
Огромное спасибо. Очень жду натяжку многостраничника, на марафоне Вы как-то обещали выпустить данный видос
Ну наконец-то. Огромное человеческое спасибо, Вадим!
Пожалуйста
ОООО!!!! Довгоочікуване відео!!! Вадос, ВЕЛИЧЕЗНЕ ДЯКУЮ!!!!
Вчера начал смотреть и делать. Сегодня закончил. Все понятно и четко. Огонь короче.
Видео-огонь. По wordpress много есть видео, но это видео самое лучшее, СПАСИБО !!!!!
Крутой урок и подача с шутками, спасибо за всё это 😄
Восхитительно!!! Спасибо большое, ну очень полезно и доходчиво!
обязательно к просмотору для первой посадки
прям искренне желаю начинающим на него попасть
сам досмотрел до конца, и верстку и натяжку
когда умные люди делятся, то почему бы и не "да"
материал полностью работает 20.02.2023. Информативный ролик, за советы отдельное спасибо)
Подача - огонь! Материал - супер! Спасибо. Лайк, подписка!
Как меня замучил этот wordpress! Спасибо вам огромное.
Спасибо за то что Вы делаете, контент и подача на высшем уровне! Местами прям ржал :D Помогает мозги расслабить и лучше впитывать материал
Спасибо, интересно, просто, с легкой иронией и юмором :) Подпись+лайк.
Поймал интересный проект по фронтенду , оказалось что на Wordpress, отказаться уже не мог. Благодаря видео выполнил. Спасибо большое автору)
Спасибо огромное, за такой труд!!!!
Вадим спасибо Вам за Ваш труд. Здоровья Вам.
Очень крутое видео! сколько искал про натяжку своей верстки на WP, попадалась либо невнятная нудятина, либо не очень хорошее объяснение, а в этом видео, все понятно и смотреть довольно интересно и ненапряжно. Спасибо за качественный видос! С меня однозначно лайк и подписка :)
спасибо
Прямо вовремя! Спасибо ☺️
Красавчик, все четко и понятно, спасибо)
Посмотрю потом но ЛАЙК уже поставил) заранее спасибо Вадим!
Вадим, огромная Вам благодарность за Ваш Труд.
А**нно! Разложил реально все моменты на которых я запнулся как джуниор! Спасибо огромное!👍
Жду с нетерпение вашего курса по WordPress)) Подача видео лучшее среди всех других видео в Ютубе!
благодарю
Супер огромное спасибо.Жду когда будет курс по ВП
Вадим, большое спасибо за такое замечательное видео
Благодарю. Просто, понятно и доходчиво. Ролик смотрится и усваивается просто кайфово.
Привет. Это будет офигенно. Спасибо
Лайк за вечеринку!!!
Большое человеческое спасибо 👍 вам успехов и процветания! Вы конкретно помогаете новичкам
благодарю
КРАСАВЧИК! ОДНОЗНАЧНО ЛАЙК!) Ждём продолжения)
Спасибо за полезную информацию
спасибо большое за информацию!!!
И за хорошее настроение!!=)
Вадим! Громадное спасибо тебе за это видео и за все твои видео. УзнаЮ от тебя очень много полезной информации.
очень понятно объясняешь! благодарю:)
Спасибо за видео
Привет, посмотрел 7 минут твоего ролика, И ТЕПЕРЬ Я ТВОЙ ФАНАТ. Чутки - мое почтение!
Огромное спасибо за колоссальный труд в создании ролика более 3 часов материала.
Благодарю
Как же приятно слушать, просто неописуемо. Прекрасный урок!
благодарю
Красавчик! Мне нравиться твоя подача материала👍👍👍
Спасибо! Подача супер)
Огромный труд. Спасибо. =)
Большое спасибо, очень полезное видео 👍
Бро, огромное спасибо за этот курс!
Лайк не глядя, но конечно посмотрю попозже ))
Спасибо большое за урок!
Любви тебе автор))) за такой контент!
Спасибо 1000000 раз!!! Завтра устрою вечеринку, посвящённую тебе!!! 🥳🥳🥳
спасибо за полезный урок! Подача, доступность - высший пилотаж! Чуть чуть можно оптимизировать филд телефона( 2:18) : перед телефонным тегом открыть php и объявить переменную $phone, за ней $cleaned_phone = str_replace(array('(', ')',' ', '+'), '', $phone); и после обе переменные поставить в тег a.
спасибо тебе Вадос. очень доступно и прикольно