В видео сначала полностью с нуля, с psd макета верстаю сайт, а потом плавно и без боли переношу свою верстку на wordpress. Видео подойдет всем кто хочет разобраться с cms системой вордпрес и научиться создавать новые темы, переносить готовую верстку на движек. Вы поймете основные принципы такой работы, как все устроенно, и что вам нужно делать, чтобы без проблем выполнять такие заказы на фрилансе.
Доп видео для урока:
установка Open Server https://youtu.be/SBTroONAzrU
Ссылка на psd макет: https://drive.google.com/drive/folders/1AA03IjQJknBnYM-QDmXeqUpxgPWCJ0VQ?usp=sharing
Подпишитесь на канал, если вам понравилось данное видео:
http://bit.ly/2IFzwBZ
Видео о сss grid:
Верстка сайта он начала до завершения:
Полезное видео! Спасибо!
Огромное спасибо!=)То что вы делаете – это просто бесценно !))Всё очень послдеовательно,доходчиво,информатвно и позитивно =)
Удивительно)) Сколько у тебя терпения, НЕ сказать что вордпресс это днище)) Зато бабки на фрилансе платят 🙂
~~~~~~~Люблю Тебя ЧуваГ!!!!! ~~~~~~~СПАСИБО!!!!!!!!
Спасибо за прекрасную вечеринку
Вадим!как всегда,просто великолепно!!!!!
После видосов про гоу серф и многой верстки, я смотрю этот видос на 1.25, и на изи пролетаю опережая Вадима. Жду с нетерпением блог или интернет магазин, уже очень хочется узнать нюансы wordpress! Спасибо за труд! 🙂
Владос, что делать если после подключения jquery и скриптов не появляется админ панель?
Тут некоторая часть отсутствует про скачивание и т.д., это пофигу за верстал на изи, главное чтобы новички не напряглись 😀
Я на x2 досмотрел, классный урок! Будет круто уже полноценный сайт сделать, с блогом, добавлением в блог новостей, магазин и т.д.! Спасибо за урок!
Влад го сайт магазина с 0 до натяжки такого контента нет
Спасибо! Видео супер – нашла ответы практически на все вопросы!
Хоть и долго но овер юзфул!!! Спасибо.
люди используйте инсайдерскую версию vs code там логотип зеленый а не синий
Вадим, спасибо за твои видео! Подача просто боженька говорит. Все понятно. Я нашла работу как раз связанную с вордпрессом. Почему я так осмелела, спросите вы? Да благодаря этим видео! Бесконечное спасибо.
Сколько лет верстаешь?
Спасибо за очень очень познавательное видео!
впервые доступно и понятно объяснили как верстать под вордпресс и создавать темы Но не только ещё
познакомили с Visual Studio Code реально удобный редактор кода оказался (возможно я даже нашел замену Dreamweaver'у)
с новыми фишками фотошопа 2018г. он оказывается слои по отдельности может импортировать и с svg научился работать (в сс 2014 этого нету)
локал машину тоже апробую (мож не такая хрень как Денвер) а то всё на живом хосте делаю а он не резиновый
Спасибо бро ! Ты настоящий друг !
Ставлю 100 лайков
Огромное спасибо !
Куда еще лайк поставить, чтобы выходили новые видео-уроки по WP? 🙂
Вадим, необходим полный видос про записи) что то плохо понял(думаю, и не только я
На сколько мне показалось, была пропущена часть с project__name и dowload.
Спасибо за видос Владос )). Красавчик))
Вадим очень крутое видео, спасибо. Интересно и доходчиво рассказываешь. Ставил бы лайк за каждую минуту, жалко поставить можно только один.
А можешь запилить видос, по поводу того, чем занимаешься в компании. Я понимаю что фронт, но допустим, что именно входит в твои обязанности кроме верстки? Очень интересно узнать.
Раскажите как сделать регистрационную форму на сайте или помогите..
Спасибо за видео! Было много нового и интересно.
Благодарю за видео! Скажите пожалуйста, уже есть видео про верстку интернет магазина? (в этом видео упоминалось о планах создания такого видоса).
Огромное спасибо за видео! Лайк и подписка от меня)
на 07.2020 при первом логине пароль и логин от PHP mysql mysql
Не знаю, может кому поможет: в вижуал студио: двойной клик – выбор слова, тройной – выделение строки, четверной (если есть такое слово:)) – выбор всего текста документа
2 часа 13 минут, наверное лучше в функции bloginfo указать name вместо discription (дискрип – это вместо описания сайта, наверное)?
"Знаете какая идея мне пришла в голову…? Нет не знаете" :))))
а что находиться в main.js?
аааа…мой косяк просмотрел, а magnifik-popup не хочет чет работать ….
У меня одного WP словил глюков с плагином ACF в локалке? пропадает отображение полей, не меняется содержимое поля в админке, удалишь поле, создашь заново, подхватывает сохраненную копию. PS: все вертится на опенсервере php7/3; PSS: я нубчик.
Если у кого тоже не работает wh magnific popup light и просто черный фон вокруг, картинки без стрелок перемотки, просто закомментируйте прошлый магнифик в файле functions.php,( все скрипты js там и один магнифик css вверху) и должно заработать. 2 часа с этим мучался, не работал плагин. Может кому-то поможет.
ну да …дизайнер вобще красавЧег! кнопку картинкой пришлось сделать….
Очень полезный урок. Спасибо!
может кому пригодиться, три картинки на фон должны по моему меняться :
@keyframes clr
{
0% {background-image: url('../timber/assets/img/bg1.jpg');}
50% {background-image: url('../timber/assets/img/bg2.jpg') ;}
100% {background-image: url('../timber/assets/img/bg1.jpg');}
}
.header{
width:100wh;
animation: clr 10s infinite;
}
1:16:49 таймкод, часть пропущенного кода
Когда будет сайт блог на вп?)
Спасибо за видос, годнота) запили как залить все ето на хостинг!
2 вопроса. 1ый: где взять папку "Start_Project"? 2ой: как автор так быстро печатает названия классов и дивы? Через какие горячие клавиши?
Очень полезно, спасибо)
Спасибо за видео. Много стало понятно.
Спасибо, Герман!)
Крутое видео! Очень хочется увидеть, как заливать вп на какой-то хост!
за чувство юмора отдельное спасибо!
ты не просто делаешь полезное дело, это благотворительность)
Блииин, я зашла посмотреть видос просто о верстке, в итоге тут вордпрес! Я ИСКАЛА МЕДЬ, А НАШЛА ЗОЛОТО!!!!!!!!!!!!!!!!!!!!!!!СПАСИБО
лайк, колокольчик для поддержки. Спасибо, от души
Не підключаються стилі через <?php wp_head(); ?> Не можу знайти помилку. Може це Cannot validate since no PHP executable is set. Use the setting 'php.validate.executablePath' to configure the PHP executable.
Вадим, большое спасибо за видос, ты крут!)
дважды пробовал переделывать, всё равно одно и то же – не хочет срабатывать плагин WF Magnific Lightbox… именно всплывашка не работает, при клике на картинку, браузер пытается открыть её в новом окне, и в адресной строке он указывает путь через какую-то папку simple-page, которую я в директории ну вообще не виду… всплывающего окна при клике на картинку нету 🙁 2 раза переделывал, всё равно один и тот же результат, 20 раз перепроверял, код один в один напечатан….. что может быть не так ? 🙁 причём пробовал другой плагин поставить WP Magnific Popup, такая же история, открывает новую страницу, а на ней ничего, вместо всплывающего окна…
Если после фронтенда, интеесует углубится в бэкэнд для коммереских сайтов, по типу доставок, магазинов и тд, + с разными функциями по типу бронирований, записей и т.д. И еще дальше перейти на верстку и создание моб.приложений с теми-же потребностями – Стоит ли изуать WP ?
Вопросов как и инфы много, а конкретных дельных советов мало. Такой себе Информационный шум, после которго поитав и погуглив уже не знаешь что как и зачем )
Заранее спасибо за ответ )
Можт кому не лень просветить посоветовать киньте телегу )
+ лайк, и коммент побольше.
ПС: Сильно не засирайте )
Вадос, ну ты капец усидчивый, 5 часов почти с полными комментариями))
Убрал-таки страх этого Вордпресса) Теперь осталось закрепить на макете посложнее
От 0 до 1 Привет! Наткнулся на статью, что не рекомендуют использовать бэм для WP, так как при подключении меню, nav>ul классы можно определить, но в li>a WP уже сам генерирует верстку и классы не прописать! Можно стилизовать css, nav li {}; nav a{}; Но я думаю это не правильно! Или правильно? Как в таких случаях поступать? Или я наткнулся на старую статью?
И еще, почему не используют <?= ?> ???
Спасибо за эту вечеринку!
Жду еще видео про wordpress и как загружать на хостинг 🙂
Если шрифты подключеные в css через font-face, как их в ВП?
Если картинки подключены в стилях?
Урок хороший. Но сам вордпрес, это еще тот костыль…
спасибо за видео !
Здравствуйту Вадим это просто бомбический урок вы открыли мне глаза.!!!!!!
Пишу коммент чтобы толкать этот локомотив! Как говорится респект и уважуха за видосы и подачу. Ждем еще по WP видосы и мне было бы интересно посмотреть про webpack и разбор того в каких случаях лучше применять его, а в каких Gulp
Спасибо)) Все подробно, и понятным языком объяснили))
Жду не дождусь еще видео по WordPress)
1:35:00 можно провернуть такое на js?
Привет) пожалуйста помоги, где можно увидеть логин и пароль для PhpMyAdmin?
ВАДИМ ЗДАРОВА посмотри видео от 1:05:38 до 1:11:04 минут вообще непонятно ещё какие то коды написано или раньше написал ну сколько раз рассмотрел не понял или ты выключил камеру хз пни пж
Все сделала как на видео (только название сайта другое), но почему-то, не отображаются изображения, хотя в view-source:http://test-wp/ можно найти строчку кода – <link rel='stylesheet' id='main-style-css' href='http://test-wp/wp-content/themes/timber/style.css?ver=5.5.1' type='text/css' media='all' />, что указывает на обязанность нормального отображения изображений, но их нет(((
Когда добавляю вторую страницу, то в ней отображаются css свойства с файла index html, я уже все перепробывал, голову сломал, покажи как добавлять вторую страницу и интегрировать. Спасибо
Кто из 2020, не у кого при использовании get_template_directory_uri() в wp_enqueue_style, не появлялась пустая страница с сообщением фатальная ошибка строка(например) 8.( Там как раз get_template_directory_uri() ).
Изменил на get_stylesheet_uri() и всё прошло, но всё равно хочу знать что это было
В Группах Полей нужно скрыть текстовый редактор …
Спасибо огромное за это видео!!! ВЫ и Ваш канал очень помогает в изучении вёрстки.
2:21:54 Важный момент)))
Чел , спасибо помог сделать тест задание для роботы
0:35 чувак, не стоит так мучиться. Просто изначально трансформировал бы выделение и все.
Все конечно хорошо с советами идти на фриланс и брать заказы, но кто тебе заказ-то даст, если ты еще ничего не делал? ))) Весь фриланс рынок уже поделен между теми, кто уже не первый год этим занимается. Ну какой смысл заказчику отдавать заказ тебе, когда есть более опытные люди, которые уже более 10 лет эти занимаются? Уж только если свои услуги вообще за копейки продавать. Но тогда рискуешь даже электричество не окупить ))) У меня знакомый уже пару месяцев ищет заказы на фрилансе. Конкуренция дикая, на новичков даже внимания никто не обращает. Даже очень опытные люди готовы сайт сверстать под ключ за $50. На что можно тогда новичку надеяться, на $5?
Я в вебе на фрилансе сам не работал, но работал с дизайном, в т.ч. сайтов. Даже лет 5 назад уже было практически не реально взять заказ. Опять же, только если почти за даром делать.
Чем больше смотрю, тем больше кажется, что подобный лендинг проще сделать на каком-нибудь фреймворке, даже с учетом того, что потребовалось бы запилить какую-то админку. По времени ушло бы скорее всего столько же времени, но мне кажется, сам процесс был бы куда удобнее. А если без админки, то и быстрее.
2:21 подпишитесь на канал
класс
Жаль нельзя много лайков накидать
Почему OpenServer не видит "Мои сайты"?
Наконец то дельный видос, который проливает свет на связку админки с вёрсткой. Спасибо.
Спасибо Вам большое, за Ваш труд. Вы очень помогаете и мотивируете!
Просто супер урок!!! Спасибо! Теперь моя копилка знаний пополнилась еще больше! P/S Очень крутая подача у автора, респект!
Непонятно, для чего нужно статичному лендингу делать динамичный WP?
Спасибо тебе большое!!!!
эта верстка была как я понял по БЭМ?
после вставки background-image в html ничего не заработало
Вадим, спасибо за интересные видео. ACF, до сих пор актуально? Может пора смотреть в сторону использования кастомных блоков и Gutenberg, к примеру с использованием плагина Lazy Blocks или Genesis Custom Blocks? Интересно твоё мнение. Я пришел в WordPress после Drupal и OctoberCMS, потому как все хотят WP 🙁
На фрилансе до сих пор натягивают с использованием ACF? Для меня это дико и не юзерфрендли выглядит после Drupal и OctoberCMS 🙂
Ребят , кто нибудь помогите , почему у меня не подключается админ панель , как у Вадима после подключения скриптов ???
Го ещё про WP
4:36:54
Названия для домов "Веточка из глины… Белочка спит в лесу"
Че-то так проорал с этого))))
Спасибо за видео! Вы уже идею посадить на WP что-то сложнее оставили?
Привет! Помоги пожалуйста) Как сделать внутренние страницы на вордпресс?
ul и li в последнем цикле можно вообще убрать, если они не нужны и просто поставить часть кода вместо li, который необходимо циклично выводить..
Красавчик вообще, супер игрупер видосы, смотрю, учусь, радуюсь, спасибо )
Про Триминг в photoshop уже в курсе?
bloginfo(), есть же объект $_SERVER