Большинство разработанных шаблонов (темплейтов) можно существенно менять и редактировать, чтобы привести в нужный вашему будущему сайту вид. Однако все же гораздо более удобным вариантом быстрого запуска нужного сайта является поиск удачного тематического шаблона. Мы расскажем о нескольких тематических темплейтах WordPress, которые отлично подойдут для определенного рода страниц и блогов.

Лучшие новые темы для ресторанов и баров

Сайты баров и ресторанов являются одними из самых распространенных, а, как следствие, соответствующие темы в WordPress можно найти в большом количестве. Специально для высокой кухни создана тема Dine. Они отличается хорошей оптимизацией скорости и в результате очень быстро переходит по страницам. Во встроенный функционал входит система онлайн-бронирования Open Table, система контактов, продовольственные галереи Lightbox.

Sage отлично подойдет для красочных демонстраций мероприятий ресторана и продуктов на сайте. Шаблоны для презентаций позволяют делать их очень разными и визуально совершенными. Весь шаблон отличается чистым дизайном и отличной структурой. Интересными новыми шаблонами стоит также отметить Tavern, The Flavour, Rica, Pronto и другие.

Шаблоны для сайтов фотографов

Фотографии за счет социальных сетей и развития смартфонов в современном мире стали основной формой искусства. Больше всего фотографий выкладывается в Instagram и Facebook, но для полноценных галерей нужен сайт. Также сайты используются профессиональными фотографами и любителями, которые хотят привлечь внимание к своим сервисам и работам. Фотографы очень востребованы, как и сайты для них, поэтому есть очень много тематических шаблонов, разработанных специально для сайтов фотографии.

Photographer сосредоточен на фотографии и предлагает на домашней странице посетителям выводить на экран случайные снимки из подборки. Здесь есть вкладки для галерей и видео, которые можно легко настроить. Также имеется портфолио, необходимое любому фотографу, блог, дополнительные панели, интеграция с социальными сетями и подключение к Google Analytics и JQuery.

Для фотостудий, журналов и сайтов съемки отлично подойдет профессиональный шаблон Nextop. Несмотря на богатый функционал, он настраивается в считанные минуты и позволяет найти нужный визуальный стиль, который понравится посетителям. Темплейт заточен на поддержку e-commerce, в частности WooCommerce, что позволит вам облегчить работу над маркетингом сайта и его услуг. Разобраться с работой в WooCommerce можно по инструкции, которую мы публиковали на сайте. Для любителей работы над графикой в темлпейт встроены плагины Master Slider, Contact Form 7, Visual Composer.

Лучшие темы для сайтов по бизнесу

Сайты для бизнеса в Интернете очень многочисленны и востребованы, количество их там очень велико. Хорошей темой для сайта по трудоустройству можно выбрать JobEngine, которая позволяет удобно выкладывать информацию о вакансиях и компаниях, находящихся в поиске сотрудников. Для корпоративного бизнеса отлично подойдет стильный новый шаблон Jevelin, который обладает большим количеством встроенных инструментов и плагинов. Jevelin поддерживает 6 лейаутов для портфолио, многочисленные настройки для e-commerce, возможность удобно оптимизировать вклады для услуг и товаров. Также обратите внимание на шаблоны Sherlock, Apress, Sanabel, Kallyas, Opus, Melinda, которые подойдут для любых видов сайтов для бизнеса.

Темы для сайтов об азартных играх и казино

Игры и казино являются очень популярной темой для блогеров. Особенно популярны сайты, связанные с покером, так как он в последние десятилетия застолбил за собой титул самой популярной карточной игры. Отличной темой для покерного сайта или блога является The Joker. Она подойдет для любых тем, связанных с казино, но идеально сочетается все же с покером. Она имеет большое количество функций, кнопок и элементов дизайна, связанных с покером. Дизайн похож на блоги крупнейших покерных комнат, таких как PokerStars, за счет стандартного прокручивания тем, горизонтального расположения вкладок и разворачивающихся под-вкладок. Также желающие делать блог о карточных играть могут обратить внимание на темплейты Silver Ace, Go Online Poker, Silver Cards.

Шаблоны для персональных блогов

Одна из лучших и новых тем для персонального блоггинга и личных сайтов Type была создана DesignLab и доступна в бесплатной и премиум-версиях. Интерфейс по умолчанию заточен под посты для блогов, однако также подразумевает модификацию под интернет-магазин или e-commerce сайт. В Type очень легко создавать и загружать свои лейауты и хедеры. Этот шаблон поддерживает бразуеры IE 11, Google Chrome, Firefox, а также отличается очень удобным интерфейсом для пользователей смартфонов. Премиальная версия дает возможность работать с большим количеством хедеров, виджетов, даст интеграцию с Google font.

Блогерские темлпейты доступны в очень большом количестве в Интернете. Если планируете создать свой сайт на WordPress, то обратите также внимание на бесплатные и очень удобные шаблоны Blog Way, Unwind, Writee, Everly Lite, Serenti, Magnus, Cenote, Azalea, Cali. Если же вы планируете совместить личный сайт с блогом, то решите, какая CMS подойдет лучше именно для вас – Magento или WordPress.

Интернет глубоко интегрирован в работу нашего мира, работая практически во всех секторах: от образования и политики до бизнеса и здравоохранения.

Когда вы просматриваете онлайн, вероятно, первое, что вы заметите на сайте, это его дизайн, за которым быстро следуют графика и элементы контента. Но вы, вероятно, не думаете о доступности WordPress.

Когда дело доходит до вашего бизнес-сайта, доступность должна стать более высоким приоритетом.

Итак, что такое доступность в WordPress?

Доступность WordPress относится к практике обеспечения доступности веб-сайта WordPress и его содержимого для всех пользователей, в том числе с ограниченными возможностями, особенно с нарушениями зрения.

Многие веб-сайты часто жертвуют доступностью WordPress для красивого дизайна. Хотя дизайн абсолютно важен, вы не хотите ставить под угрозу слишком много функций.

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

Инициатива доступности веб-ресурсов указывает на то, что определенные изменения в дизайне вашего сайта могут принести пользу многим различным группам людей:

• Люди, использующие устройства с маленькими экранами, различными режимами ввода и т. д.
• Старшие
• Люди с «временной нетрудоспособностью», включая сломанную конечность или потерянные очки
• Пользователи с «ситуативными ограничениями», такие как те, кто получает доступ к веб-сайту в ярком месте или в среде, где они не могут слушать аудио
• Люди, у которых медленное интернет-соединение

Почему вы должны заботиться о доступности WordPress

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

Кроме того, есть SEO преимущества для доступности. Google и другие поставщики поисковых систем поощряют веб-сайты, отвечающие требованиям доступности, чтобы побудить большее количество веб-сайтов повысить свою доступность.

Сделать ваш сайт WordPress более доступным

В Руководстве по обеспечению доступности веб-материалов 2.0 (WCAG) представлен широкий спектр идей о доступности. Использование доступных тем WordPress может упростить процесс.

Однако, если вы хотите внести ограниченные изменения в свой текущий веб-сайт на WordPress, вы можете посмотреть с помощью плагина доступности WordPress, а также изменить цвета, контрастность, текст ALT изображения, заголовки содержимого, альтернативы текста и многое другое.

Установите плагин доступности WordPress

Самый простой первый шаг, который вы можете сделать, это установить и активировать плагин WP Accessibility. Хотя большинство проблем с доступностью невозможно решить без непосредственного изменения темы, плагин предлагает множество полезных функций, позволяющих идти по правильному пути благодаря доступности WordPress.

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

Кроме того, он удаляет атрибуты заголовка из изображений, вставленных в контент, который большинство программ чтения с экрана не могут идентифицировать, часто вместо этого читая текст привязки.

Цветовой контраст

В мире более 2,7 миллионов дальтоников. Эти люди имеют один из трех типов дальтонизма: полный дальтонизм, двухцветное зрение и плохое цветовое зрение. Чтобы быть уверенным в том, что дизайн вашего сайта работает с цветом или без него, учитывайте соотношение цветов и контрастность.

Используйте высококонтрастные варианты цвета, такие как черный и белый, чтобы сделать ваш сайт более читабельным. WCAG 2.0 рекомендует контрастность 4,5: 1 для основного текста. Если вашему веб-сайту все еще нужно немного больше стиля, вы можете использовать узоры или текстуры для дальнейшего увеличения контраста.

Изображение ALT-текста

Изображение ALT текста описывает внешний вид и функцию изображения на странице.

Первоначально он был разработан для повышения доступности, поскольку программы чтения с экрана не могут интерпретировать изображение без текста ALT. Однако с тех пор он использовался как часть стратегий SEO с целевыми ключевыми словами, которые должны быть идентифицированы поисковыми системами.

Если вы привыкли использовать ALT-текст для вставки ключевых слов в ваш сайт, вам нужно остановить или, по крайней мере, изменить свой процесс, так как это может испортить опыт людей, использующих программы чтения с экрана. К счастью, четкое описание изображения (если оно имеет отношение к тому, что вы делаете) все равно должно содержать полезные ключевые слова. В общем, никакой текст ALT не лучше, чем несущественный текст ALT.

Заголовки содержимого

Гораздо больше людей будут просматривать ваш контент, чем дословно читать его. Заголовки содержимого не только позволяют пользователям переходить к интересующим их частям, но также могут разбивать большие текстовые блоки на более читаемые разделы, помогая программам чтения экрана определять контекст каждого раздела.

Альтернативный текст

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

Явные поля формы

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

Доступные ссылки и меню с клавиатуры

Есть некоторые люди, которые не могут получить доступ к веб-сайтам с помощью мыши из-за нарушений двигательных навыков. Они используют клавиатуру для навигации по сайтам, используя клавишу табуляции для перемещения вперед и Shift + Tab для возврата назад.

Проблема, которая чаще всего возникает у этих пользователей, заключается в том, что верхние элементы раскрывающегося меню доступны, а подменю — нет. Вы можете исправить это, назначив ярлыки или возможности доступа к клавишам. Например, нажав «1», вы попадете на домашнюю страницу, «2» — на страницу «О нас» и так далее.

Тест на доступность WordPress

Если вы не уверены в качестве вашей доступности WordPress, вы можете проверить ее.

Хотя инициатива доступности веб-сайтов не поддерживает какой-либо конкретный инструмент, вы можете найти список инструментов доступности на их сайте: https://www.w3.org/WAI/ER/tools/. Возьмите пару из них попробовать и посмотрите, как ваш сайт показывается. Расширение Google Chrome, инструмент оценки доступности веб-сайтов (WAVE) — это еще один способ оценки доступности вашего веб-сайта.

Примеры сайтов, хорошо делающих доступность

Есть много сайтов, которые были разработаны с осторожностью и пониманием доступности. Веб-сайт для зимних Олимпийских игр 2018 года в Пхенчхане является примером такого веб-сайта с двумя ошибками и 264 правильно помеченными элементами. Apple делает доступность лучше, получая только одну ошибку WAVE.

Заключительные мысли: доступность WordPress: сделать ваш сайт доступным для всех

Интернет глубоко укоренился почти в каждой части нашей жизни, от покупок и общения до организации встреч с работниками здравоохранения и работы. Беспрепятственно из-за инвалидности, подавляющему большинству пользователей легко принять само собой разумеющееся, с какой легкостью они могут перемещаться по Интернету.

Однако не только для того, чтобы опередить возможные изменения в законодательстве, но и просто для того, чтобы обеспечить лучший пользовательский опыт для всех ваших потенциальных посетителей, важно разрабатывать или изменять свой веб-сайт с учетом доступности. В дополнение к тому, что вы откроете свои двери для этих людей, вы также сможете пожинать плоды лучшего SEO, следуя рекомендациям по доступности, предоставляемым Web Content Accessibility.

Как вы включаете доступность в свои дизайны сайтов на WordPress? Дайте нам знать об этом в комментариях!