Блог

Бесплатные темы WordPress: где найти и как выбрать

Бесплатные темы WordPress легко найти, но сложно выбрать одну
Вика Федосеенко
Редактор

В бесплатном каталоге WordPress 4000 тем! Одни хорошие, а другие не очень. Поможем отыскать такую, которую не придётся менять.

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

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

В каталоге WordPress есть более 4000 бесплатных тем. Использовать их удобно: скачал, настроил, добавил свой текст и изображения — готово! Не нужно продумывать дизайн и писать код самому.

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

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

Тема или шаблон?

Часто слова «тема» и «шаблон» используют в одном значении. Но если строго следовать терминологии WordPress, это неверно.

 

Тема (theme) — это макет целого сайта: как выглядит шапка и подвал, сколько колонок, какой шрифт и т. д. Twenty Nineteen — вот это тема.

 

Шаблон (template) — это часть темы, макет одной страницы или секции в блоге. Например, Header.php, который определяет вид верхнего блока на всех страницах, — вот это шаблон.

С терминологией разобрались, можно переходить к делу.

Начните с требований

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

Сначала надо подумать, зачем создаётся сайт и что там будет размещено, а потом уже подбирать дизайн. Поэтому до выбора темы WordPress стоит ответить на вопросы:

  1. Какие цели у сайта?
  2. Какие страницы нужны?
  3. Что будет на каждой странице?
  4. Какие материалы будут использоваться: фото, текст, видео?
  5. Какая функциональность необходима: приём оплаты, размещение товаров, загрузка пользовательских файлов, форум?

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

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

Посмотрите на сайты конкурентов. Это поможет учесть то, о чём вы забыли или не подумали. Откройте пару проектов компаний, который работают на одном с вами рынке, и посмотрите, какие страницы там есть; какой контент и функциональность; что сделано удачно, а что нет. Полезными находками дополните свой список, а ошибки учтите.

Можно пойти дальше: посмотреть, что использовали конкуренты. Сервис What CMS покажет, на каком движке создан их сайт, WTS — на какой теме, если речь о WordPress.

Найдите 10 тем, которые понравятся по дизайну

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

  1. Откройте Theme Directory.
  2. Нажмите на Feature Filter — откроется расширенный фильтр.
  3. Глядя на свой список требований, отметьте галочкой нужные пункты и нажмите Apply Filters, чтобы применить фильтр.
  4. Выберите тему, которая понравится по дизайну.
  5. Прочтите описание, откройте демо — убедитесь, что тема поддерживает нужную функциональность.
  6. Если всё ок — сохраните в заметках или сразу скачайте тему.

Таким образом соберите 10 тем, чтобы на следующем этапе было из чего выбрать.

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

Проверьте технические характеристики

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

Совет. Для проверки темы WordPress понадобится «живое демо» или превью. Это уже созданный на теме сайт, который можно открыть и «потыкать». Ссылка на превью есть в каталоге WordPress. Если нет, установите тему на хостинг, не наполняя контентом. Не понравится — удалите и поставите другую.

Навигация

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

Хорошо, если тема автоматически генерирует и показывает «хлебные крошки» — путь от корня сайта до текущей страницы. Обычно он выглядит так: Главная страница → Раздел → Подраздел → Текущая страница.

Адаптивность

Если при просмотре с мобильного лишние элементы страницы скрываются, а шрифт и кнопки увеличиваются, то такой сайт считается адаптированным. Он больше нравится пользователям и поисковикам. Тема должна поддерживать адаптивность по умолчанию. Проверьте, используя встроенный в админку WordPress инструмент или сервис от Google: Mobile Friendly Test.

Кроссбраузерность

Google Chrome — самый популярный браузер, но кроме него существуют и другие. Safari, Firefox, Samsung Internet используют миллионы людей по всему миру. Наверняка среди них будут ваши пользователи. И хотя внешне почти все браузеры «на одно лицо», их код различается. Идеально работающий в Chrome сайт может плохо отображаться в Firefox.

Поэтому хорошо проверять тему в разных браузерах, идеально — ещё и в разных версиях, и на разных устройствах. Бесплатный сервис Browsershots делает скриншоты в нескольких браузерах разных версий на Linux, Windows 8, Mac. Платные аналоги: CrossBrowserTesting, BrowserStack и другие поддерживают более актуальные версии браузеров и ОС. Просто вставьте адрес демо-версии темы.

Скорость загрузки

Если сайт открывается 3 секунды и больше — это долго. На скорость загрузки влияет много факторов. Один из них — качество кода. Неиспользуемый CSS, многочисленные переадресации, большая вложенность критических запросов замедляют сайт. Код зависит от темы, поэтому скорость её загрузки лучше проверить. Введите адрес превью вашей темы на сайте PageSpeed от Google.

Ещё один косвенный показатель, что сайт на теме будет работать долго — число и вес запросов к серверу, которые она делает. Проверить их легко в сервисе Pingdom Tools и просто в браузере. В Google Chrome:

  1. Нажмите правой кнопкой мыши в пустом месте на странице и выберите Просмотреть код страницы.
  2. Перейдите во вкладку Network. Перезагрузите страницу, чтобы убедиться, что информация актуальная.
  3. Обратите внимание на значение «request» (число запросов) и «transferred» (объем запросов).

Хорошо, если пустая тема делает не более 20 запросов весом не более 1 Мб. Если делает больше — плохо.

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

Оптимизация под поиск (SEO)

Поиск — основной канал привлечения посетителей для многих сайтов. Ошибки в теме WordPress мешают поисковым роботам определять содержимое сайта. На позиции в поисковиках влияют два уже упомянутых фактора: скорость загрузки и адаптивность. Кроме них большое значение имеет качество кода HTML.

  • Базовые мета-теги. Убедитесь, что код страницы имеет по крайней мере базовые теги, которые важны для SEO. Как минимум «description» и «title».
  • Структура HTML. Должен быть только один заголовок с тегом h1 (и это не лого), а в сайдбаре для названия виджетов не должен использоваться тег h2. Пример эталонного HTML: HTML5 Boilerplate.

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

Возможности редактирования

Хорошо, когда тема гибкая. Поэтому проверьте:

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

Поддержка плагинов

Какой бы хорошей ни была тема, сделать на ней сайт без плагинов вряд ли получится (на самом деле можно, но будет сильно дольше и сложнее). Плагины устанавливают, когда надо добавить аналитику, приём платежей, сбор контактов, подписку на посты, форум — в общем, расширить возможности сайта. Поэтому при выборе темы проверьте её совместимость с плагинами, без которых совсем никак: Jetpack, Google Analytics Dashboard, Yoast SEO. Смотрите, какую версию WordPress поддерживает плагин и тема. Если они совпадают — хорошо. Если не уверены в совместимости, задайте вопрос разработчикам.

Поддержка конструкторов страниц (page builder)

С конструктором можно верстать страницы, перетаскивая элементы мышкой. Многие темы имеют свой пейдж-билдер, но часто они плохо оптимизированы и производят много нежелательного кода. Если понадобится изменить тему, сгенерированные таким пейдж-билдером страницы придётся перерабатывать. Поэтому лучше сразу заменить на популярный — например, Elementor.

Репутация разработчиков

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

Частота обновлений темы

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

Форум и поддержка

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

Если тема не из каталога WordPress

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

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

Плагин Theme Check: нет ли в теме ошибок

Использовать краденные темы — плохо. Но если решитесь, проверяйте их через Theme Check. Команда WordPress использует этот плагин, когда кто-нибудь хочет добавить новую тему в каталог WP. Theme Check находит ошибки в PHP, вставки рекламного кода и другие неточности. Его задача — убедиться, что тема соответствует последним стандартам WP.

WP Test: проверьте отображение самого разного контента

Бывает загрузишь тему, настроишь, напишешь первую статью — и упадёшь. Заголовки гигантские, строчки косые, картинки едут. Чтобы этого не было, надо проверить отображение контента в теме. Для этого есть архив WPtest.

WPtest содержит фотографии, комментарии, блоговые записи. Если его загрузить, сразу видно, как будет выглядеть тема. Способ подходит только тем, у кого CMS уже установлена (если нет, см. следующий раздел).

Как проверить отображение контента с помощью WP Test

  1. Скачайте архив с сайта WPtest.io, распакуйте.
  2. Войдите в админку WordPress.
  3. В админке перейдите в раздел Tools — Import.
  4. В списке выберете WordPress и нажмите Install.
  5. После установки нажмите Run Importer.
  6. В распакованной папке выберите файл wptest.xml. Нажмите Upload.
  7. Откроется окно с выбором авторов текстов и комментариев. Выберите любые из списка или задайте свои, это не имеет значения. Нажмите Submit.
  8. Готово!

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

Тема выбрана — можно устанавливать!

Чтобы тема WordPress заработала, её надо установить на хостинг. Если у вас его ещё нет, читайте нашу статью Как выбрать хостинг для сайта.

Иногда CMS WordPress предустановлена на хостинг, но чаще нет. Тогда сначала надо установить WordPress, а потом выбранную тему. Расскажем, как это сделать (если у вас CMS предустановлена, сразу переходите ко второму пункту).

1. Как установить WordPress

Тут понадобится панель управления. Они бывают разные, мы расскажем про Vepp.

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

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

2. Как установить тему WordPress

Когда CMS установлена, можно изменить её тему. Для этого надо войти в админку WordPress.

  1. Откройте админку. Ссылка на нее находится на карточке сайта в Vepp, обычно выглядит так: mydomain.com/wp-login.php, где mydomain.com — домен вашего сайта или технический адрес, если домена пока нет.
  2. Авторизуйтесь. Если заходите из Vepp, это случится автоматически.
  3. Перейдите в меню Appearance Themes и кликните по кнопке Add New Theme.
  4. Выберите тему из каталога WordPress. Нажмите Install. Готово!
  5. Чтобы загрузить свой архив, нажмите на кнопку Upload Theme вверху. Выберите архив на своем компьютере.

Новая тема появится в списке добавленных — можно будет её активировать и настраивать.

Продолжайте настраивать сайт

Когда тема WordPress установлена, ж̶и̶з̶н̶ь работа над сайтом только начинается. Предстоит сделать ещё много всего:

  1. Наполнить сайт текстом и изображениями, подключить SSL-сертификат, подумать о рекламе — в общем, заняться контентом и продвижением.
  2. Подключить аналитику, ускорить сайт за счет кэширования, настроить поисковую оптимизацию — то есть установить один или все 5 лучших плагинов для WordPress, без которых никак.
  3. Чтобы отправлять письма с ящика на домене — настроить почту.
Вика Федосеенко
Редактор