Как выбрать шаблон WordPress: 15 советов дизайнера

Как выбрать шаблон для сайта на WordPress: 15 советов от дизайнера

| Опубликовано:

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

С тысячами тем WordPress (кроме шуток — на момент написания статьи только в официальном репозитории WordPress насчитывается более 8 тысяч причин для ваших сомнений и полной неуверенности в своем выборе шаблона для своего сайта!) выбор темы оформления превращается в полную лотерею по поиску иголки в стоге сена. Я написала эту статью, чтобы помочь вам подобрать шаблон для вашего сайта на WordPress.

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

>> Как начать блог на WordPress «с нуля» [ бесплатный курс по электронной почте]

Я бесконечно экспериментировала, пока не поняла, что у меня проблема и мне нужен был алгоритм.

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

Отображение заголовков, картинок в статьях, фотографий в портфолио и даже шрифты будут другими… В попытке заставить WordPress сотрудничать с вами или хотя бы пойти на мировую вы можете даже начать беспокоиться, что взяли себе задачу не по зубам или что пытаетесь прыгнуть выше головы…

Поделюсь своим маленьким открытием: хотя внешний вид вашего сайта и важен, но не в той степени. Дизайн весьма субъективен — это очевидно. И потому я не смогу вам помочь выбрать шаблон WordPress, который бы соответствовал вашим представлениям об эстетике сайта (такое возможно лишь в случае индивидуальной работы со мной для разработки сайта). Но смогу помочь остановить свой выбор на той теме WordPress, которая обеспечит вашему сайту прочную основу для дальнейшего развития. Перед окончательным выбором темы WotdPress для вашего сайта необходимо проверить многие другие факторы, кроме дизайна.

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

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

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

Давайте начнем. С основ (это важно).

Как выбрать тему WordPress для сайта: 15 советов дизайнера
Как выбрать тему WordPress для сайта: 15 советов дизайнера

Выбор темы WordPress [алгоритм]

Что такое тема оформления и шаблон для сайта WordPress

Сразу надо сказать, что такое разделение терминов можно встретить только в русскоязычном сообществе WordPress. И практически всегда используется термин «шаблон WordPress», даже когда это не правильно с точки зрения веб–разработки.

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

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

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

Теперь вы знаете разницу между темой оформления и шаблоном WordPress. И помним, когда в поисковик забивают «шаблон WordPress», то на самом деле этот человек ищет «темы WordPress». Вот такая у нас подмена понятий.

Возможности темы WordPress

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

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

Существуют и другие пути расширить возможности вашей темы WordPress:

  • смена темы оформления,
  • установка на сайт лучших плагинов WordPress,
  • использование пользовательского кода CSS в файлах темы.

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

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

Бесплатные и премиальные темы WordPress

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

Из официального репозитория WordPress есть доступ к тысячам бесплатных тем.

Темы для сайтов в официальном каталоге WordPress
Темы для сайтов в официальном каталоге WordPress

Я начинала, как и большинство, с бесплатной темы. Как, вероятно, начали или начнете вы.

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

Так в чем различие бесплатных и премиальных тем WordPress?

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

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

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

Совершенно нормально начинать с бесплатной темы, пока вы только начинаете знакомство с WordPress и осваиваете процесс настройки.

У вас еще нет собственного сайта, потому что вы боитесь, что не справитесь с техническими трудностями? Уверяю вас, что вы преувеличиваете свой страх! Читайте мое простое руководство как начать вести свой блог на WordPress с нуля, выполните все пошаговые рекомендации, и у вас будет свой блог!

Почему так важно выбрать отличную тему WordPress для сайта

Это совсем не вопрос престижа или какой–то подобной мишуры.

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

Как выбрать шаблон для сайта на WordPress: 15 советов от дизайнера
.

Что способна сделать с вашим сайтом некачественная тема WordPress:

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

Не меняйте часто тему на сайте, особенно уже рабочем. Переход может «сломать» сайт. А если решились на смену темы WordPress, сначала убедитесь, что у вас есть резервная копия сайта.

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

Как выбрать тему WordPress для сайта

#1. «Карта желаний»

Да, вам очень нужен список всего, что вы хотите видеть на своем сайте. Хотите — добавьте схемы. Какая структура будет у сайта, какие страницы? Планируете ли через определенное время добавить, допустим, магазин? Какой хотели бы видеть верхнюю часть сайта: логотип, навигация сайта, кнопки обратного звонка, иконки соцсетей… Какой вид нижней части сайта вам нужен: 4 колонки, 3 колонки или совсем минималистичный? Нужен ли сайтбар и с какой стороны на странице с записью в блоге?

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

#2. Тип сайта и его цели

На самом деле, для кого–то будет проще стартануть именно с этого пункта, а потом определиться со своими желаниями по дизайну и функционалу. Я бы именно так и поступила, для меня этот подход логичен. Но по моим наблюдениям, большое количество людей определяют тип сайта только после очерчивания своих ожиданий от темы WordPress. Видимо, первый этап просто запускает поисковую и аналитическую работу мозга в нужном направлении?

Зачем надо определить тип сайта?

На сайте агентства веб–разработки нужны одни функции, на сайте коуча — другие, на сайте онлайн–школы — третьи.

#3. Тематическое соответствие

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

Ненужный вам функционал, конечно, можно отключить, но в коде сайта он все равно остается. Это будет влиять на скорость загрузки сайта.

Вот и получится несоответствие: то, что нужно, — его нет и надо дополнительно устанавливать, в то же время есть не нужные надстройки, которые надо отключить. И те, и другие действия «раздувают» код сайта.

#4. Простой дизайн

Простота вне времени. Модные когда–то элементы со временем заметно устаревают. Складывается впечатление, что сайт давно не обновлялся.

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

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

#5. Легко читаемые шрифты

Первостепенная задача вашего сайта — предоставить посетителю информацию. Замысловатые шрифты, которые красиво смотрятся, заставляют взгляд буквально «спотыкаться» при сканировании текстовых блоков.

Недоступность текста для восприятия по разным причинам (гарнитура шрифта, мелкий размер букв, низкий контраст ) — одна из самых частых причин высокого показателя отказов на сайте.

Убедитесь, что в теме есть возможность настроить шрифтовую пару (для заголовков и основного текста), которая не затруднит восприятие информации на сайте.

#6. Адаптивность и кроссбраузерность темы WordPress

Этот пункт обязателен для выполнения, как бы трудно не звучали для вас термины.

Адаптивные темы «подстраиваются» по размер экрана, вам не придется масштабировать кнопки или ссылки, чтобы попасть на них на экране телефона. Элементы адаптивных тем по–разному размещаются на экране в зависимости от его размера. Например, на десктопе все меню выстраивается в одну строчку, а в мобильной версии меню полностью скрывается, для его обозначения остается только иконка, как правило, «гамбургера».

Кроссбраузерность темы тоже важный показатель качества. Дело в том, что с точки зрения технических процессов разные браузеры по–своему обрабатывают информацию, отсюда и различие в отображении сайта в Opera, Firefox, Safari, Chrome и т.д.

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

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

Попробуйте потестировать тему на адаптивность с помощью инструмента от Google.

#7. Легкая настройка

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

В том пункте важно уточнить — должно быть легко для вас. Мы по–разному ориентируемся в пространстве, в незнакомых местах, по–разному воспринимаем трудности, имеем разный опыт и знания. Поэтому ориентируйтесь на собственные ощущения и адекватно оценивайте свои возможности. И учитывайте время, конечно.

Во всем можно разобраться. Но сколько на это уйдет времени? Не стоит воспринимать это как вызов себе и как лишний повод усомниться в собственных силах. Вы все сможете!

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

Преимущество премиальных тем в том, что они поставляются с полной документацией по устройству и настройке (могут иметь видео–уроки по настройке буквально каждого элемента).

#8. Быстрая скорость загрузки

Жизненно важный показатель, особенно после обновления Google: начиная с мая 2021 показатели рейтинга сайтов Core Web Vitals учитывают и скорость загрузки сайта. Поскольку поисковые системы хотят предоставить пользователям в выдаче сайты, наиболее отвечающие запросам не только по содержанию, но и экономящие время пользователя.

>> Как ускорить свой сайт на WordPress

Тема Astra хорошо закодирована, легкая и экономит время загрузки.

Вы можете проверить скорость загрузки мобильной версии сайта с помощью инструмента Google.

У меня неплохой результат, но пора снова поработать над оптимизацией сайта.

#9. Тема оптимизирована под SEO

SEO–оптимизированная тема способна помочь заслужить доверие поисковых систем. Так же, как и в обратном случае — некачественная тема способна его потерять.

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

#10. Совместимость темы и текущей версии WordPress

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

Так или иначе, вашей задачей будет провести исследование на предмет совместимости темы и ядра wordPress с текущей версией обновлений. На момент написания статьи мы уже ждем новых изменений.

#11. Требования к php

PHP — язык программирования, на котором работает WordPress. Версии PHP тоже периодически обновляются, предоставляя новые возможности в скорости обработки процессов и информации.

Ваша тема может иметь свои особые требования к версии PHP. А ваш хостинг такую версию PHP не поддерживает по разным причинам. Это, на мой взгляд, маловероятно, потому что хороший хостинг–провайдер заинтересован в предоставлении всех компонентов в обновленном состоянии. Но кто знает? Вдруг. Проверить все равно следует. В вашем личном кабинете на сайте хостинг–провайдера найдите информацию о версии PHP для вашего сайта.

#12. Регулярность обновлений

Как часто обновляется тема? Регулярность ее доработок говорит о том, что разработчик не забросил тему и по–прежнему работает над ее улучшением.

Таким образом, ваша тема будет соответствовать новым требованиям производительности и защиты от вредоносных инъекций.

Тема WordPress с регулярными обновлениями будет на порядок лучше справляться со всеми задачами и просто лучше выглядеть).

Убедитесь, что ваша тема обновлялась хотя бы полгода назад.

#13. Обратная связь от разработчика

Для новых тем и тех, которые давно не обновлялись, характерно, что то там, то тут периодически всплывают ошибки в отображении каких–то элементов, блоков, виджетов.

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

Техническая поддержка от разработчика в премиальных темах — это обязательная часть вашего пакета услуг, помимо самой темы WordPress. Но с бесплатными темами ситуация другая. Хотя есть–есть исключения! В конце я дам свои рекомендации бесплатных тем, которые радуют нас крепкой поддержкой от создателей, что ооочень приятно).

#14. Отзывы и рейтинг темы WordPress

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

Обратите внимание на количество установок — это тоже показатель качества темы WordPress. И не стоит слушать тех «советчиков», которые отговаривают от установки тем с большим количеством скачиваний, чтобы у вас не получился сайт с тем же дизайном! Это просто смешно!

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

#15. Наличие «дочерней» темы

Это еще что? Можете удивленно двинуть бровью. Но не игнорируйте профессиональный совет!

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

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

Поэтому важно использовать «дочернюю» тему. 

Как правило, в премиальных темах WordPress вместе с основной темой вы получаете ее «дочернюю» тему. 

Очень удобно: вы вносите свои изменения в «дочернюю» тему и обновляете основную тему. При таком способе изменения не теряются, а тема обновляется и содержится в актуальном состоянии.

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

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

Как выбрать шаблон для сайта на WordPress: 15 советов от дизайнера
.

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

Но вы, если только начинаете разбираться в возможностях WordPress, можете начать с бесплатных тем.

Тем более, что есть несколько очень достойных тем, которые даже в бесплатной версии предоставляют прекрасные возможности для их кастомизации:

Тема Astra для сайта WordPress
Тема Astra для сайта WordPress

Astra — абсолютная моя любимица! Ее рекомендую по многим причинам. Во–первых, это многоцелевая тема WordPress, популярность которой быстро выросла и продолжает лидировать. Она быстро и легко настраивается. Эта надежная тема включает в себя несколько готовых веб-сайтов, которые вы можете выбрать и быстро запустить. Вы можете настроить тему, не касаясь ни строчки кода. Кроме того, вы можете использовать ее вместе со многими конструкторами страниц, просто выбираете, с каким вам удобно работать!

Тема Astra для сайта WordPress
Техподдержка темы Astra для сайта WordPress

Некоторые другие функции Astra включают настройки макета, параметры заголовка, параметры настройки цвета и типографики, а также превосходную производительность. Еще вам следует знать о впечатляющем списке доступных интеграций. Astra работает с WooCommerce, со всеми популярными конструкторами страниц: Beaver Builder, Elementor, Toolset, плагинами SEO Yoast, Lifter LMS, LearnDash, и это лишь некоторые из них. Наконец, эта тема доступна, оптимизирована для SEO, использует хуки и фильтры, готова к переводу и предлагает обширную базу знаний для начала работы.

Тема Hello Elementor для сайта WordPress
Тема Hello Elementor для сайта WordPress

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

С ее минималистичным стилем легко можно настроить стильный сайт разного типа, включая интернет–магазин.

Тема Ocean WP для сайта WordPress
Тема Ocean WP для сайта WordPress

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

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

Тема Neve для сайта WordPress
Тема Neve для сайта WordPress

Neve — эта тема совместима не только с плагинами для создания страниц, такими как Site Origin, Divi, Elementor и Brizy, но также совместима с Gutenberg. Что касается дизайна, тема отличается чистым дизайном, который выделяет ваш контент, поэтому она идеально подходит для малого бизнеса, фрилансеров и агентств, которые хотят улучшить свой коэффициент конверсии. Вы можете настроить цвет, шрифты и другие визуальные стили, а также выбрать один из множества вариантов фона. Кроме того, тема Neve порадует вас 30+ предустановленных готовых мини–тем на разную тематику.

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

Тема Kadence для сайта WordPress
Тема Kadence для сайта WordPress

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

Спасибо, что дочитали до конца! Публикация вышла приличная, но оно того стоило, не так ли?

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

Если вы тонете в потоке информации и вам нужна помощь в разработке сайта, то свяжитесь со мной.

Как выбрать шаблон для сайта на WordPress: 15 советов от дизайнера
.

Заключение

Когда вы ищете достойную тему WordPress для своего сайта, вам стоит учитывать столько нюансов. И если в первую очередь в глаза бросается дизайн темы (это не только у вас, наш мозг вообще «любит» визуальные сигналы), то все же вам придется силой воли вернуть себе способность мыслить аналитически и критически!

Используйте мой алгоритм выбора темы WordPress, как надежный компас в этом бесконечном космосе шаблонов WordPress!)

Надеюсь, вы сейчас улыбнулись и почувствовали себя более уверенно? Напишите мне, какая замечательная тема WordPress завоевала ваше сердце и украсила ваш сайт!

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

Как выбрать тему WordPress для сайта: 15 советов дизайнера
Как выбрать тему WordPress для сайта: 15 советов дизайнера

Графический и веб–дизайнер, юзабилити–специалист. Преданный фанат WordPress, адепт эстетичной функциональности, любознательный исследователь психологии поведения пользователей и счастливый обладатель цвето–зависимости! ;)) Пишу о том, что очень люблю — о дизайне, о сайтах, о блогах.