Статьи

Корни — HTML5 WordPress Theme Framework

Пару недель назад мы опубликовали отрывок « Создай свой собственный Wicked WordPress Themes» , в котором мы поговорили о некоторых фреймворках тем, которые можно использовать для быстрой разработки тем. С тех пор как книга была впервые опубликована, мы увидели еще больше тематических рамок, каждая из которых имеет свои сильные стороны и особенности. Одна из моих любимых новых находок — Roots , начальная тема, созданная разработчиком из Денвера Бен Ворд . И будь вы старый седой ветеран WordPress или новичок в новой теме, готов поспорить, будет одна или две функции, которые вызовут улыбку на вашем лице. Давайте посмотрим, что внутри.

Каковы корни корней? Он основан на комбинации проекта HTML5 Boilerplate, темы Starkers Эллиота Джея Стокса и выбранных вами фреймворков в стиле Blueprint или 960.gs — плюс есть черта собственного секретного соуса разработчиков для загрузки. Если вы не знакомы с этими проектами, вот краткое описание:

  • HTML5 Boilerplate с радостью заявляет, что это «надежное стандартное значение для HTML 5 awesome» — или, по сути, шаблон, полный настроек по умолчанию для наилучшей практики разработки HTML5. Каждый звонок и свист здесь звучат, но все еще есть место для поддержки старых браузеров.
  • Starkers предлагает четкую и понятную тему, которую можно использовать в качестве основы для собственных разработок — все функциональные возможности без каких-либо проблем с презентацией. В течение некоторого времени это был любимый фильм.
  • Фреймворки 960 и Blueprint CSS предоставляют мощную систему макетов на основе сетки, которая работает даже в самых упрямых старых браузерах, и позволяет вам создавать что угодно: от самых пешеходных групп столбцов до гладкого макета журнала. Когда вы используете корни, просто выберите тот, который вам нравится больше всего. О преимуществах этих и других сред мы узнали в предыдущей статье.

Вот некоторые из улучшений, которые Roots вносит в вывод WordPress по умолчанию, и некоторые способы, которыми он помогает вам как разработчику темы.

  • Активация темы создает некоторый пример контента и страниц для вас — по этой причине лучше начать использовать его на новом сайте.
  • Разметка сообщений включает поддержку микроформата hNews , для сочного, семантического ведения блогов.
  • URL-адреса для результатов поиска переписаны так, чтобы выглядеть менее WordPressy, что может иметь некоторые преимущества для SEO.
  • URL-адреса элементов в папке wp-content переписываются так, чтобы они отображались в корне сайта, маскируя любые несоответствия, связанные с WordPress.
  • Файл robots.txt темы уже настроен в соответствии с рекомендациями SEO команды WordPress. Это означает, что он полностью запрещает доступ к themes , plugins и папкам.
  • Встроенная функциональность галереи будет использовать HTML5 элементы figure и figcaption .
  • Есть небольшая панель администратора, которая позволяет вам выполнить некоторые базовые настройки для Twitter и Google Analytics, а также сделать несколько элементарных вариантов компоновки. Конечно, поскольку эта тема предназначена для разработчиков, она вряд ли является такой же всеобъемлющей, как платная тема про блогера, но она является отличной основой для ваших собственных целей.

В отрывке, который мы разместили, мы поговорили о том, как решить, какая структура вам подходит. На мой взгляд, Roots является отличным примером функций, которые вы должны искать, если вы ищете платформу. Он соответствует лучшим на сегодняшний день рекомендациям по разработке, основан на проверенных и протестированных проектах, с которыми многие разработчики уже знакомы, и разработан с учетом скорости и легкости — идеально подходит для тех из нас, кому нравится делать это из офис вовремя, все еще делая большую работу. Существует растущая коллекция документации, и взгляд на репозиторий GitHub проекта показывает частые обновления как кода, так и руководств. Иногда критика некоторых тематических фреймворков может быть вызвана тем, что сайты, созданные с их помощью, имеют такое же ощущение печенья, но галерея Roots демонстрирует большое разнообразие макетов и образов — просто проявите свою креативность и начните взламывать!

Если вы ищете суперсовременный фреймворк для WordPress, чтобы узнать о разработке WordPress или если вы готовы начать использовать HTML 5 в своих проектах WordPress, рассмотрите возможность добавления Roots в свой список. Это сильный претендент на мой следующий проект!