Натяжка верстки на wordpress
HTML-код
- Опубликовано: 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 день шукаю в чому проблема
да есть такая фишка, голову сломал пока попробовал через див
Огромное спасибо за колоссальный труд в создании ролика более 3 часов материала. Разжевано очень подробно для новичков, все понятно. Хорошая подача материала на простых примерах. Ждем новых видео по WP от тебя!
Благодарю
00:02:40 начало
Как хорошо что вы допускаете ошибки и тут же их исправляете, показывая как можно дебажить
Спасибо за ваш труд. С нетерпением жду каждое видео, смотрю его по два ато и три раза. Очень жду ваш курс на который уже записалась. Вы мой кумир, очень надеюсь достигнуть тоже таких высот!
Благодарю)
Честно, ты реально лучший, на ютубе нет тебе равных, платные курсы уступают твоему бесплатному контенту и дают куда больше, реально очень хорошая подача и всё запоминается, горел вёрсткой, смотря твои видосы стал гореть ещё больше, шо пламя стало не потушить))) Всего тебе наилучшего и твоей семье, огромное спасибо за такой контент, который ты делаешь, я нереально тебе благодарен
Благодарю!
Больше подходит для фрилансеров новичков, но всё же молодец
Но 2,5 года назад до опыта работы начинал с этих видосов
Попал на канал благодаря этому видео, и блин это лучшая находка в ютубе за многие годы. Редко пишу комментарии, но как и многие, хочу сказать спасибо, за то что вы делаете) подача, которую приятно смотреть и нет спама или инфы для бабушек! п.с. классно что в новых видео появился кружок с автором
Спасибо Вадим большое за твой труд. Как долго все ждали этого🤝🥳
это приятное чувство когда я смотрю 3.5 часа видео про написание кода и всё понимаю) Спасибо за доступность контента)
Респект, спасибо за видео! Как всегда, замечательная подача и всё, что казалось сложным, легко объясняется.
Автор - ты кладезь информации.
Настолько просто объяснять это мастерство высшего уровня, курсы которые я покупал даже рядом не стоят по уровню подачи материала.
Спасибо большое, с меня подписка
Мое первое просмотренное видео по WP. Все предельно подробно и понятно. Спасибо за столь полезный материал. И отдельное спасибо за манеру подачи материала)
Спасибо за непринужденную и легкую подачу материала. У автора явный талант к преподаванию, такое не купишь и не отработаешь.. Вся подача материала как бы намекает, что все, что сразу кажется непонятным и запредельным на самом деле проще чем кажется. Это здорово помогает, особенно новичкам.
00:02:30 начало
Бывает же такое. Только вчера тебя вспоминал и думал "Было бы круто увидеть натяжку на WP от Вадоса". Круть. Давно ждал подобное видео от тебя, вечер будет полезный сегодня
Никогда не пишу ни кому комментарии, но сейчас не сдержался ты лучший! Спасибо за видео, лайк!!!
Спасибо
Ну такие дела нужно поддерживать 🛡 . Сильная подача информации. Спасибо 🤙
бомбическая вечеринка, просто улёт отпадный, все очень круто рассказано, Вадим у Вас есть навык быть учителем, это очень радует!!!! спасибо огромное за такие титанические старания, дай Вам Бог здоровья!!!!!!)))))))))).........
Спасибо огромезное!!! Пересмотрела половину RUclips, но только после этого видео смогла полностью посадить свой первый сайт на Wordpress🙂🙂🙂
Спасибо за годный контент! Просматриваю все видео на твоем канале.
Как же долго мы ждали!!! Спасибо!
Один из лучший блогеров! Интересная подача, очень нужный материал, а юмор иногда просто разрывает))) Супер! Спасибо!!!
Вадик, привет! Лайк не глядя! Знаю, что вечеринка будет знатной!) Добавил в избранное, обязательно посмотрю! Огромный респект и благодарность!))
Все просили, все ждали и вот она вечеринка)
Спасибо огромное вам! Настолько всё понятно и без лишней воды, процветания и благосостояния!!!
Вадим огромное тебе спасибо за всё что ты делаешь для нас.
Это именно то, что я ждал! Спасибо!
Огромная благодарность автору обучающего видео-ролика! Все понятно и просто! С меня подписка и большущий лайк!🤩👍
Вадим, ты лучший! Спасибо)) Выполняю свой первый полноценный проект с нуля, очень помогло данное видео.👍
Фантастическое видео, огромная вам за него благодарность!
Ну наконец-то. Огромное человеческое спасибо, Вадим!
Пожалуйста
Вадим ты лучший! Очень надеюсь что с тобой все хорошо и ты в безопасности
Спасибо за материал. Многому научился и ещё думаю научусь на твоих видео. Жду новых видео по вордпрес. Конечно подписан. В общем спасибо инфу. Бесценный лайк для благодетеля !!!!
Сначала лайкос а видео вечером вместо фильма гляну, и на выходные попрактикуюсь.
Пасиба!!👍👍👍
Вадос, твои шутки и приколы во время видео просто нечто) проходил у тебя курс from0to1, запас юмора не скончаемый) красава🤙👍
Спасибо большое, удивлён бескорыстностью автора и вообще как такой труд находится в свободном доступе, без вымогательства денежки)
Огромное спасибо за труд. На просторах Ютуба единственная качественная вечеринка по WP для новичка.
Спасибо)
Спасио огромнейшее за Ваш труд! Как всегда все на высоте.
Боже! Это лучшее видео, которое я когда либо видел по WP, лайк и подписка!! Шикарная подача материала и прикольные шутки! Огромная благодарность за Ваш труд!
Спасибо за интенсивный урок. Стиль подачи информации "юзер-френдли". Все понятно.
Стильная подача материала, Спасибо Вадим...
Вчера начал смотреть и делать. Сегодня закончил. Все понятно и четко. Огонь короче.
спасибо за непринуждённую манеру рассказа. Очень важно для такого длинного видео!
Огромное спасибо за материал, жалею , что не посмотрела видео в самом начале своего пути, сэкономила бы кучу своего времени!
Спасибо за видео ! Жду курс.
Вот реально полезный контент!! 2 года прошло, а люди еще учаться и получают полезные знания и навыки. Выражаю огромную благодарность автору канала!!!
Спасибо
Вадим спасибо Вам за Ваш труд. Здоровья Вам.
Крутой урок и подача с шутками, спасибо за всё это 😄
Спасибо тебе, добрый человек! С пользой провела эти 4 часа. Конечно остались вопросы по натяжке меню и редактированию текста через wyziwyg редактор, но в целом уже не так страшно двигаться вперед.
Вадим, огромная Вам благодарность за Ваш Труд.
Спасибо, дружище! Все жду, когда будем натягивать сверстанный многостраничник.
Видео-огонь. По wordpress много есть видео, но это видео самое лучшее, СПАСИБО !!!!!
Восхитительно!!! Спасибо большое, ну очень полезно и доходчиво!
Очень крутое видео! сколько искал про натяжку своей верстки на WP, попадалась либо невнятная нудятина, либо не очень хорошее объяснение, а в этом видео, все понятно и смотреть довольно интересно и ненапряжно. Спасибо за качественный видос! С меня однозначно лайк и подписка :)
спасибо
Супер огромное спасибо.Жду когда будет курс по ВП
Жду с нетерпение вашего курса по WordPress)) Подача видео лучшее среди всех других видео в Ютубе!
благодарю
Подача - огонь! Материал - супер! Спасибо. Лайк, подписка!
Огромное Спасибо автору! Видео супер! Все четко и понятно, вполне доступно для новичков.
Вадим, большое спасибо за такое замечательное видео
Как меня замучил этот wordpress! Спасибо вам огромное.
Прямо вовремя! Спасибо ☺️
Посмотрю потом но ЛАЙК уже поставил) заранее спасибо Вадим!
Спасибо, интересно, просто, с легкой иронией и юмором :) Подпись+лайк.
обязательно к просмотору для первой посадки
прям искренне желаю начинающим на него попасть
сам досмотрел до конца, и верстку и натяжку
когда умные люди делятся, то почему бы и не "да"
А**нно! Разложил реально все моменты на которых я запнулся как джуниор! Спасибо огромное!👍
Спасибо огромное, за такой труд!!!!
Автору огромное спасибо. Очень просто и интересно объясняет, а главное с юмором. Подписка, однозначно
Огромное спасибо за Ваш труд и время! Очень актуальная тема. 🥳
Тёплый привет из Армении , Спасибо вам огромное за ваш труд , удачи вам и процветания.
материал полностью работает 20.02.2023. Информативный ролик, за советы отдельное спасибо)
КРАСАВЧИК! ОДНОЗНАЧНО ЛАЙК!) Ждём продолжения)
Красавчик, все четко и понятно, спасибо)
Благодарю Вам за все, за все Ваши обучающие видео, за все Ваши старания, за все Ваши объеснения. Я взял первый большой заказ на 10к рублей, мне нужно было сверстать и натянуть верстку, местами тупил, но Вы не Вашими объеснениями, Вашим подходам, шутками не дали пасть духом. 220 тысяч просмотров и возможно стольким же людям Вы очень сильно помогли, спустя 2 года, Вы все равно лучший. Огромное спасибо, Вадим !!!!))))
Красавчик! Мне нравиться твоя подача материала👍👍👍
Привет, посмотрел 7 минут твоего ролика, И ТЕПЕРЬ Я ТВОЙ ФАНАТ. Чутки - мое почтение!
ребят, если у кого-то открывается все в браузере opera, то нужно в open server зайти в настройки - меню - и изменить расположение пути файла браузера (чтобы проще было найти, то можно в поисковике своего компьютера вбить название браузера и перейти в его расположение в файлах) и с перезагрузкой все будет прекрасно) Удачной разработки вам!
Спасибо, добрый человек! :)
Сенсей, наконец-то))) Спасибо
Огромное спасибо за колоссальный труд в создании ролика более 3 часов материала.
Благодарю
Шорткоды:
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 - Добавление новой страницы "Политика конфиденциальности"
сегодня этот коммент меня спас, поняла что именно проморгала, вернулась, пересмотрела, исправила) спасибо))
Привет. Это будет офигенно. Спасибо
Лайк за вечеринку!!!
Огромное спасибо. Очень жду натяжку многостраничника, на марафоне Вы как-то обещали выпустить данный видос
Дополнительные, позитивные комментарии к действиям просто топ))) выглядит, как психологический прием мол "ребят, если вы можете использовать ручку от двери, чтобы ее открыть, то и с этим справитесь")))) красава)
Поймал интересный проект по фронтенду , оказалось что на Wordpress, отказаться уже не мог. Благодаря видео выполнил. Спасибо большое автору)
Бро, огромное спасибо за этот курс!
Как же приятно слушать, просто неописуемо. Прекрасный урок!
благодарю
Любви тебе автор))) за такой контент!
очень понятно объясняешь! благодарю:)
Большое человеческое спасибо 👍 вам успехов и процветания! Вы конкретно помогаете новичкам
благодарю
Огромный труд. Спасибо. =)
Благодарю. Просто, понятно и доходчиво. Ролик смотрится и усваивается просто кайфово.
Лайк не глядя, но конечно посмотрю попозже ))
Вадим! Громадное спасибо тебе за это видео и за все твои видео. УзнаЮ от тебя очень много полезной информации.
Спасибо! Подача супер)
Спасибо за полезную информацию
Вот этого я ждал годами
Вот видишь, я же говорил что не подведу
спасибо большое за информацию!!!
И за хорошее настроение!!=)
Наконец-то, спасибо))
Спасибо!!! Ждем еще видео по вордпрессу!