Натяжка верстки на wordpress
Вставка
- Опубліковано 20 лис 2024
- Привет, в этом видео полностью с нуля натяну или посажу как угодно говорить) верстку на cms wordpress, сделаю все пошагово, акцентируя внимание на ключевых моментах. Будет топово, и вы научитесь не только натягивать такие проекты, а еще и похожие. Также расскажу разные примеры из практики! Кайфуем! =)
Ссылка на html архив:
drive.google.c...
Видео по устанковке Open Server :
• Open Server, установка...
Ссылка на Open Server/ospanel:
ospanel.io/dow...
Мой курс по верстке - 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 заказчику. Просто архивом его скидывать? Как он тогда зайдёт в админку если бд от сайта у меня на компьютере?
@@ИльяЩербаков-э4р у меня на канале есть видео как передавать верстку заказчику, там и про вп есть вроде)
@@vadymprokopchukПосмотрел твой видос по вордпресс от начала до конца, повторял всё за тобой. Вадим, ты супер! Теперь свою вёрстку буду пытаться на движок посадить. Возник только вопрос, а как быть если на сайте интегрирована Google карта, если заказчик захочет поменять адрес через админку, как сделать чтобы на карте тоже нужный населенный пункт менялся?
❤
@@ИльяЩербаков-э4р. ‘?
!
З
Спасибо за непринужденную и легкую подачу материала. У автора явный талант к преподаванию, такое не купишь и не отработаешь.. Вся подача материала как бы намекает, что все, что сразу кажется непонятным и запредельным на самом деле проще чем кажется. Это здорово помогает, особенно новичкам.
00:02:30 начало
😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊
Автор - ты кладезь информации.
Настолько просто объяснять это мастерство высшего уровня, курсы которые я покупал даже рядом не стоят по уровню подачи материала.
Спасибо большое, с меня подписка
Честно, ты реально лучший, на ютубе нет тебе равных, платные курсы уступают твоему бесплатному контенту и дают куда больше, реально очень хорошая подача и всё запоминается, горел вёрсткой, смотря твои видосы стал гореть ещё больше, шо пламя стало не потушить))) Всего тебе наилучшего и твоей семье, огромное спасибо за такой контент, который ты делаешь, я нереально тебе благодарен
Благодарю!
Больше подходит для фрилансеров новичков, но всё же молодец
Но 2,5 года назад до опыта работы начинал с этих видосов
Архисложный многостраничник на wp, кто за?
это приятное чувство когда я смотрю 3.5 часа видео про написание кода и всё понимаю) Спасибо за доступность контента)
Благодарю Вам за все, за все Ваши обучающие видео, за все Ваши старания, за все Ваши объеснения. Я взял первый большой заказ на 10к рублей, мне нужно было сверстать и натянуть верстку, местами тупил, но Вы не Вашими объеснениями, Вашим подходам, шутками не дали пасть духом. 220 тысяч просмотров и возможно стольким же людям Вы очень сильно помогли, спустя 2 года, Вы все равно лучший. Огромное спасибо, Вадим !!!!))))
Как хорошо что вы допускаете ошибки и тут же их исправляете, показывая как можно дебажить
Сколько не искал на всем Ютубе, ничего нормального не нашел по посадке сайта на wp. Один делает посадку со страшной скоростью (тараторит без остановки, строчит, копирует, куда-то кликает не понятно куда; будто не хочет, чтобы его видео было полезным), другой разбил урок на хрен знает сколько уроков по 200 часов (пока пересмотришь, вся жизнь пройдет). И наконец нашел этот видос. Ну блиин, насколько классно, понятно все объясняется, каждый шаг, каждое действие. Это очень дорого стоит, реально спасибо огромное!
Супер, рад что помог, у меня много полезных видосов
Огромное спасибо за колоссальный труд в создании ролика более 3 часов материала. Разжевано очень подробно для новичков, все понятно. Хорошая подача материала на простых примерах. Ждем новых видео по WP от тебя!
Благодарю
00:02:40 начало
ю@@sergeibobrov9200
Вот реально полезный контент!! 2 года прошло, а люди еще учаться и получают полезные знания и навыки. Выражаю огромную благодарность автору канала!!!
Спасибо
Огромное спасибо за труд. На просторах Ютуба единственная качественная вечеринка по WP для новичка.
Спасибо)
Спасибо автору большое. Ребята кто смотрит в 2022 там есть нюанс с шорт кодом и отправкой на emai. Нужно заменить форму на div, поскольку contact form 7 сама делает тег . Иначе не будет работать. Я два дня убил пока разобрался.
А подскажите, пожалуйста, где именно надо менять на див. В верстке менял form class=“contacts__form” на div и у меня кнопка в форме съезжала.
дякую також якийсь піз... з цією формою вже 2 день шукаю в чому проблема
да есть такая фишка, голову сломал пока попробовал через див
Спасибо)
бомбическая вечеринка, просто улёт отпадный, все очень круто рассказано, Вадим у Вас есть навык быть учителем, это очень радует!!!! спасибо огромное за такие титанические старания, дай Вам Бог здоровья!!!!!!)))))))))).........
Бывает же такое. Только вчера тебя вспоминал и думал "Было бы круто увидеть натяжку на WP от Вадоса". Круть. Давно ждал подобное видео от тебя, вечер будет полезный сегодня
Никогда не пишу ни кому комментарии, но сейчас не сдержался ты лучший! Спасибо за видео, лайк!!!
Спасибо
Один из лучший блогеров! Интересная подача, очень нужный материал, а юмор иногда просто разрывает))) Супер! Спасибо!!!
Как долго я этого ждал... ОГРОМНОЕ СПАСИБО, теперь пора многостраничник, и курс)
Блиииин, вот бы еще видио по натяжке какого то многостраничника хотябы на 3 страницы, вот здорово было бы, у тебя такая грамотная подача. даже я слон полный и то понял.
Спасибо огромезное!!! Пересмотрела половину UA-cam, но только после этого видео смогла полностью посадить свой первый сайт на Wordpress🙂🙂🙂
Попал на канал благодаря этому видео, и блин это лучшая находка в ютубе за многие годы. Редко пишу комментарии, но как и многие, хочу сказать спасибо, за то что вы делаете) подача, которую приятно смотреть и нет спама или инфы для бабушек! п.с. классно что в новых видео появился кружок с автором
Год назад начинал изучать верстку и как раз учился по твоим видео, сейчас уже как 3 месяца работаю и вся работа связана с wordpress, жаль раньше этого видео не было)
Как нашли работу? Можете вкратце поделиться, пожалуйста
@@kingkingov4918 спустя пол года учебы начал ходил по собесам. Посмотрел как это вообще в живую происходит и что требуют. Потом еще где то месяца 3-4 занимался и уже пошел по собесам прямо с целью устроиться. Всегда старался делать тестовые больше ради опыта и фидбэка. На 3ем собесе взяли на испытательный.
@@exgort спасибо за ответ
@@exgort какой у вас скилл был на тот момент?jQuery?что то могли уже на нативном JS?знали GULP,scss,GIT,PUG,просто сейчас такие требования ,что до джуна надо минимум 1 -1,5 года учится интенсивно по 6 часов в день .
@@ВладимирВладимир-ы8е Да я где то месяца 2 уделил верстке (html,css), потом все время игрался с нативным js. Со временем стал пробовать перечисленные инструменты, старался понять, зачем они нужны, как они помогают и ускоряют разработку. Кажется что инструментов много и необходимо уйма времени, чтобы все изучить, но в сухом остатке это лишь обертки над html\css\js, которые помогают автоматизировать и ускорить процесс разработки. Я их не заучивал, просто пробовал с ними работать, пытался понять, чем они могут быть полезны. На работе я все равно часто обращаюсь к документации\гуглу (так как всю информацию в голове держать не реально). Учился я в среднем где то по 3-4 часа в день.
Все просили, все ждали и вот она вечеринка)
Поймал интересный проект по фронтенду , оказалось что на Wordpress, отказаться уже не мог. Благодаря видео выполнил. Спасибо большое автору)
Мое первое просмотренное видео по WP. Все предельно подробно и понятно. Спасибо за столь полезный материал. И отдельное спасибо за манеру подачи материала)
Дополнительные, позитивные комментарии к действиям просто топ))) выглядит, как психологический прием мол "ребят, если вы можете использовать ручку от двери, чтобы ее открыть, то и с этим справитесь")))) красава)
Оооочень полезно! Меня как дизайнера немного подзадолбали заказы на конструкторах, хоть на том же вордпрессе в элементоре, на вебфлоу или тильде. Приходилось даже в них верстать вручную некоторые части лендов. Проще иногда вручную сверстать все, а вот как повесить на какую-то cms возникали вопросы. Не могу сказать, что я вордпресс впервые увидела, но свой шаблон вот с нуля полностью не делала раньше, брала все равно что-то за основу. Это проще, чем казалось) Решила в этом уроке пойти дальше, и все-таки замутить свой тип записей под услуги. Это тоже оказалось быстрее, чем ожидалось. Спасибо за урок!
круть!
Та же фигня. От элементора и тильды уже тошнит. Да и в качестве портфолио показывать как я собрал страницу в конструкторе, ну такое. Со своей вёрсткой хоть какую-то скиллуху можно продемонстрировать.
спасибо за полезный урок! Подача, доступность - высший пилотаж! Чуть чуть можно оптимизировать филд телефона( 2:18) : перед телефонным тегом открыть php и объявить переменную $phone, за ней $cleaned_phone = str_replace(array('(', ')',' ', '+'), '', $phone); и после обе переменные поставить в тег a.
Фантастическое видео, огромная вам за него благодарность!
Шорткоды:
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 - Добавление новой страницы "Политика конфиденциальности"
сегодня этот коммент меня спас, поняла что именно проморгала, вернулась, пересмотрела, исправила) спасибо))
Спасибо за ваш труд. С нетерпением жду каждое видео, смотрю его по два ато и три раза. Очень жду ваш курс на который уже записалась. Вы мой кумир, очень надеюсь достигнуть тоже таких высот!
Благодарю)
Среди недели устраивать вечеринку! Вадим, ты издеваешься!!!
Поспал, блин..Такую движуху пропустить я не могу.
Красава
Вадик, привет! Лайк не глядя! Знаю, что вечеринка будет знатной!) Добавил в избранное, обязательно посмотрю! Огромный респект и благодарность!))
Смело могу сказать , что 90% инфы в it получаю благодаря тебе
Как же приятно слушать, просто неописуемо. Прекрасный урок!
благодарю
обязательно к просмотору для первой посадки
прям искренне желаю начинающим на него попасть
сам досмотрел до конца, и верстку и натяжку
когда умные люди делятся, то почему бы и не "да"
Сначала лайкос а видео вечером вместо фильма гляну, и на выходные попрактикуюсь.
Пасиба!!👍👍👍
С каждым днем я все больше убеждаюсь, что эта связка - моя лучшая инвестиция.
Спасибо за годный контент! Просматриваю все видео на твоем канале.
Ну наконец-то. Огромное человеческое спасибо, Вадим!
Пожалуйста
материал полностью работает 20.02.2023. Информативный ролик, за советы отдельное спасибо)
Респект, спасибо за видео! Как всегда, замечательная подача и всё, что казалось сложным, легко объясняется.
ребят, если у кого-то открывается все в браузере opera, то нужно в open server зайти в настройки - меню - и изменить расположение пути файла браузера (чтобы проще было найти, то можно в поисковике своего компьютера вбить название браузера и перейти в его расположение в файлах) и с перезагрузкой все будет прекрасно) Удачной разработки вам!
Спасибо, добрый человек! :)
Вадос ты лучший)))) просто на раслабончике посмотрел за несколько раз за чашкой чая)) очень подробно без воды, ну просто красавчик))) Было бы круто ещё показать ребятам как перенести этот сайтец на реальный хостинг, там в принцыпи не много времени займёт)) и будет плюсой если ещё покажешь натяжку не большого магазина на пару страниц👍👍👍
Вадос, твои шутки и приколы во время видео просто нечто) проходил у тебя курс from0to1, запас юмора не скончаемый) красава🤙👍
Огромное спасибо за колоссальный труд в создании ролика более 3 часов материала.
Благодарю
Очень крутое видео! сколько искал про натяжку своей верстки на WP, попадалась либо невнятная нудятина, либо не очень хорошее объяснение, а в этом видео, все понятно и смотреть довольно интересно и ненапряжно. Спасибо за качественный видос! С меня однозначно лайк и подписка :)
спасибо
Ну такие дела нужно поддерживать 🛡 . Сильная подача информации. Спасибо 🤙
Тёплый привет из Армении , Спасибо вам огромное за ваш труд , удачи вам и процветания.
Вадим, приветствую!! Огромное СПАСИБО за этот проект! Верстка с классного дизайна + натяжка на WP - самая суть! Спасибо и Храни всех Бог!
Благодарю, и мне нравится, прикольно получилось
Вадимыч, спасибо человечище, уже сверстал свой первый сайт, натянул, залил на домен и отдал человеку)
красава, так держать
Дякую. Таких відосів нажаль дуже мало. А треба!! Збацай коли-небудь многостранічнік.
Любви тебе автор))) за такой контент!
Кайфовый подход у вас) поднимает настроение, спасибо💃🏻
Автору огромное спасибо. Очень просто и интересно объясняет, а главное с юмором. Подписка, однозначно
Лайк за вечеринку!!!
ОООО!!!! Довгоочікуване відео!!! Вадос, ВЕЛИЧЕЗНЕ ДЯКУЮ!!!!
Привет, посмотрел 7 минут твоего ролика, И ТЕПЕРЬ Я ТВОЙ ФАНАТ. Чутки - мое почтение!
Досмотрел до момента, когда понял, что вечериночка нормас. Спасибо за полезность и юморок
Боже! Это лучшее видео, которое я когда либо видел по WP, лайк и подписка!! Шикарная подача материала и прикольные шутки! Огромная благодарность за Ваш труд!
Ставлю лайк чтобы понестись по карьерной лестнице)))
уже делал подобную натяжку ты) думал другой проект натяжки вп будет, но все равно очень полезно спс
Вообще разные проекты
Если так смотреть, то они (интеграция верстки на wp) все почти одинаковые ))).
Автор видео хорошо и приятно излогает.Спасибо за видео и за юмор)
Спасибо Вадим большое за твой труд. Как долго все ждали этого🤝🥳
Огромное спасибо за обучающий видос!! Колоссальная работа! Единственное видео, где я просмотрел материал до конца и все получилось! Даже без проблем JQuerry подключил, раньше не получалось, ни при каких условиях!!! БЛАГОДАРСТВУЮ!
супер, полет отличный=)
Эх, любимый канал выложил видео по WP, а я его уже на реальных заказах вдоль и поперёк изучил)) Ну ладно, посмотрим под чаёк
Я не знаю як описати цю "вечерінку", але це просто топ. Напевно такого якісного контенту як у тебе, немає ніде) Ти просто вері-вері гуд))Дякую тобі за твою роботу! Знімай ще про WP будь ласка)
Лол, прям как по заказу, мне как раз нужно в кротчайшие сроки научится работать с wordpress и выходит твоё видео! Спасибо!)
Кокрас? Ты блять в 3х буквах 4 ошибки сделал.
Огромное спасибо за материал, жалею , что не посмотрела видео в самом начале своего пути, сэкономила бы кучу своего времени!
Спасибо, дружище! Все жду, когда будем натягивать сверстанный многостраничник.
Добрий день, дякую за відео. Паралельно шукаю роботу верстальник html, готова працювати за досвід і мінімальну оплату.
Спасибо огромное вам! Настолько всё понятно и без лишней воды, процветания и благосостояния!!!
Посмотрю потом но ЛАЙК уже поставил) заранее спасибо Вадим!
Спасибо большое, удивлён бескорыстностью автора и вообще как такой труд находится в свободном доступе, без вымогательства денежки)
2023 and its still relevant. Did the same god damn job. Its awesome and its all cuz of you. Отличная вечеринка получилась! God bless you!
Красавчик! Мне нравиться твоя подача материала👍👍👍
Крутой урок и подача с шутками, спасибо за всё это 😄
Видео-огонь. По wordpress много есть видео, но это видео самое лучшее, СПАСИБО !!!!!
Вот это вечеринка намечается)
Вчера начал смотреть и делать. Сегодня закончил. Все понятно и четко. Огонь короче.
Вадим ты лучший! Очень надеюсь что с тобой все хорошо и ты в безопасности
Просто красавчик, я даже перепроверил через 20 минут, что смотрю - подумал стендап. Но нет, Вордпресс. Подача супер. =)
Очень прикольно ведет стрим! Юмор зачетный ! Респект парню!
Стильная подача материала, Спасибо Вадим...
Лайк не глядя, но конечно посмотрю попозже ))
Спасибо за материал. Многому научился и ещё думаю научусь на твоих видео. Жду новых видео по вордпрес. Конечно подписан. В общем спасибо инфу. Бесценный лайк для благодетеля !!!!
посмотрю позже, но лайк поставлю сейчас)
Вадим! Громадное спасибо тебе за это видео и за все твои видео. УзнаЮ от тебя очень много полезной информации.
Жду с нетерпение вашего курса по WordPress)) Подача видео лучшее среди всех других видео в Ютубе!
благодарю
Спасибо огромное за всё, что вы делаете!
ну учиться по вашему видосу и угорать с шуток - это 100из10!
супер!
Спасибо за интенсивный урок. Стиль подачи информации "юзер-френдли". Все понятно.
даже через 2 года вечеринка актуальна! Спасибо
Вадим, огромная Вам благодарность за Ваш Труд.
спасибо за непринуждённую манеру рассказа. Очень важно для такого длинного видео!
Вот этого я ждал годами
Вот видишь, я же говорил что не подведу
Благодарю. Просто, понятно и доходчиво. Ролик смотрится и усваивается просто кайфово.
Очень интересно, очень познавательно, но аааааа, какой вы долгий, реально. За ролик спасибо огромное.
Ура! Но сначала догоним все домашки на курсе)
Как меня замучил этот wordpress! Спасибо вам огромное.
А**нно! Разложил реально все моменты на которых я запнулся как джуниор! Спасибо огромное!👍