Underscores стартовый шаблон для разработки своих тем WordPress
Для чего нужна стартовая тема
Новичок в разработке тем WordPress не использует фреймворки или готовые решения, а делает все с нуля, потому что:
- Делать на бесплатном шаблоне это плохо, переделывать чужую работу намного дольше и труднее
- Фреймворки типа Bootstrap и им подобные не совсем совместимы с WP, приходится их адаптировать через костыли
На помощь приходят стартовые темы, именно на них пишут сайты большинство программистов, потому что базовый функционал вложен в файлы, а внешний вид и CSS разметка не сделаны, что дает сразу несколько плюсов:
- Не нужно создавать файлы темы с нуля
- Все необходимые элементы размечены, остается только по комментариям в HTML и классам сделать работу
- Настройка CSS и внешнего вида полностью зависят от специалиста
- Некоторые встроенные функции, полезные для пользователя
- Подробные мануалы по использованию
Наша команда давно доверяет свои разработки стартовой теме underscores, потому что перед остальными имеет множество преимуществ.
Тема Underscores мини обзор
Говорить про starter themes Underscore можно бесконечно, другое название _s, но отмечу несколько моментов, дающих понятие, что получит человек.
- Тема построена на стандартах HTML5
- Примеры создания некоторых функций, например пользовательские поля
- По умолчанию встроенный файл страницы 404 ошибки
- Разделение файлов функций
- _s уже адаптирован, и меню и контент сделаны отлично, остается прикрепить стили
- 2 примера положения сайдбара на странице, слева и справа
- Лицензия свободного распространения GPLv2, то есть разработка темы WordPress под продажу не запрещена
Единственное, что можно добавить это микроразметку, любую из современных, например, Shema.org.
Где взять underscore
Существует официальный сайт от разработчиков WordPress (компания Automattic) underscores.me, регистрация не нужна, существует генератор тем.
Вводите информацию о теме, которая содержится в style.css, имя темы, короткое описание, автор и ссылку на официальный сайт создателя. Возможно подключить поддержку WooCommerce и включить препроцессоры CSS с помощью галочек. После ввода всех строчек нажимаем genereate и автоматически начнется загрузка архива.
Существует, аналог первого, сделали по тому же принципу находится здесь. Он переведен на русский язык и дает немного информации в обучающих видео как пользоваться _s дальше и верстать на реальном примере.
Закончу статью, приложу видео, наглядно разобран процесс верстки под андерскор, успехов в работе.
Пожалуйста, оцените материал: