Натяжка верстки на wordpress
Вставка
- Опубліковано 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 не стесняйся, ты спалился 🥀
Спасибо за непринужденную и легкую подачу материала. У автора явный талант к преподаванию, такое не купишь и не отработаешь.. Вся подача материала как бы намекает, что все, что сразу кажется непонятным и запредельным на самом деле проще чем кажется. Это здорово помогает, особенно новичкам.
00:02:30 начало
Спасибо автору большое. Ребята кто смотрит в 2022 там есть нюанс с шорт кодом и отправкой на emai. Нужно заменить форму на div, поскольку contact form 7 сама делает тег . Иначе не будет работать. Я два дня убил пока разобрался.
А подскажите, пожалуйста, где именно надо менять на див. В верстке менял form class=“contacts__form” на div и у меня кнопка в форме съезжала.
дякую також якийсь піз... з цією формою вже 2 день шукаю в чому проблема
да есть такая фишка, голову сломал пока попробовал через див
Честно, ты реально лучший, на ютубе нет тебе равных, платные курсы уступают твоему бесплатному контенту и дают куда больше, реально очень хорошая подача и всё запоминается, горел вёрсткой, смотря твои видосы стал гореть ещё больше, шо пламя стало не потушить))) Всего тебе наилучшего и твоей семье, огромное спасибо за такой контент, который ты делаешь, я нереально тебе благодарен
Благодарю!
Больше подходит для фрилансеров новичков, но всё же молодец
Но 2,5 года назад до опыта работы начинал с этих видосов
Огромное спасибо за колоссальный труд в создании ролика более 3 часов материала. Разжевано очень подробно для новичков, все понятно. Хорошая подача материала на простых примерах. Ждем новых видео по WP от тебя!
Благодарю
00:02:40 начало
Благодарю Вам за все, за все Ваши обучающие видео, за все Ваши старания, за все Ваши объеснения. Я взял первый большой заказ на 10к рублей, мне нужно было сверстать и натянуть верстку, местами тупил, но Вы не Вашими объеснениями, Вашим подходам, шутками не дали пасть духом. 220 тысяч просмотров и возможно стольким же людям Вы очень сильно помогли, спустя 2 года, Вы все равно лучший. Огромное спасибо, Вадим !!!!))))
Шорткоды:
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.5 часа видео про написание кода и всё понимаю) Спасибо за доступность контента)
Как долго я этого ждал... ОГРОМНОЕ СПАСИБО, теперь пора многостраничник, и курс)
ребят, если у кого-то открывается все в браузере opera, то нужно в open server зайти в настройки - меню - и изменить расположение пути файла браузера (чтобы проще было найти, то можно в поисковике своего компьютера вбить название браузера и перейти в его расположение в файлах) и с перезагрузкой все будет прекрасно) Удачной разработки вам!
Спасибо, добрый человек! :)
ну учиться по вашему видосу и угорать с шуток - это 100из10!
супер!
Респект, спасибо за видео! Как всегда, замечательная подача и всё, что казалось сложным, легко объясняется.
Спасибо Вадим большое за твой труд. Как долго все ждали этого🤝🥳
Спасибо огромное вам! Настолько всё понятно и без лишней воды, процветания и благосостояния!!!
Вадим огромное тебе спасибо за всё что ты делаешь для нас.
Мое первое просмотренное видео по WP. Все предельно подробно и понятно. Спасибо за столь полезный материал. И отдельное спасибо за манеру подачи материала)
Спасибо за ваш труд. С нетерпением жду каждое видео, смотрю его по два ато и три раза. Очень жду ваш курс на который уже записалась. Вы мой кумир, очень надеюсь достигнуть тоже таких высот!
Благодарю)
Все просили, все ждали и вот она вечеринка)
Попал на канал благодаря этому видео, и блин это лучшая находка в ютубе за многие годы. Редко пишу комментарии, но как и многие, хочу сказать спасибо, за то что вы делаете) подача, которую приятно смотреть и нет спама или инфы для бабушек! п.с. классно что в новых видео появился кружок с автором
Спасибо огромезное!!! Пересмотрела половину UA-cam, но только после этого видео смогла полностью посадить свой первый сайт на Wordpress🙂🙂🙂
Как же долго мы ждали!!! Спасибо!
Бывает же такое. Только вчера тебя вспоминал и думал "Было бы круто увидеть натяжку на WP от Вадоса". Круть. Давно ждал подобное видео от тебя, вечер будет полезный сегодня
Ну такие дела нужно поддерживать 🛡 . Сильная подача информации. Спасибо 🤙
Спасио огромнейшее за Ваш труд! Как всегда все на высоте.
Вадим, ты лучший! Спасибо)) Выполняю свой первый полноценный проект с нуля, очень помогло данное видео.👍
Это именно то, что я ждал! Спасибо!
Огромная благодарность автору обучающего видео-ролика! Все понятно и просто! С меня подписка и большущий лайк!🤩👍
Вадим спасибо Вам за Ваш труд. Здоровья Вам.
Восхитительно!!! Спасибо большое, ну очень полезно и доходчиво!
Спасибо за интенсивный урок. Стиль подачи информации "юзер-френдли". Все понятно.
спасибо за непринуждённую манеру рассказа. Очень важно для такого длинного видео!
Спасибо за годный контент! Просматриваю все видео на твоем канале.
Огромное Спасибо автору! Видео супер! Все четко и понятно, вполне доступно для новичков.
Спасибо большое, удивлён бескорыстностью автора и вообще как такой труд находится в свободном доступе, без вымогательства денежки)
Спасибо за видео ! Жду курс.
Вадим, огромная Вам благодарность за Ваш Труд.
Подача - огонь! Материал - супер! Спасибо. Лайк, подписка!
бомбическая вечеринка, просто улёт отпадный, все очень круто рассказано, Вадим у Вас есть навык быть учителем, это очень радует!!!! спасибо огромное за такие титанические старания, дай Вам Бог здоровья!!!!!!)))))))))).........
Огромное спасибо за труд. На просторах Ютуба единственная качественная вечеринка по WP для новичка.
Спасибо)
Сначала лайкос а видео вечером вместо фильма гляну, и на выходные попрактикуюсь.
Пасиба!!👍👍👍
Один из лучший блогеров! Интересная подача, очень нужный материал, а юмор иногда просто разрывает))) Супер! Спасибо!!!
Вчера начал смотреть и делать. Сегодня закончил. Все понятно и четко. Огонь короче.
Фантастическое видео, огромная вам за него благодарность!
Спасибо, интересно, просто, с легкой иронией и юмором :) Подпись+лайк.
Стильная подача материала, Спасибо Вадим...
Лайк за вечеринку!!!
Спасибо тебе, добрый человек! С пользой провела эти 4 часа. Конечно остались вопросы по натяжке меню и редактированию текста через wyziwyg редактор, но в целом уже не так страшно двигаться вперед.
Спасибо огромное, за такой труд!!!!
Огромное спасибо за материал, жалею , что не посмотрела видео в самом начале своего пути, сэкономила бы кучу своего времени!
Боже! Это лучшее видео, которое я когда либо видел по WP, лайк и подписка!! Шикарная подача материала и прикольные шутки! Огромная благодарность за Ваш труд!
Красавчик, все четко и понятно, спасибо)
Крутой урок и подача с шутками, спасибо за всё это 😄
Автору огромное спасибо. Очень просто и интересно объясняет, а главное с юмором. Подписка, однозначно
Благодарю. Просто, понятно и доходчиво. Ролик смотрится и усваивается просто кайфово.
Как меня замучил этот wordpress! Спасибо вам огромное.
Спасибо за материал. Многому научился и ещё думаю научусь на твоих видео. Жду новых видео по вордпрес. Конечно подписан. В общем спасибо инфу. Бесценный лайк для благодетеля !!!!
Вадим, большое спасибо за такое замечательное видео
Видео-огонь. По wordpress много есть видео, но это видео самое лучшее, СПАСИБО !!!!!
Огромное спасибо за колоссальный труд в создании ролика более 3 часов материала.
Благодарю
КРАСАВЧИК! ОДНОЗНАЧНО ЛАЙК!) Ждём продолжения)
Прямо вовремя! Спасибо ☺️
Вадос, твои шутки и приколы во время видео просто нечто) проходил у тебя курс from0to1, запас юмора не скончаемый) красава🤙👍
Большое человеческое спасибо 👍 вам успехов и процветания! Вы конкретно помогаете новичкам
благодарю
Ну наконец-то. Огромное человеческое спасибо, Вадим!
Пожалуйста
Как же приятно слушать, просто неописуемо. Прекрасный урок!
благодарю
Вадим ты лучший! Очень надеюсь что с тобой все хорошо и ты в безопасности
Дополнительные, позитивные комментарии к действиям просто топ))) выглядит, как психологический прием мол "ребят, если вы можете использовать ручку от двери, чтобы ее открыть, то и с этим справитесь")))) красава)
Вадик, привет! Лайк не глядя! Знаю, что вечеринка будет знатной!) Добавил в избранное, обязательно посмотрю! Огромный респект и благодарность!))
обязательно к просмотору для первой посадки
прям искренне желаю начинающим на него попасть
сам досмотрел до конца, и верстку и натяжку
когда умные люди делятся, то почему бы и не "да"
А**нно! Разложил реально все моменты на которых я запнулся как джуниор! Спасибо огромное!👍
Жду с нетерпение вашего курса по WordPress)) Подача видео лучшее среди всех других видео в Ютубе!
благодарю
Огромный труд. Спасибо. =)
Бро, огромное спасибо за этот курс!
очень понятно объясняешь! благодарю:)
Спасибо! Подача супер)
спасибо большое за информацию!!!
И за хорошее настроение!!=)
Любви тебе автор))) за такой контент!
Поймал интересный проект по фронтенду , оказалось что на Wordpress, отказаться уже не мог. Благодаря видео выполнил. Спасибо большое автору)
материал полностью работает 20.02.2023. Информативный ролик, за советы отдельное спасибо)
ОООО!!!! Довгоочікуване відео!!! Вадос, ВЕЛИЧЕЗНЕ ДЯКУЮ!!!!
спасибо тебе Вадос. очень доступно и прикольно
Спасибо за полезную информацию
Очень крутое видео! сколько искал про натяжку своей верстки на WP, попадалась либо невнятная нудятина, либо не очень хорошее объяснение, а в этом видео, все понятно и смотреть довольно интересно и ненапряжно. Спасибо за качественный видос! С меня однозначно лайк и подписка :)
спасибо
Спасибо большое за урок!
Сплошные вечеринки)) Большое спасибо!))
Сенсей, наконец-то))) Спасибо
Год назад начинал изучать верстку и как раз учился по твоим видео, сейчас уже как 3 месяца работаю и вся работа связана с wordpress, жаль раньше этого видео не было)
Как нашли работу? Можете вкратце поделиться, пожалуйста
@@kingkingov4918 спустя пол года учебы начал ходил по собесам. Посмотрел как это вообще в живую происходит и что требуют. Потом еще где то месяца 3-4 занимался и уже пошел по собесам прямо с целью устроиться. Всегда старался делать тестовые больше ради опыта и фидбэка. На 3ем собесе взяли на испытательный.
@@exgort спасибо за ответ
@@exgort какой у вас скилл был на тот момент?jQuery?что то могли уже на нативном JS?знали GULP,scss,GIT,PUG,просто сейчас такие требования ,что до джуна надо минимум 1 -1,5 года учится интенсивно по 6 часов в день .
@@user-qm1cw5eo6v Да я где то месяца 2 уделил верстке (html,css), потом все время игрался с нативным js. Со временем стал пробовать перечисленные инструменты, старался понять, зачем они нужны, как они помогают и ускоряют разработку. Кажется что инструментов много и необходимо уйма времени, чтобы все изучить, но в сухом остатке это лишь обертки над html\css\js, которые помогают автоматизировать и ускорить процесс разработки. Я их не заучивал, просто пробовал с ними работать, пытался понять, чем они могут быть полезны. На работе я все равно часто обращаюсь к документации\гуглу (так как всю информацию в голове держать не реально). Учился я в среднем где то по 3-4 часа в день.
Красавчик! Мне нравиться твоя подача материала👍👍👍
Привет. Это будет офигенно. Спасибо
Спасибо, дружище! Все жду, когда будем натягивать сверстанный многостраничник.
Огромное спасибо за Ваш труд и время! Очень актуальная тема. 🥳
Досмотрел до момента, когда понял, что вечериночка нормас. Спасибо за полезность и юморок
Посмотрю потом но ЛАЙК уже поставил) заранее спасибо Вадим!
Вадим! Громадное спасибо тебе за это видео и за все твои видео. УзнаЮ от тебя очень много полезной информации.
Спасибо!!! Ждем еще видео по вордпрессу!
Такой красавчик 😊 так легко рассказывает