Как создать шаблон для WordPress. Грамотная посадка верстки на WordPress (Right Way)

3232 ratings | 187056 views


Как создать шаблон для WordPress. Грамотная посадка верстки на WordPress (Right Way)

Полезно? Жми - Страница урока: Всем привет! Сегодня рассмотрим такую сложную и интересную тему, как создание WordPress шаблонов (тем) и грамотную посадку готовой HTML Bootstrap-совместимой верстки на WordPress. В качестве Theming фреймворка будем использовать Unyson Framework. Особое внимание в уроке уделяется правильной работе с WordPress при посадке верстки шаблона на эту CMS. Ключевые моменты - генерация стартовой Underscores темы, создание кастомных шорткодов для билдера Unyson, работа с адаптивной сеткой, создание Theme Options (опции шаблона) различных типов, создание метабоксов в статьях, на страницах и в категориях, расширение функционала фреймворка, автоматическое подключение используемых плагинов в WordPress клиента посредством TGM. Генератор Стартового WordPress шаблона: WordPress фреймворк для создания тем: Документация фреймворка: Темы с публичной информацией об использовании Unyson : Создание интернет-магазина от А до Я - Я - фрилансер! - Создание сайта-портфолио на WordPress - Группа Вконтакте: Реклама на канале:

Comments to the video: Как создать шаблон для WordPress. Грамотная посадка верстки на WordPress (Right Way)

Vlad Vladov 2 hours ago
Да, Да, Лучший ))) Однако нужно сохраняться )))) gg и предохраняться ))) gg. давайте загрузим всё это.вно. Давно этак не хохотал ))
Bartdes Design Studio 2 days ago
Здравствуйте, благодарю за то что вы делаете :) У меня вот какой проблема. В разработке веб-сайта я использую Унисон и parallax.js мне необходимо добавить в хеадер class= main_head data-parallax= scroll data-image-src= img/bg1.jpg data-z-index= 1 data-bleed= 80. класс я добавлю при помощи функции Custom Section Class , а будто добавить остальное? Через wp_editor? Попробовал.и проверил в браузере чрез инспектор. не видижу ту секцию которую я добавил. З.Ы Я понимаю что я таковой не одинешенек и вам немало таких вопросов задают. Я буду признателен если вы мне поможете.
Сергей Пинчуков 8 days ago
Здравствуйте, большущее благодарю за задание Алексею, всё очень здорово. С момента сотворения урока Unyson уже малость поменялся, этак же будто и WP. В связи с этим проблема, кто нибудь пробовал на новейшей версии WP и Unyson свои функции мастерить? Использую <?php fw_get_db_settings_option('rgba-color-picker23'); ?> будто показано в конце урока для вывода из админки моих опций для темы. Третьи день бьюсь, ничего не выходит, в админке возникают, скрин: А в шаблоне в header.php будто показано в уроке не выводится, скрин: Могу сбросить штамп, может глянете что не этак изволь. Идей больше нету что не этак. А решать будто то неудачу нужно
Алексей Соколов 10 days ago
Подскажите изволь где можно освоить более тщательно Unyson. Есть какие-то забугорные каналы с обзором по этой теме ? А этак задание весьма нужный, уже практически все видеозаписи просмотрел на канале, полезной инфы груда.
ЗЛОБНАЯ ВАТА 11 days ago
СПАСИБО ТЕБЕ БРАТ!!!
ЗЛОБНАЯ ВАТА 16 days ago
ОЧЕНЬ, ОЧЕНЬ КРУТОЙ ДЯДЬКА!!! ОБЬЯСНЯЕТ ЛУЧШЕ ВСЕХ КОГО Я ВИДЕЛ ВО ВСЕМ ИНТЕРНЕТЕ, СПЕЦИАЛИСТ И БАУМАНКА ОТДЫХАЮТ, ОНИ ПРОСТО ГНУСАВЫЕ СТАРИЧКИ))))
Denis Malinov 1 month ago
В данную вот эту папочку выволим все это гомно-)))))
Виктор Валерьевич 1 month ago
1. WebdesignMaster, подскажите подалуйста последовательность сотворения темы на wp. Дизайн в фотошопе, верстка в html/css, позже натяжка, будто в видео?2. Интересует момент сотворения форм будто их верно мастерить на wp, верстать на html/css либо устанавливать плагин contact form 7 и уже позже стилизовать?
Виктор Валерьевич 1 month ago
WebdesignMaster, подскажи, какие Зарубежные каналы инфы ты читаешь и смотришь?
Виктор Валерьевич 1 month ago
А ютуб каналы либо блоги?
WebDesign Master 1 month ago
Documentation.
Андрей Боренко 1 month ago
Сверчки на заднем фоне в конце видео :3
Erik Rybka 1 month ago
Как сделать подгрузку блоков при при нажатии на кнопку, типа load more
Золотой Телец 1 month ago
17:50 у нас возникает картина. , а у меня ничего не возникает!!! перепробовал все снимки экрана (и с нета закачивал) - борода!!!! в хроме не отображается, зато отображается в мазоле! с чем это связано и что мастерить?
Артем Мирошниченко 2 months ago
Здравствуйте, делаю всё по уроку, появилась неувязка. не обновляется css манера. Даже потом удаления файла.css стили остаются прежние. Помогите плес.)
Антон Турищев 2 months ago
Есть ли возможность интегрировать в темах сделанных с помощью Unyson плагин woocommerce? Дайте подсказку кратко будто это делается, что учить
Антон Турищев 2 months ago
Понял, благодарю за то что делитесь полезной информацией!
WebDesign Master 2 months ago
Да, непременно можно, устанавливайте отдельным модулем.
Sanya Pecherytsya 2 months ago
Помогите, у меня при подмене пустого снимка экрана этак и остается порожний экран! перезапуск не посодействовал. пробовал со всех 3-х рекомендованных итог - 0.
Мирон НеПсевдоним 2 months ago
У меня будильник. У меня будильник. Мне что-то пора мастерить, однако я не помню что, этак что мы продрлжим:D:D:D
Мирон НеПсевдоним 2 months ago
25:41 Чет в глас орнул:D
All Moscow 2 months ago
Скажите я на данный момент изучаю html и css, что мне еще будет нужно, чтоб осознавать это видео?
All Moscow 2 months ago
Спасибо за настолько резвый ответ. Подскажите еще если всерьез засесть сколько времени уйдет на исследование? И кушать ли у вас советы на какой лучше cms Делать магазины где много 100 продуктов будет, мне возле 30 таких магазинов сделать нужно)
WebDesign Master 2 months ago
PHP
Isntapipe 2 months ago
Добрый денек, у меня такая неувязка: 32:55 - выполнил всё полностью этак же, будто и вы, однако в панели извещения не появилось ничего. Выдало ошибку в строчках 36-38: require_once get_template_directory(). '/path/to/class-tgm-plugin-activation.php'; add_action( 'tgmpa_register', 'shrtly_register_required_plugins' ); я хз что это, однако таких директорий там дудки и вся панель управления крашится. И если выслать эти строки, то всё начинает трудиться, лишь никаких извещений об обновлении нету.
Pavel P 2 months ago
Есть одинешенек доверчивый проблема к создателю. Допустим, мы сделали посадку верстки с помощью Unyson, сделали доброкачественную админку темы и т.д. Как вывозить готовую тему, чтоб ее могли ввести другие юзеры? Просто создаем архив темы - и готово? Сохранятся ли все шорткоды, которые мы делали и этак дальше? И еще момент, соответствуют ли описанные в уроке способы всем эталонам ThemeForest?
WebDesign Master 2 months ago
Описанные соответствуют.
Андрей Костюченко 3 months ago
Уроки роскошные, для woocommerce удобнее итого использовать understrap там и sass и gulp интегрированные, совместно с унисоном можно использовать Но вот замечу как в wordpress все чрез одно пункт изготовлено. В modx вправду все проще и понятнее
Ксавьер 3 months ago
Спасибо для тебя огромное. Действительно верный материал. Сколько не смотрю, одно говно попадается. Ты ток перед заливом видео, обработай звук в Adobe Audition, а то звуки З и С ужасные. Шумов благо дудки.
Игорь Макаренко 3 months ago
неувязка в плагине unyson выдает ошибку при загрузке Не удается скачать zip расширения Шорткоды. No working transports found , что мастерить??
Alex Nadiradze 3 months ago
Привет мог бы ты записать(даже платное) видео где ты учишь конвертации с HTML в Wordpress?
Yevhenii Riabyi 3 months ago
привет, у меня неувязка. не добавляются розширения на UNYSON, такие будто Page Builder, WordPress Shortcodes
Павел Полищук 3 months ago
Автор крут!
My Way 3 months ago
Урок красивый, однако неловко, поэтому что все в одном видео. Лучше бы отдельно любой чараптер
Омари Апакидзе 3 months ago
Возникла сложность: на шаге опции custom section class (пора 2:07:20) в файле сделал все будто на видео, однако когда заменяю 'video' => array на 'customclass' => array( выдает ошибку при обновлении админки :Parse error: syntax error, unexpected ',' in D:\openserver\OpenServer\domains\localhost\test\wordpress\wp-content\themes\test\framework-customizations\extensions\shortcodes\shortcodes\section\options.php on line 27 конкретно в этой строке что-то не нравиться? будто поправить?
Омари Апакидзе 3 months ago
Скажите а в какой программке вы редактируете php?
Омари Апакидзе 3 months ago
Благодарю
WebDesign Master 3 months ago
Sublime Text 3.
Артур Иващенко 3 months ago
Хотелось бы поглядеть примеры (лучше замысловатые) Theme Customization API. Типа настройка итого Landing Page
ArtSmm 3 months ago
Как повергнуть блог wordpress к традиционному виду - чтоб свежайшие записи , свежайшие комменты и тп были справа, а сами посты слева?
ArtSmm 3 months ago
Сделал, будто обозначено в видео. Добавил custmoclass, у меня админка закончила загружаться. Убираю customclass, опять все нормально. В чем может быть проблема?
ArtSmm 3 months ago
проблема снят, запятую не поставил((
Дмитрий 3 months ago
25:40 )))))))) Красава
Петр Павлюк 3 months ago
кушать продолжение? любопытно будто основывать theme options
Андрій Михайлов 3 months ago
Спасибо, крутой задание!Уже издавна сижу на твоем канале)Было бы круто, если б ти записал видео задание с живим примером натягивания на вордпресс верстку з нескольками страничками с использиваниям unyson)
LovluNaSlove 4 months ago
Лайк для тебя, за то, что я таковой вялый потом просмотра данного видоса
Sergey Gribanov 4 months ago
Добрый денек! благодарю огромное за уроки, смотрю любой денек.мне даже Ваш глас уже будто до боли знакомым)) В этом видео вы гласите, что смотрите и читаете забугорные источники, может поделитесь ссылками, думаю многим будет любопытно поглядеть, что глядят профи.
Антон Чернышёв 4 months ago
подскажите изволь, будто вывести на страничку Image Picker в админке все появилось, однако на страничку не выходит вывести, будто это верно сделать?
JoshBenderUA 4 months ago
Вопрос к создателю: а можно записать видео задание с живыми примером натягивания на вордпресс типового лэндинга, ибо теория это отлично, однако для нубов здорово еще узреть ее применение на практике, ато это будто теоретическая и практическая физика=)) ПС: лицезрел таковой задание по Модекс Революшн, если кушать таковой по Вордпрессу то ткните изволь носом.
JoshBenderUA 4 months ago
Спасибо, буду ожидать с нетерпением. И вообщем благодарю, учусь по вашим видео можно произнести, однако покамест посадка для меня вообщем непроходимые дебри.
WebDesign Master 4 months ago
Да.
Илья Постоенко 4 months ago
Помогите изволь. При установке плагина промах PCLZIP_ERR_BAD_FORMAT (-10) : Invalid archive structure , что мастерить?
Имя Фамилия 4 months ago
Заказывайте у нас бля, вывалим это говно. ахахахах и научился и поржал)
Борис Шпаковский 5 months ago
Наконец таки неглупый человек разъяснил какова практическая полезность фреймверков для вп, все пробую будто то углубиться, однако исчерпающую информацию лишь из этого видео получил.
Nariman Makachev 5 months ago
Очень пригодные советы, которых я не слышал у других Веб-разработчиков. Молодец, благодарю за видео.
Константин Яковлев 5 months ago
Спасибо создателю за труд! У меня проблема человека, какой решил в первый раз познакомится с WP. Какие подводные камешки ждут новенького, какой все-таки будет натягивать готовый html с готовым css на штамп? Т.е. метод натягивания верстки какой обрисовывают в большинстве гайдов
WebDesign Master 5 months ago
Да никаких не надлежит быть, если понимаете британский. В кодексе всё отлично описано, все ситуации на все случаи жизни.
Prince Prince 5 months ago
Я верно понимаю что в видео описана в больше степени посадка верстки на плагин и узкая настройка функций плагина, а не настройка темы под верстку? Как Вы делали секции и составляющие чрез плагин, в темах это обыкновенно уже прописано в коде страничек (статей, записей). Разве не лучше вручную самому основывать нужные секции со своими опциями? Или я что-то путаю?
WebDesign Master 5 months ago
Здесь вам полная независимость - сможете разрабатывать свои секции с уникальным дизайном. В этом видео рассматриваются базы и принципы, инфы довольно, если отлично поразмыслить и пристально поглядеть задание.
Nurzhan Raizon 5 months ago
Спасибо за подробное объяснение ))
Ilya Shakhov 5 months ago
Супер круто!!! можно глядеть на скорости 2, выговор разборчивая, все понятно
Никита Романцев 5 months ago
Так и не сообразил 1-го. Например мне необходимо одностраничник изготовленный на html и css перетащить на WP(что бы там был штамп с дизайном моего веб-сайта) и расшибить на несколько страничек. Где прописывать стили, ведь они у меня уже кушать, и будто чрез WP добавить полный тот функционал веб-сайта какой у меня имеется на нем в этот момент. Может подскажешь одинешенек из собственных либо посторониих уроков более детально затрагивающих этот момент. За видео благодарю, любопытно весьма.
Роман Предеин 5 months ago
Провел с этим видео 3 денька! Спасибо огромное! Очень нужная информация!
Николай Гончаров 5 months ago
А ссылку куда можно воткнуть? Текстовый блок не годится, похоже, для этого. Мне кусочек текста нужно сделать ссылкой, а он любой отступ ссылкой оборачивает. Unyson похоже непобедим, либо это год высокосный. С Новым годом Вас, Алексей. Дай Бог Вам здоровья и сил.
Николай Гончаров 5 months ago
Совершенно не понятно, будто поменять класс колонок. Если это нереально, для чего тогда сетка bootstrap. Ткните носом кто-нибудь, куда глядеть?
Василий Петров 6 months ago
Дайте ответ, изволь. Что если мне комфортно основывать темы на вордпресс с нуля? У меня кушать лишь верстка, а далее я попросту создаю php файлы и прописываю нужные коды. Нормально ли это либо это прошедший столетие и все использую фреймворки?
Роман Иванов 6 months ago
Ахах. 25:40. и в данную папочку вывалим всё это говно. )) Рассказываешь с интонацией учителя, однако время от времени прорываются грубые словечки, которые прям разрывают) А по сущности, естественно, выше всяких похвал. Ты весьма крутой!
Роман Иванов 6 months ago
53:23 У меня будильник, мне что-то пора мастерить, однако я не помню что, потому мы продолжим. - ахах)
Вова Скоря 6 months ago
Извините если мой проблема прозвучит тупо, на видео веб-сайт без стилей, потом того будто сделал все нужные шоркоды, необходимо прописать стили и веб-сайт будет смотреться будто веб-сайт, не необходимо строчить html каркас?
Вадим Пачин 6 months ago
Подскажите, что за расширение для комфортного просмотра кода у вас в браузере?
Dee MAN 5 months ago
кнопка F12?
Дмитрий Поляков 6 months ago
Есть таковой проблема: Как быть, если дизайн не нарисован под сетку бутстрап? Как упразднить деяния @media, задать собственный фиксированный контейнер и прочее, если не рекомендуется менять файлы шаблона?
Виталий Кононенко 6 months ago
Посоветуйте даровой фреймворк для вп без css сетки
Clash Royal 6 months ago
А отчего у меня в сгенерированном коде не закрыт тег <?php ???
Paradox 6 months ago
Если не ошибаюсь, то если потом php скрипта дудки больше никакого кода, то накрывать не непременно.
Aleksandr Litash 6 months ago
благодарю огромное!)
Святослав Сорокин 6 months ago
Привет! А можешь поведать будто добавить shortcodes? К примеру тот же самый iconbox. Я без помощи других обязан его прописывать либо все таки где-то уже кушать репозиторий с готовыми решениями?) Спасибо огромное за видео!
Богдан Чирюкин 7 months ago
от души для тебя СПАСИБО!
Platon Zhitkevich 7 months ago
При загрузке конструктора страничек выдаёт ошибку: Не удается скачать zip расширения Шорткоды. No working transports found. Кто шарит будто с этим биться? Гугл ничего адекватного не выдаёт
WebDesign Master 7 months ago
Скачайте плагин с wordpress.org и попытайтесь загрузить с компьютера.
Андрей Комаров 7 months ago
Давно смотрю за твоими уроками. Низкий поклон для тебя ЧЕЛОВЕЧИЩЕ!!!
Stobaksof 7 months ago
Кто нибудь порекомендует , что с этим мастерить ?
I'm Not Superman 7 months ago
Господи, все, что я не мог отыскать в вебе, все вопросы, которые меня тревожили, все изложено в 2-х часовом видео. Спасибо, ты крут!
Денис Романко 7 months ago
Спустя год иду на данный момент по этому туториалу и для инициализации TGM, там где прописываются нужные плагины, необходимо прописать верный линия для файла class-tgm-plugin-activation.php. В данном случае это будет: require_once get_template_directory(). '/tgm/class-tgm-plugin-activation.php'; Видимо в ранешних версиях линия уже был прописан.
Дмитрий Илло 7 months ago
благодарю чувак )) Уточню в файле theme-lesson.php 34 строчку нужно поменять на: require_once get_template_directory(). '/tgm/class-tgm-plugin-activation.php';
Igor Krv 7 months ago
Что Вас за иконки справа в адресной строке?
WebDesign Master 7 months ago
Используемые на веб-сайте технологии, Wappalyzer.
Дмитрий Поляков 7 months ago
Спасибо за хороший туториал! 47:19 - заказываете у нас бл@ ))) Красава! Поржал от души)))
Ischenco Denis 7 months ago
Шикарно. Первые адекватные уроки. Вся информация доступна и понятна. Я начинаю входить в темы изнутри. Спасибо.
beklem25 джоя 7 months ago
Какие источники забугорные вы читаете и смотрите ? Интересно посмотреть на списочек, поделитесь?
Greatest Goals Ever 7 months ago
hello, i'm liking this information
Эльдияр Эмилов 7 months ago
У меня с WP Editor не в порядке, вроде покл. однако на экран выводит это: [wp editor text=»<p>rewr</p>» _made_with_builder=»true»][/wp editor]
Денис Фролов 7 months ago
Title of the box)) Подсказка: Заказывайте у нас бля))) Я тоже этак развлекаюсь, когда что-то делаю))
krassnow 8 months ago
Если, положим, сделать умозаключение контента постами в определённых местах странички будет ли это корректно в плане seo?
krassnow 8 months ago
Спасибо большущее для тебя! Действительно кушать чему поучиться у тебя. Парадокс естественно, ты говоришь не внимать российских аннотации по wp, этак то у тебя тоже не на французком:-)))
Максим Салтыков 8 months ago
Зря Вы не разбили видео на плейлист
TwerK Play 8 months ago
какой редактор используешь ты ???
Gaziz Zhaiyk 8 months ago
Целый луна страдал с созданием шаблона на WP, перепробовал все варианты, ни одинешенек не сработал, Но для тебя благодарю! После твоего урока сделал штамп в течение денька!!!
Геннадий Уваров 8 months ago
Еще одинешенек небольшой проблема. В настройках темы я сделал Свич переключения (ВсяДлинна/Фиксированный). В файле Хедер прописал переменную - $fullwidth = ( isset( $atts['is_fullwidth_header'] ) && $atts['is_fullwidth_header'] ) ? 'fw-container-fluid' : 'fw-container'; В Хедери в классе прописал Эхом возникновение класса. ВСЕ ОК Но отчего в файле футер не видна эта переменная. пропадает? Только если очевидно снова прописать в footer.php все будет трудиться. ну-ка это же не дело. Файл собираться из кусочков и на момент футера переменная $fullwidth объявлена однако не видна! Может не по теме проблема. простите если что
Геннадий Уваров 8 months ago
Спасибо! Вопрос - 1. Разметку Хедер и футера все таки придется в ручную основывать? Вопрос - 2. Если веб-сайт будет немало страничный. Для каждой страничка придется трудиться в визульном редаторе ? А невозможно ли сделать несколько макетов(Шаблонов), и ссылаться на их в новых страничках?
Евгений Абрамовских 8 months ago
Вопрос появился, при работе на upwork, кушать заказ на посадку верстки на wp, использовать unyson/style kit/другие фреймворки? Не получу ли я reject за это?
WebDesign Master 8 months ago
1. Разметку делаете по правилам кодекса, все изготовлено в Underscores, попросту придерживайтесь этой организации. 2. Билдер предмет обычная, разработав все нужные шорткоды набросать новейшую страничку не длительно. Он для того и билдер, чтоб собирать странички налету.
Антон Кашин 8 months ago
Подскажите изволь! потом того будто добавил собственный компонент на страничку, обновляю, однако возникает белоснежная страничка админки wp. делал всё по аннотации от унисон
Антон Кашин 8 months ago
разобрался всё дело в view.php благодарю за задание
Женя Калениченко 8 months ago
Алексей! Просто превосходные уроки и благо, что есть такие люд будто Вы )) С нетерпением ожидает видяшек по woocommerce. ибо больше таким материалом некоторому поделится.
dima didyk 8 months ago
Вдохновленный этим крутым уроком решил с ним разобраться, однако появилась неувязка, не могу сделать свой слайдер, поточнее он не отображается, и когда меняю заглавие стандартной папки слайдера, то он теряется(( будто сделать, что бы он отображался???
Dzintars Klavins 8 months ago
A kakaja in general raznica mezhdu Unyson i Gantry?
Михаил Кофель 8 months ago
Красавчик, продолжай в том же духе!
Kharkov Media Art 8 months ago
Это существенно повышет ваши скилы
Bartdes Design Studio 8 months ago
Здравствуйте, Огромное благодарю за ваши уроки! У мня вот какой проблема. Я в унисон в секции установил видео будто поле, однако оно не проигрывается. В настройках я указал ссылку на ютуб. У меня вордпресс на локальном сервере. Еще один благодарю за хорошие уроки!
TheMrbetment 8 months ago
Установил плагин. Добавляю секцию и колонку, нажимаю редактировать, а опции затемнены и дудки способности настроить!
iphon4e 9 months ago
Вываливаем это говно сюда ))) Спасибо за инфу. Подписка!
Евгений 9 months ago
Спасибо, помогаешь развиваться
Сергей Краснолуцкий 9 months ago
У меня не добавляется класс секции, сделал тоже самое ((
Elizaveta Kryazhkova 9 months ago
На работе поставили задачку переработать костыльный веб-сайт на WP, ваши уроки здорово помогают!!! Спасибо!
Игорь Сальников 9 months ago
Отличный искусник-класс. Спасибо!
Cult Gringel 9 months ago
Сдал коллег, Иуда!!!))))
Интернет-магазин детских товаров Kids-Town 9 months ago
У Вас можно миновать онлайн обучение (персонально, к примеру по skype) по созданию темы?
I'm IvI 9 months ago
Надо сохранятся)) И предохранятся))00)) <3 твои уроки ахах
lebmarg 9 months ago
Огромное благодарю за задание. Все весьма доступно для осознания. Информация с unyson - попросту находка). Будет ли задание - продолжение с сделанной темой theming-lesson (с добавлением прекрасного меню, поиска, и т.д.)? По уроку вроде бы все вышло, однако что сейчас с этой темой мастерить далее не совершенно понимаю. Как прекрасно вывести меню. будто расшибить шапку веб-сайта на несколько блоков (к примеру логотип, контакты, розыск). Может посоветуете, где и что почитать? Очень необходимо)!!! Заранее признательна!
Топ Киса 9 months ago
благодарю, весьма очень посодействовал. с меня лайк + подписка.
Paco Official 9 months ago
25:40 в глас)))
Paco Official 9 months ago
супер