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



Создание сайта от А до Я (комплексный курс):
Создание интернет-магазина от А до Я:
Создание крутого слайдера (+посадка на CMS):

Все курсы в одном комплекте:

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

Материалы урока, полезные ссылки:

Таймкоды:
00:00 Начало урока
06:05 Требования к WordPress-фреймворку
10:55 Установка и настройка WordPress
15:14 Стартер Underscores
17:32 Активация темы Underscores
18:56 Подготовка страницы в админке WordPress
19:19 Назначение статической страницы
19:38 Создание главной страницы в шаблоне
24:13 Установка плагинов с помощью TGM
33:20 Установка расширений Unyson
34:57 Визуальный редактор страницы
37:26 Настройка сетки
38:02 Ширина сетки и кастомный CSS
46:03 Тестирование других элементов билдера
47:58 Кастомизация фреймворка (framework-customizations)
57:11 Вывод настроек в верстку
1:04:10 CSS-стилизация кастомных классов
1:06:25 Создание собственных шорткодов
1:22:43 Вывод своего компонента (шорткода) в HTML
1:27:06 Работа с изображениями
1:45:09 Опции темы (Theme Options)
1:52:22 Вывод опций темы в шаблоне
2:00:03 Дополнительные поля поста (WordPress Metabox)

Группа ВКонтакте:
Twitter:

source