Popper: бесплатная тема для WordPress с акцентом на доступности

Popper: бесплатная тема для WordPress с акцентом на доступности

После трех месяцев обзора новая мобильная тема Мортена Рэнда-Хендриксена появилась в официальном каталоге тем WordPress. Popper – одна из нескольких тем, имеющих тег «accessibility-ready», который говорит о том, что автор темы выполнил все требования руководства по доступности WordPress. К таким требованиям относятся семантическая разметка и структурирование, текст для программ чтения с экрана и фокус на всех интерактивных объектах, высококонтрастная типографика, а также навигация, предназначенная для всех устройств ввода данных.

Тема основана на Underscores – стартовой теме, которая уже имеет встроенную доступность. Хендриксен также использовал CSS и JavaScript от Twenty Fifteen для реализации меню, которое превращается в горизонтальное на более широких экранах.

popper

Тема Popper идет в комплекте с массой опций, доступных в родном кастомайзере, включая поддержку иконки сайта, изображения в хэдере размером 1600 × 420, цветов текста и фона хэдера, дополнительного левого или правого сайдбара, а также нижней области виджетов. Если вы не загрузите иконку сайта (которая дублируется как глобальная кнопка возврата на главную страницу), тема будет выводить первую букву заголовка сайта.

popper-customizer

В анонсе темы Хендриксен описал несколько второстепенных, не таких заметных изменений:

  • CSS flex ( или «flexbox») используется в навигации по записям и виджетам для более гармоничного и цельного вывода контента. Если область виджетов задана по умолчанию, ширина отдельных виджетов меняется в зависимости от количества добавленных виджетов.
  • Первая запись на главной странице выводится в полном виде с возможностью обрезать ее посредством тега More.
  • Миниатюры и изображения с выравниванием по центру будут выводиться от края до края экрана на небольших дисплеях и автоматически центрироваться на широких дисплеях.
  • Записи могут включать в себя дополнительное краткое описание, которое выводится сразу под основным заголовком. Описание основано на возможности Excerpt в редакторе записей.
  • Ссылки в контенте выделяются при помощи серого подчеркивания, которое появляется для событий :hover и :focus.
  • Если автор записи имеет граватар, связанный с его почтовым адресом, этот граватар будет выведен вместе с метаданными записи.

Блог Хендриксена в данный момент использует тему Popper для демонстрации ее возможностей.

«Popper зародилась как простая идея. Я хотел создать красивую тему с акцентом на контенте, которая будет соблюдать все требования руководства по доступности WordPress и нести в себе опыт взаимодействия, основанный на современных трендах посещения сайтов: в частности, посещений с мобильных устройств», говорит Хендриксен.

Чтобы сделать дизайн более приятным для пользователей сенсорных устройств, он переместил кнопку мобильного меню из верхнего левого угла в нижний левый угол. Меню выводится прямо поверх контента, не сдвигая его. «Как результат, меню всегда доступно и находится в пределах досягаемости, вне зависимости от того, какой тип устройства или метод ввода вы предпочитаете использовать», отметил он.

popper-mobile

Хендриксен, философ по своей натуре, назвал тему в честь Карла Поппера, австрийско-британского эпистемолога.

Если вам требуется тема с подходом mobile-first, обладающая дружественной к сенсорным устройствам навигацией и отвечающая требованиям руководства по доступности WordPress, Popper станет для вас отличным выбором. Эта тема также прекрасно работает в качестве отправной точки для дочерних тем. Скачать ее можно бесплатно в каталоге WordPress.org.

Popper также доступна на GitHub, и Хендриксен призывает всех участников помочь с ее улучшением, переводами и т.д. Полный список возможностей темы доступен по следующей ссылке.

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

Сохранено из oddstyle.ru

Добавить комментарий

%d такие блоггеры, как: