Натяжка верстки на wordpress
Привет, в этом видео полностью с нуля натяну или посажу как угодно говорить) верстку на 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
Пікірлер: 509
Полезные ссылки: Бонусы на patreon - www.patreon.com/from0to1 Курс по верстке - from0to1.com.ua/ Телеграм канал - t.me/from0to1com Подпишитесь на канал, если вам понравилось данное видео: bit.ly/2IFzwBZ
@user-he6je6ff6m
3 ай бұрын
Вадим, а как передать натянутую вёрстку на WordPress заказчику. Просто архивом его скидывать? Как он тогда зайдёт в админку если бд от сайта у меня на компьютере?
@vadymprokopchuk
3 ай бұрын
@@user-he6je6ff6m у меня на канале есть видео как передавать верстку заказчику, там и про вп есть вроде)
@user-he6je6ff6m
2 ай бұрын
@@vadymprokopchukПосмотрел твой видос по вордпресс от начала до конца, повторял всё за тобой. Вадим, ты супер! Теперь свою вёрстку буду пытаться на движок посадить. Возник только вопрос, а как быть если на сайте интегрирована Google карта, если заказчик захочет поменять адрес через админку, как сделать чтобы на карте тоже нужный населенный пункт менялся?
Благодарю Вам за все, за все Ваши обучающие видео, за все Ваши старания, за все Ваши объеснения. Я взял первый большой заказ на 10к рублей, мне нужно было сверстать и натянуть верстку, местами тупил, но Вы не Вашими объеснениями, Вашим подходам, шутками не дали пасть духом. 220 тысяч просмотров и возможно стольким же людям Вы очень сильно помогли, спустя 2 года, Вы все равно лучший. Огромное спасибо, Вадим !!!!))))
Архисложный многостраничник на wp, кто за?
@hcgink
10 ай бұрын
@@Ouster12это ты так называешь свой пердак 😉😁
@hcgink
10 ай бұрын
@@Ouster12 не стесняйся, ты спалился 🥀
Спасибо автору большое. Ребята кто смотрит в 2022 там есть нюанс с шорт кодом и отправкой на emai. Нужно заменить форму на div, поскольку contact form 7 сама делает тег . Иначе не будет работать. Я два дня убил пока разобрался.
@user-wp4yn5rd5c
Жыл бұрын
А подскажите, пожалуйста, где именно надо менять на див. В верстке менял form class=“contacts__form” на div и у меня кнопка в форме съезжала.
@user-dh4dc3we9v
Жыл бұрын
дякую також якийсь піз... з цією формою вже 2 день шукаю в чому проблема
@user-qe2oh6os8q
2 ай бұрын
да есть такая фишка, голову сломал пока попробовал через див
Никогда не пишу ни кому комментарии, но сейчас не сдержался ты лучший! Спасибо за видео, лайк!!!
@vadymprokopchuk
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 - Добавление новой страницы "Политика конфиденциальности"
@proromekrus
10 ай бұрын
сегодня этот коммент меня спас, поняла что именно проморгала, вернулась, пересмотрела, исправила) спасибо))
Спасибо за непринужденную и легкую подачу материала. У автора явный талант к преподаванию, такое не купишь и не отработаешь.. Вся подача материала как бы намекает, что все, что сразу кажется непонятным и запредельным на самом деле проще чем кажется. Это здорово помогает, особенно новичкам.
@sergeibobrov9200
10 ай бұрын
00:02:30 начало
Автор - ты кладезь информации. Настолько просто объяснять это мастерство высшего уровня, курсы которые я покупал даже рядом не стоят по уровню подачи материала. Спасибо большое, с меня подписка
Как долго я этого ждал... ОГРОМНОЕ СПАСИБО, теперь пора многостраничник, и курс)
Все просили, все ждали и вот она вечеринка)
ну учиться по вашему видосу и угорать с шуток - это 100из10!
@vadymprokopchuk
9 күн бұрын
супер!
Огромное спасибо за колоссальный труд в создании ролика более 3 часов материала. Разжевано очень подробно для новичков, все понятно. Хорошая подача материала на простых примерах. Ждем новых видео по WP от тебя!
@vadymprokopchuk
2 жыл бұрын
Благодарю
@sergeibobrov9200
10 ай бұрын
00:02:40 начало
Честно, ты реально лучший, на ютубе нет тебе равных, платные курсы уступают твоему бесплатному контенту и дают куда больше, реально очень хорошая подача и всё запоминается, горел вёрсткой, смотря твои видосы стал гореть ещё больше, шо пламя стало не потушить))) Всего тебе наилучшего и твоей семье, огромное спасибо за такой контент, который ты делаешь, я нереально тебе благодарен
@vadymprokopchuk
Жыл бұрын
Благодарю!
@petraceig1329
2 ай бұрын
Больше подходит для фрилансеров новичков, но всё же молодец
@petraceig1329
2 ай бұрын
Но 2,5 года назад до опыта работы начинал с этих видосов
бомбическая вечеринка, просто улёт отпадный, все очень круто рассказано, Вадим у Вас есть навык быть учителем, это очень радует!!!! спасибо огромное за такие титанические старания, дай Вам Бог здоровья!!!!!!)))))))))).........
Бывает же такое. Только вчера тебя вспоминал и думал "Было бы круто увидеть натяжку на WP от Вадоса". Круть. Давно ждал подобное видео от тебя, вечер будет полезный сегодня
это приятное чувство когда я смотрю 3.5 часа видео про написание кода и всё понимаю) Спасибо за доступность контента)
Один из лучший блогеров! Интересная подача, очень нужный материал, а юмор иногда просто разрывает))) Супер! Спасибо!!!
Как хорошо что вы допускаете ошибки и тут же их исправляете, показывая как можно дебажить
Попал на канал благодаря этому видео, и блин это лучшая находка в ютубе за многие годы. Редко пишу комментарии, но как и многие, хочу сказать спасибо, за то что вы делаете) подача, которую приятно смотреть и нет спама или инфы для бабушек! п.с. классно что в новых видео появился кружок с автором
Спасибо за ваш труд. С нетерпением жду каждое видео, смотрю его по два ато и три раза. Очень жду ваш курс на который уже записалась. Вы мой кумир, очень надеюсь достигнуть тоже таких высот!
@vadymprokopchuk
2 жыл бұрын
Благодарю)
Респект, спасибо за видео! Как всегда, замечательная подача и всё, что казалось сложным, легко объясняется.
ребят, если у кого-то открывается все в браузере opera, то нужно в open server зайти в настройки - меню - и изменить расположение пути файла браузера (чтобы проще было найти, то можно в поисковике своего компьютера вбить название браузера и перейти в его расположение в файлах) и с перезагрузкой все будет прекрасно) Удачной разработки вам!
@dvsDesing
2 жыл бұрын
Спасибо, добрый человек! :)
Вадим ты лучший! Очень надеюсь что с тобой все хорошо и ты в безопасности
Мое первое просмотренное видео по WP. Все предельно подробно и понятно. Спасибо за столь полезный материал. И отдельное спасибо за манеру подачи материала)
Огромное спасибо за труд. На просторах Ютуба единственная качественная вечеринка по WP для новичка.
@vadymprokopchuk
2 жыл бұрын
Спасибо)
Спасибо Вадим большое за твой труд. Как долго все ждали этого🤝🥳
Спасибо огромезное!!! Пересмотрела половину KZread, но только после этого видео смогла полностью посадить свой первый сайт на Wordpress🙂🙂🙂
Ну такие дела нужно поддерживать 🛡 . Сильная подача информации. Спасибо 🤙
Автору огромное спасибо. Очень просто и интересно объясняет, а главное с юмором. Подписка, однозначно
Лайк за вечеринку!!!
Фантастическое видео, огромная вам за него благодарность!
Спасибо огромное вам! Настолько всё понятно и без лишней воды, процветания и благосостояния!!!
Ну наконец-то. Огромное человеческое спасибо, Вадим!
@vadymprokopchuk
2 жыл бұрын
Пожалуйста
Спасибо за годный контент! Просматриваю все видео на твоем канале.
Сначала лайкос а видео вечером вместо фильма гляну, и на выходные попрактикуюсь. Пасиба!!👍👍👍
Вадим огромное тебе спасибо за всё что ты делаешь для нас.
Вадик, привет! Лайк не глядя! Знаю, что вечеринка будет знатной!) Добавил в избранное, обязательно посмотрю! Огромный респект и благодарность!))
Вадос, твои шутки и приколы во время видео просто нечто) проходил у тебя курс from0to1, запас юмора не скончаемый) красава🤙👍
Как же долго мы ждали!!! Спасибо!
Спасибо большое, удивлён бескорыстностью автора и вообще как такой труд находится в свободном доступе, без вымогательства денежки)
Огромная благодарность автору обучающего видео-ролика! Все понятно и просто! С меня подписка и большущий лайк!🤩👍
Стильная подача материала, Спасибо Вадим...
Как же приятно слушать, просто неописуемо. Прекрасный урок!
@vadymprokopchuk
3 ай бұрын
благодарю
Это именно то, что я ждал! Спасибо!
Вадим спасибо Вам за Ваш труд. Здоровья Вам.
Спасибо за интенсивный урок. Стиль подачи информации "юзер-френдли". Все понятно.
Боже! Это лучшее видео, которое я когда либо видел по WP, лайк и подписка!! Шикарная подача материала и прикольные шутки! Огромная благодарность за Ваш труд!
Вот это вечеринка намечается)
Вадим, огромная Вам благодарность за Ваш Труд.
Огромное спасибо за материал, жалею , что не посмотрела видео в самом начале своего пути, сэкономила бы кучу своего времени!
Крутой урок и подача с шутками, спасибо за всё это 😄
спасибо за непринуждённую манеру рассказа. Очень важно для такого длинного видео!
Любви тебе автор))) за такой контент!
Вадим! Громадное спасибо тебе за это видео и за все твои видео. УзнаЮ от тебя очень много полезной информации.
Огромное спасибо за колоссальный труд в создании ролика более 3 часов материала.
@vadymprokopchuk
5 ай бұрын
Благодарю
Поймал интересный проект по фронтенду , оказалось что на Wordpress, отказаться уже не мог. Благодаря видео выполнил. Спасибо большое автору)
Дополнительные, позитивные комментарии к действиям просто топ))) выглядит, как психологический прием мол "ребят, если вы можете использовать ручку от двери, чтобы ее открыть, то и с этим справитесь")))) красава)
Спасибо тебе, добрый человек! С пользой провела эти 4 часа. Конечно остались вопросы по натяжке меню и редактированию текста через wyziwyg редактор, но в целом уже не так страшно двигаться вперед.
Тёплый привет из Армении , Спасибо вам огромное за ваш труд , удачи вам и процветания.
Вадим, ты лучший! Спасибо)) Выполняю свой первый полноценный проект с нуля, очень помогло данное видео.👍
Вчера начал смотреть и делать. Сегодня закончил. Все понятно и четко. Огонь короче.
Год назад начинал изучать верстку и как раз учился по твоим видео, сейчас уже как 3 месяца работаю и вся работа связана с wordpress, жаль раньше этого видео не было)
@kingkingov4918
2 жыл бұрын
Как нашли работу? Можете вкратце поделиться, пожалуйста
@exgort
2 жыл бұрын
@@kingkingov4918 спустя пол года учебы начал ходил по собесам. Посмотрел как это вообще в живую происходит и что требуют. Потом еще где то месяца 3-4 занимался и уже пошел по собесам прямо с целью устроиться. Всегда старался делать тестовые больше ради опыта и фидбэка. На 3ем собесе взяли на испытательный.
@kingkingov4918
2 жыл бұрын
@@exgort спасибо за ответ
@user-qm1cw5eo6v
2 жыл бұрын
@@exgort какой у вас скилл был на тот момент?jQuery?что то могли уже на нативном JS?знали GULP,scss,GIT,PUG,просто сейчас такие требования ,что до джуна надо минимум 1 -1,5 года учится интенсивно по 6 часов в день .
@exgort
2 жыл бұрын
@@user-qm1cw5eo6v Да я где то месяца 2 уделил верстке (html,css), потом все время игрался с нативным js. Со временем стал пробовать перечисленные инструменты, старался понять, зачем они нужны, как они помогают и ускоряют разработку. Кажется что инструментов много и необходимо уйма времени, чтобы все изучить, но в сухом остатке это лишь обертки над html\css\js, которые помогают автоматизировать и ускорить процесс разработки. Я их не заучивал, просто пробовал с ними работать, пытался понять, чем они могут быть полезны. На работе я все равно часто обращаюсь к документации\гуглу (так как всю информацию в голове держать не реально). Учился я в среднем где то по 3-4 часа в день.
материал полностью работает 20.02.2023. Информативный ролик, за советы отдельное спасибо)
обязательно к просмотору для первой посадки прям искренне желаю начинающим на него попасть сам досмотрел до конца, и верстку и натяжку когда умные люди делятся, то почему бы и не "да"
Спасибо, дружище! Все жду, когда будем натягивать сверстанный многостраничник.
Спасибо за видео ! Жду курс.
Вадим, большое спасибо за такое замечательное видео
Жду с нетерпение вашего курса по WordPress)) Подача видео лучшее среди всех других видео в Ютубе!
@vadymprokopchuk
2 жыл бұрын
благодарю
ОООО!!!! Довгоочікуване відео!!! Вадос, ВЕЛИЧЕЗНЕ ДЯКУЮ!!!!
Очень крутое видео! сколько искал про натяжку своей верстки на WP, попадалась либо невнятная нудятина, либо не очень хорошее объяснение, а в этом видео, все понятно и смотреть довольно интересно и ненапряжно. Спасибо за качественный видос! С меня однозначно лайк и подписка :)
@vadymprokopchuk
2 жыл бұрын
спасибо
Спасио огромнейшее за Ваш труд! Как всегда все на высоте.
Блиииин, вот бы еще видио по натяжке какого то многостраничника хотябы на 3 страницы, вот здорово было бы, у тебя такая грамотная подача. даже я слон полный и то понял.
Восхитительно!!! Спасибо большое, ну очень полезно и доходчиво!
Большое спасибо, очень полезное видео 👍
Спасибо за материал. Многому научился и ещё думаю научусь на твоих видео. Жду новых видео по вордпрес. Конечно подписан. В общем спасибо инфу. Бесценный лайк для благодетеля !!!!
Спасибо огромное, за такой труд!!!!
Красавчик! Мне нравиться твоя подача материала👍👍👍
спасибо за полезный урок! Подача, доступность - высший пилотаж! Чуть чуть можно оптимизировать филд телефона( 2:18) : перед телефонным тегом открыть php и объявить переменную $phone, за ней $cleaned_phone = str_replace(array('(', ')',' ', '+'), '', $phone); и после обе переменные поставить в тег a.
Видео-огонь. По wordpress много есть видео, но это видео самое лучшее, СПАСИБО !!!!!
Подача - огонь! Материал - супер! Спасибо. Лайк, подписка!
Супер огромное спасибо.Жду когда будет курс по ВП
Привет, посмотрел 7 минут твоего ролика, И ТЕПЕРЬ Я ТВОЙ ФАНАТ. Чутки - мое почтение!
Огромное Спасибо автору! Видео супер! Все четко и понятно, вполне доступно для новичков.
Досмотрел до момента, когда понял, что вечериночка нормас. Спасибо за полезность и юморок
Как меня замучил этот wordpress! Спасибо вам огромное.
Посмотрю потом но ЛАЙК уже поставил) заранее спасибо Вадим!
Благодарю. Просто, понятно и доходчиво. Ролик смотрится и усваивается просто кайфово.
Большое человеческое спасибо 👍 вам успехов и процветания! Вы конкретно помогаете новичкам
@vadymprokopchuk
Жыл бұрын
благодарю
Сколько не искал на всем Ютубе, ничего нормального не нашел по посадке сайта на wp. Один делает посадку со страшной скоростью (тараторит без остановки, строчит, копирует, куда-то кликает не понятно куда; будто не хочет, чтобы его видео было полезным), другой разбил урок на хрен знает сколько уроков по 200 часов (пока пересмотришь, вся жизнь пройдет). И наконец нашел этот видос. Ну блиин, насколько классно, понятно все объясняется, каждый шаг, каждое действие. Это очень дорого стоит, реально спасибо огромное!
@vadymprokopchuk
Жыл бұрын
Супер, рад что помог, у меня много полезных видосов
Лайк не глядя, но конечно посмотрю попозже ))
А**нно! Разложил реально все моменты на которых я запнулся как джуниор! Спасибо огромное!👍
Вадим, приветствую!! Огромное СПАСИБО за этот проект! Верстка с классного дизайна + натяжка на WP - самая суть! Спасибо и Храни всех Бог!
@vadymprokopchuk
7 ай бұрын
Благодарю, и мне нравится, прикольно получилось
КРАСАВЧИК! ОДНОЗНАЧНО ЛАЙК!) Ждём продолжения)
Смело могу сказать , что 90% инфы в it получаю благодаря тебе
Спасибо, интересно, просто, с легкой иронией и юмором :) Подпись+лайк.
Такой красавчик 😊 так легко рассказывает
Привет. Это будет офигенно. Спасибо
Сплошные вечеринки)) Большое спасибо!))
Красавчик, все четко и понятно, спасибо)
даже через 2 года вечеринка актуальна! Спасибо