Compass: бесплатная стартовая тема, основанная на Hybrid Core, Bourbon и Neat

Дата публикации:Октябрь 27, 2014

Жизнь фронтэнд-разработчика серьезно изменилась за последние несколько лет – появились новые технологии написания авторских стилей CSS и автоматизации задач. Все это постепенно добавляется и в стартовые темы WordPress.

Сегодня вы можете просто ввести npm install allthiscrazystuff, чтобы начать проект. Как только вы выполните установку, вы сможете работать более эффективно с самыми скучными и рутинными задачами, автоматизированными для вас.

Compass – новая стартовая тема для WordPress, которая включает в себя целый список современных технологий веб-разработки, что позволяет вам создавать темы быстрее, придерживаясь стандартов кодирования WordPress. Люди из Flagship, магазина тем, который скоро будет запущен, выпустили Compass бесплатно, утверждая, что это «самая продвинутая стартовая тема среди существующих».

Примечание: название темы Compass никак не связано с открытым CSS-фреймворком Compass, построенным на Sass.

Тема достаточно простая, однако, к счастью, не такая отпугивающая. Очевидно, что это — стартовая тема, то есть она предлагает фундамент для создания своих собственных творений.

compass-starter-theme

Sass, Bourbon и Neat с поддержкой Composer

Как и недавно рассмотренная нами тема Some Like It Neat, Compass включает в себя поддержку Sass, Bourbon и Neat. Тема использует Composer для управления зависимостями PHP, позволяя вам задавать связанные библиотеки для вашего отдельного проекта.

Grunt

Команда Flagship упорно работала над тем, чтобы создать наиболее продвинутую и устойчивую среду Grunt, предназначенную для разработки тем WordPress. Вам нужно установить Node.js для запуска менеджера задач Grunt в теме Compass, хотя у многих разработчиков тем он уже установлен. Некоторые задачи также требуют внешних приложений командной строки, которые вам нужно будет установить как глобальные пакеты Node.js.

Как только вы все запустите, вы сможете автоматизировать огромное количество задач, связанных с разработкой тем, включая такие вещи, как автоматическое добавление префикса к свойствам CSS, очистка style.css для соответствия стандартам кодирования WordPress, генерация RTL стилевой таблицы, оптимизация изображений и т.д. Вот лишь некоторые примеры:

  • grunt build:dependencies
  • grunt build:css
  • grunt build:font
  • grunt build:images
  • grunt build:js
  • grunt build:i18n
  • grunt check
  • grunt package

Изучите документацию на GitHub, чтобы получить полный список доступных задач, включенных в тему Compass.

Hybrid Core

Тема Compass построена на базе Hybrid Core Джастина Тэдлока, одного из самых старых и самых дружественных к разработчику фреймворков для создания тем WordPress. Пост, описывающий релиз Compass, разъясняет, почему Flagship решили воспользоваться именно Hybrid Core:

«Мы сталкивались с массой разных вещей, которые необходимо выполнять практически в каждом проекте, и они раз за разом делались спустя рукава во многих темах, которые мы использовали и протестировали. Джастин проделал отличную работу, ориентируясь именно на WordPress – он создал Hybrid Core и поддерживал на протяжении многих лет»

Фреймворк несет в себе функциональность, которая требуется большинству тем – хлебные крошки, получение медиа, интеграция микроданных, таких как schema.org, пагинация, макеты тем, перевод.

Как и многие другие современные стартовые темы, Compass  также предлагает поддержку проекта Theme Hook Alliance; этот проект включает в себя общий набор точек входа для разработчиков плагинов и тем, желающих расширить тему.

Хотя рынок Flagship пока так и не был официально запущен, сайт уже предлагает превью нескольких запланированных тем, которые были созданы на базе Compass.

flagship-themes

Рынок тем будет запущен в ближайшее время и будет использовать уникальную ценовую модель, которая не включает в себя клубную цену на набор или одну тему. Каждая тема имеет цену $199, причем за $99 можно приобрести годичную поддержку. Стартовая тема Compass , которую он используют, чтобы создавать свои решения, имеет открытый код и доступна бесплатно разработчикам на GitHub. Просмотрите руководство пользователя, включающее в себя видео туториалы по установке инструментов и работе с Compass.

Источник: wptavern.com

Поделиться

2 комментария

  1. Дуо says:

    Какие-то неадекватные цены в «уникальной ценовой модели».

    • Дмитрий Алёшин says:

      Соглашусь, с ценами они перебрали. Они конкурентов вообще анализировали?

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Получать новые комментарии по электронной почте. Вы можете подписаться без комментирования.