Я решила посвятить целый раздел на моем блоге созданию собственной темы на WordPress. Я расскажу как настроить среду и инструменты разработки тем для WP. Затем я опишу шаг за шагом весь процесс разработки новой темы от основной схемы и настройки до адаптации под мобильные устройства и специальных возможностей.
В ходе цикла уроков я расскажу, как создать пользовательский заголовок и создавать доступные меню, как изменить основной шаблон и применить стили, чтобы соответствовать дизайну. Я покажу вам, как практики разработки и структурированный подход поможет вам создавать целостные темы для WordPress, которые отвечают современным стандартам.

Итак, WordPress: создание собственной темы.

Содержание

Что нужно знать перед началом разработки

1. Настройка среды разработки WordPress
2. Из дизайна в разработку
Установка базовой темы
Создание Заголовка (шапки сайта или Header)
  • Стили для стандартного заголовка
  • Добавление функции вставки своего изображения в заголовок
Работа с меню
  • Создание стилей меню
  • Адаптация меню под мобильные платформы
  • Создание пользовательского меню для соц. сетей
  • Добавление в меню иконок с использованием Font Awesome
Создание пользовательской формы поиска
  • Добавление формы поиска
  • Добавление иконки поиска
  • Добавление функции “скрыть/показать” для поиска на jQuery
Работа с областями Виджетов
  • Добавление области Виджетов в подвал
  • Оформление подвала
Шаблон записи
  • Изменение структуры контента записи
  • Изменение вывода meta для записи
  • Стили для элемента blockquote (цитаты)
  • Создание встроенных цитат и изображений (pull quotes и pull images)
  • Навигация в записи
Работа с комментариями
  • Шаблон комментариев
  • Использование Gravatars в комментариях
  • Стили для комментариев
  • Выделение комментариев автора блога
  • Стили для формы комментариев и сообщений
Работа с миниатюрами
  • Как работают миниатюры записей (post thumbnails)
  • Задание размеров миниатюр
  • Генерация новых миниатюр с помощью плагина
  • Добавление миниатюр в шаблон
  • Стили для миниатюр
Работа с Основным шаблоном (index)
  • Иерархия основного шаблона (index)
  • Настройка и стили основного шаблона
  • Отображение описания или полного текста в основном шаблоне
  • Добавление пользовательской кнопки “Читать далее”
  • Добавление миниатюр
  • Создание пользовательской навигации в шаблоне
  • Выделение прилепленной записи
  • Создание шаблонов пользовательских форматов записей
  • Выделение последних записей в основном шаблоне
  • Описание модульной конструкции
  • Работа с архивом записей (archive.php)
  • Настройка страницы результатов поиска и 404
Работа со страницами
  • Стили страниц
  • Создание пользовательских шаблонов страниц
Настройка бэкенда
  • Добавление стилей редактора в соответствии со стилями темы