22.11.2022
10225

Темы WordPress — подбираем дизайн сайта

Андрей Мазур
автор ApiX-Drive
Время прочтения: ~5 мин

Если у сайта плохой дизайн, то самый идеальный контент и совершенное SEO не выведут его на первые позиции в выдаче. От чего же зависит внешняя привлекательность сайта, какими путями она достигается?

Содержание:
1. Что такое WordPress тема?
2. Экскурс в историю
3. Советы по выбору темы WordPress
4. Где искать темы WordPress
5. Заключение
***

Что такое WordPress тема?

В CMS WordPress роль стилиста, который создает тот или иной образ сайта, выполняет инструмент под названием “тема”. Сама по себе система WordPress позволяет создать веб-ресурс и обеспечивает управление им. Но задать цвета, шрифты, размещение отдельных элементов — это задача темы. Это если смотреть на нее с точки зрения дизайнера. А с точки зрения программиста, тема — это набор взаимосвязанных файлов, которые сообщают браузеру, каким образом пользователю должен представляться контент сайта. Как стилист задает внешний облик человека, сочетая обувь, одежду и аксессуары, так и программное обеспечение темы задает стиль сайта.

Темы WordPress | Доступные темы на сайте WordPress<br>


Обсуждение дизайна будущего сайта по сути сводится к обсуждению конкретного вопроса: “Какая тема позволит добиться задуманного образа?”. Выбор темы — это одна из главных задач при разработке нового сайта на WordPress.

Экскурс в историю

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

Свяжите сервисы между собой без программистов за 5 минут!
Используейте ApiX-Drive для самостоятельной интеграции разных сервисов между собой. Доступно 350+ готовых интеграций.
  • Автоматизируйте работу интернет магазина или лендинга
  • Расширяйте возможности за счет интеграций
  • Не тратьте деньги на программистов и интеграторов
  • Экономьте время за счет автоматизации рутинных задач
Бесплатно протестируйте работу сервиса прямо сейчас и начните экономить до 30% времени! Перейти

Мэтт Мюлленвег, создатель WordPress, является и автором первой темы для этой CMS. Она увидела свет вместе с системой управления контентом в 2003 г. Далее развитие тем WordPress происходило по такому сценарию:

  • 2004 г. — с выходом WordPress 1.2 дебютную тему сменяет WordPress Classic Theme. В наши дни сложно представить, но тогда пользователь не мог менять тему по своему усмотрению. 
  • 2005 г. — в WordPress 1.5 появляется тема-легенда Kubrick. Минималистичный сине-белый шаблон придумал датчанин Майкл Хейлеманн. Большой любитель фантастики, он втиснул в исходный код своего творения своеобразную оду режиссеру фильма "2001: A Space Odyssey" Стэнли Кубрику. Вместе с прорывной темой пользователи WordPress получают доступ к целому набору дизайнов сайта и возможность самостоятельно переключать тему сайта.
  • Формируется концепция применения темы по умолчанию. Она используется для демонстрации возможностей WordPress. Поэтому тема по умолчанию многофункциональна и может использоваться для создания большинства видов веб-сайтов. Кроме того, тема по умолчанию — резервная. Если установленная пользователем тема WordPress удалена или работает неправильно, то WordPress автоматически вернется к теме по умолчанию.
  • 2008 г. — создан каталог тем WordPress. Каждый желающий теперь мог разработать и загрузить в него собственную тему. Главное, чтобы она прошла тест на качество. После загрузки в каталог тему можно скачать бесплатно. 
  • 2010 г. — в WordPress 3.0 появляется TwentyTen. С этого момента с каждой основной версией CMS выпускается новая тема для установки по умолчанию. По мнению идеологов WordPress, так CMS всегда будет соответствовать духу времени и изменчивыми тенденциями дизайна. 
  • Каждая новая тема по умолчанию стала называться в честь года, в котором она выпущена. Нужно сказать, что TwentyTen оказалась одной из любимейших, если судить по числу скачиваний. Она послужила моделью не только для последующих тем WordPress, но и стала универсальным образцом для любого типа шаблонов блогов.
  • 2012 г. — в WordPress добавлен инструмент настройки тем, предварительный просмотр тем и новый медиа-менеджер. 
  • 2014-2015 г.г. — темы WordPress по умолчанию получили адаптивный дизайн.
  • 2022 г. — тема Twenty Twenty-Two предложила огромные возможности персонализации сайта, которые обеспечивает версия WordPress 5.9. Цвета, типографика и макет каждой отдельной страницы на сайте могут быть настроены в соответствии с видением дизайнера. Twenty Twenty-Two включает в себя десятки шаблонов блоков, открывая двери для широкого спектра профессионально разработанных макетов всего за несколько кликов. 

Советы по выбору темы WordPress

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

  • Руководствуйтесь правилом “чем меньше, тем лучше”. Вам понадобятся лишь функции для достижения намеченных целей.
  • Откажитесь от темы, перенасыщенной возможностями. Многофункциональная тема снижает производительность сайта. Остановите себя в стремлении установить весь функционал, который впечатлил вас поначалу.
  • Музыкальные плееры, игровые компоненты поначалу выглядят привлекательными. Но зачастую они замедляют сайт. Кроме того, есть риск появления слабых мест в безопасности.
  • Адаптивный дизайн обязателен для темы. Это понятие подразумевает, что сайт будет удобный и красивый независимо от устройства, на котором его открыли. В наши дни адаптивность стала обязательной чертой для качественной темы.
  • Если вы пытаетесь выбрать между темным и светлым дизайном, то учтите, что люди предпочитают более светлые варианты. Темный дизайн веб-сайта не является абсолютным негативом. Но “переход на темную сторону” может снизить читабельность и возможности более традиционных элементов дизайна.
  • Подумайте о платной теме. Бесплатные темы — хороший вариант для проектов с ограниченным бюджетом. Но они же скрывают подвохи. Выбирая бесплатную тему, вы подвергаете себя риску того, что в будущем “одежда” вашего сайта будет обновляться нерегулярно. Очень часто у бесплатных тем нет поддержки.
  • Обратите внимание на шрифты. Если тексты плохо читаются, у посетителей будет желание быстрее уйти с сайта. Выбирайте шрифты простые и читабельные. Как пример приведем популярные в прошлом году шрифты: Holgada (без засечек), Temeraire (с засечками).
  • Протестируйте тему. Установите плагин Theme Check. Он выяснит, соответствует ли выбранная вами тема требованиям текущей версии WordPress.
  • После того как все настройки завершены и контент загружен, еще раз просмотрите свой сайт. Перечитайте контент, проверьте работу сайта на смартфоне, убедитесь, что графика загружается правильно. Только после этого открывайте доступ к новому сайту.

Где искать темы WordPress


Темы WordPress | Доступные темы на сайте Themeforest<br>


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

  • Elegant Themes. Предлагает только 2 премиальные темы – Divi и Extra, а также плагины Monarch (обмен в социальных сетях), Bloom (модуль e-mail) и Divi Builder.
  • Theme Forest. Рассказ о площадках по продаже тем WordPress будет неполным без упоминания ThemeForest от Envato. Площадка предлагает более 20 000 тем. Themeforest — один из лидеров по предложению универсальных многоцелевых тем WordPress. 
  • TemplateMonster. Среди более чем 25 000 предложений на этой платформе можно найти дизайн нужной тематики. Каждый месяц коллекция пополняется на 450-500 новых тем.
  • Woo Themes. Отличная площадка для тех, кто занимается e-commerce. Плагин WooCommerce на сегодняшний день является самым популярным плагином электронной коммерции для WordPress. На платформе Woo Themes кроме этого и большого списка других плагинов можно выбрать одну из 52 специализированных тем.

Заключение

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

***

Apix-Drive — простой и эффективный коннектор систем, который поможет вам автоматизировать рутинные задачи и оптимизировать бизнес-процессы. Вы сможете экономить время и средства, направить эти ресурсы на более важные цели. Протестируйте ApiX-Drive и убедитесь, что этот инструмент разгрузит ваших сотрудников и уже после 5 минут настроек ваш бизнес начнет работать быстрее.