В этом уроке мы пройдём весь путь интеграции сайта на WordPress. Уделил внимание каждому этапу так, чтобы данный урок смог пройти даже новичок с базовыми знаниями в вёрстке сайтов. В рамках этого курса мы сделаем интеграцию на примере вёрстки, создадим чистую тему, подтянем весь контент чтобы им можно было управлять через админку (тексты, картинки, вкладки, слайды, меню, записи и др.), а также покажу как интегрировать дополнительные страницы (создавать шаблоны страниц).
Бонусом к уроку вы сможете получить бесплатный хостинг и домен в зоне .ru/.рф. Для этого при регистрации хостинга и домена нужно указать мой промокод и вы получите хостинг и домен совершенно бесплатно.
Хостинг:
Промокод: VERSTACH (указывается при регистрации хостинга, предоставляет бесплатный хостинг и домен в зоне .ru/.рф)
Ссылка на вёрстку HTML:
Ссылка на вордпресс:
Sublime Text:
Пример шаблона страницы page-main.php:
Пример функции пути к папке с темой:
Плагин ACF:
Шпаргалка ACF:
Нумерация строк ACF:
Общая страница с ссылками по интеграции сайта на WordPress:
Таймкоды урока:
«00:00 — вступление»
«03:13 — подготовка»
«07:54 — создание хостинга и получение бесплатного домена»
«08:14 — реклама»
«20:59 — загрузка файлов на хостинг ч.1»
«26:41 — загрузка файлов на хостинг ч.2»
«30:01 — установка WordPress»
«34:31 — установка чистой темы WordPress»
«36:16 — структура файлов и страниц WordPress»
«54:30 — перенос вёрстки сайта в тему WordPress»
«1:21:08 — интеграция элементов сайта – 1 часть»
«2:50:49 — интеграция элементов сайта – 2 часть»
«3:48:11 — интеграция меню сайта»
«4:05:42 — создание отдельной страницы “Контакты”»
«4:14:32 — интеграция “Записей” в WordPress»
«4:36:53 — проработка страницы “Записи”»
Если появятся какие-либо вопросы – задавайте их в комментариях под видео, буду отвечать всем.
ERID: Kra23ik1T
#Натяжка #сайта #на #WordPress #Полный #курс #БОНУС
По любым доработкам – https://t.me/beleckyweb
Хостинг: https://leadhost.ru
Очень классный урок. Все вроде понятно, но не получается победить один глюк в повторителе повторителя. Какой-то нелогичный баг, не пойму как его исправить. Ты в уроке сказал, что можно по любым вопросам обратиться даже с примерами кода. Можно тебе написать в телеграм по небольшому вопросу? Можете тебе на минуту, а я совсем застрял.
Очень рад, что нашел обучающий урок по вордпресс. А где ссылка на FileZilla?
Владислав, подскажите пожалуйста, плагин acf, который у Вас на сайте, обновить как то можно? Заранее спасибо за ответ, и большое спасибо за этот курс!.
эй, брат, красотка? Я из Бразилии, ваше видео было очень хорошим, я знаю, что вопрос немного случайный, но есть ли форум или группа в Telegram, где преподают маркетинг, клонирование страницы для моделирования, покупку профиля в Facebook…., спасибо для видео это очень помогло.
Друг, никак не пойму, использование jQuery – это достоинство или недостаток? Верстать умею, учу натяжку на WP, он обязателен в этом деле?
Второй созданный шаблон "Контакты" не отображается в меню для выбора шаблонов. Есть только "Шаблон по умолчанию" и "Главная страница". Как решить эту проблему? Спасибо!
Привет! Урок невероятный, спасибо большое!
Просьба сделай такой же разбор по натяжке кастомной формы обратной связи в wordpress, на ютьбе такого не нашел, покрайней мере в ру сегменте.
Спасибо! Отличная работа!
спасибо вам за курс. материал очень полезным оказался. есть вопрос. когда делали отзывы, там был тоже класс active, вы его не учли в работе. он нужен нам?
Владислав, огромное спасибо, пожалуйста покажите,как можно тему закинуть на Envato
лучший
Подскажите пожалуйста по пагинации страниц на wordpress. Есть верстка уже готового сайта блога. Также сверстана пагинация внизу страницы, которая пока естественно не работает. Хочу сделать, чтобы при добавлении более 10 статей на главной создавалась новая страница, куда будут переноситься все лишние. Когда на второй странице будет более 10 статей – создается третья и так далее. Интерфейс всех страниц, включая хэдер и футер будет одинаков. Как это реализовать? Нужно ли мне писать код на js для пагинации? Или, насколько я понял, я могу посадить сайт на wp, и уже там реализовать создание страниц при достижении нужно количества статей? И самое главное – как?) А то что-то именно по верстке не могу найти понятные для новичка уроки, как сделать пагинацию для сайта блога на чистом коде…
Хороший разбор, сделай если интересно верстку многостраничника сложного какого-нибудь, чтобы и слайдеры и личный кабинет, карточки товаров, корзина и прочее, и всё это с натяжкой на вордпресс, вот это будет реально крутая работа, а то таких видосов где простые лэндинги натягивают куча, хоть бы кто делал реально сложные проекты
Подскажите, пожалуйста, а через acf можно сделать авто генерацию страницы с определенным шаблоном? Вот как в записях вы показали, это получается нужно в single сделать верстку? Допустим есть карточка с товаром и при нажатии открывается полноценная страничка с этим товаром. И чтоб не создавать много страниц, а сделать одну в которую автоматически подгружается нужный контент
acf плагин платный, и цены там недешевые
подскажи, пожалуйста, как лучше popup реализовать, только через плагин, или можно через хуки, не нашел инфы….
Подскажите пожалуйста, я только учусь. Делаю все как рассказываете но у меня footer вообще отсутствует, страница заканчивается там где карта и там внутри этого раздела полностью админка?
дружище, низкий тебе поклон !!!!! пушка
Привет! Спасибо за урок! У меня возникла проблема: при указании корректного пути к файлам и картинкам не загружаются стили из файла bootstrap.min.css. При этом в консоле ошибки отсутствуют. С чем такое поведение может быть связано?
UPD. Проблему решил чисткой кэша браузера
Спасибо за урок! А можешь еще показать по добавлению форм и как делать перевод сайта?
Очень круто и сильно!
Ты умудряешься рассказать о такой сложной теме очень простым языком
Хочется конечно от тебя больше видео, но это колоссальный труд.
Спасибо тебе
Гайд максимально подробный. Большое спасибо за такую инфу в открытом доступе. Продолжай в том же духе. Вопросик у меня по записям, по клику на запись открывается новая страница с этим якорем(который можно в свойствах изменить) как мне накатить верстку, чтобы грубо говоря там было также красиво как на основной странице а не текс сплошняком
Почему это нельзя сделать через elementor?
Добрый день!
Встречал два варианта подключения файлов стилей и js,
первый как у тебя и второй через хуки. Подскажи какой из вариантов более правильный, что ли, даже не знаю…)) И может быть объяснишь в чем разница?
Нигде в ютубе нет корректной работы формы отправки сообщений, просидел 4 часа, так и не дождался(
Добрый вечер. Спасибо все понятно и хорошо объясняете. Только если вы учите новичков делать сразу правильно то стили и скрипты так никто не подключает, делается это через functions.php А так манера донести инфу у вас хорошая. Доносите правильно.
Скажите пожалуйста, Плагин Carbon Fields будет сильно сложнее в использовании? Вндь это по умолчанию free аналог ACF. Хуже или лучше?
Спасибо большое! Проходил до этого видео большой курс по WordPress, но словил дебаф к мотивации. Благодаря этому видео, стало интереснее учиться дальше и принял суть действа. Спасибо большое!!! 💥💥💥
Спасибо тебе огромное. Я редко пишу комменты, ты большой молодец тут содержится инфа, которая стоит денег на курсах. Объяснение просто и доходчивое! Пожалуй, это одно из лучших видео на Ютуб на данную тему! Пожалуйста, не забрасывай канал – сделай страницу с реквизитами донатов на своем сайте.
Зачем такие сложности? В VSCode есть плагин SFTP. В sublime он по любому тоже есть. Устанавливаешь его и спокойненько редактируешь файлы. И FileZilla на хрен будет не нужна.
Если у тебя несколько одинаковых действий, то ты можешь не дублировать код, типа этого:
$(“.test”).addClass(“active”);
$(“.test_g”).addClass(“active”);
Можно одной строкой это указать, через запятую
$(“.test, .test_g”).addClass(“active”);
А вообще, то, что ты сказал про jquery, мол учи. Нет, не нужно его учить, jquery уже устарел и все пишут код на нативном is
Спасибо за прекрасный курс! Возник вопрос: как указывать путь к теме в файлах css и js, а не только в php?
Давно подписан, спасибо за отличный контент, урок просто бомба, представляю сколько времени и сил осталось за кадром. Спасибо за легкую и интересную подачу. С WP работаю давно, но до натяжки руки не доходили. А тут все наглядно и последовательно, жду урок про магазин. Желаю творческих успехов вам и вашему каналу!