Как выбрать тему для сайта на Вордпрессе: инструкция для новичков

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

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

ПОЛУЧАТЬ УРОКИ

---

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

Что такое тема для Вордпресса и какие темы бывают

Любая тема Вордпресс (wordpress theme) — это набор файлов, которые определяют внешний вид вашего сайта. Именно они используются для оформления и вывода информации на экран пользователя. Чаще всего администратору или владельцу сайта приходится сталкиваться с файлами:

• header.php — формирует верхнюю часть страницы, в которой расположены логотип, главное меню, блок контактов. Сюда же добавляют и коды различных сервисов, которые надо подключить (например, счетчик посещений сайта).
• footer.php — подвал или нижняя часть страницы. Сюда также можно вставлять коды счётчиков, а ещё в него помещают ссылки на политику, оферту сайта и другие реквизиты проекта.
• style.css — отвечает за оформление. В нём прописываются цвета, шрифты, фоновые картинки, иконки и прочие параметры для всех элементов сайта.

В интернете также прижился термин «шаблон» (template) и чаще всего имеется в виду то же, что и тема. Это файлы, собранные в один архив, который можно сразу загрузить в админ панель Вордпресса, в разделе Внешний вид — Темы.

Вордпресс-темы для создания сайта

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

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

Что нужно знать, чтобы выбрать тему для сайта на Вордпрессе

Что сделать заранее, чтобы правильно и быстро выбрать тему-Вордпресс:

1. Составить структуру контента своего сайта. Расписать список страниц, рубрик, продумать пункты меню — их количество и названия.
2. Нарисовать примерный прототип (схему) главной страницы сайта и других ключевых страниц. Например, страницы «Услуги», «Портфолио», «Блог». Учесть, какие блоки и формы вам нужны на сайте. Ранее мы писали о том, что такое прототип и как его создать.
3. Походить по любимым блогам и популярным сайтам. Из списка элементов оформления, которые вам нравятся, составить список своих «хотелок».
4. Если вы создаёте сайт без дизайнера и пока не имеете фирменного стиля для своего проекта, нужно выбрать цветовую схему оформления, которая нравится вам и подходит к вашей тематике.

Полезные инструменты для выбора цветовой гаммы сайта

Подбор гармоничных оттенков по заруженному фото.

Готовые цветовые палитры с кодами цветов: раз и два.

Цветовой круг для генерации схем.

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

Основные критерии выбора идеального шаблона

Безопасность вордпресс-темы

Чтобы не столкнуться с вирусами, чужими «вшитыми» в сайт ссылками и прочими неприятностями на самом старте, выбирайте шаблон на wordpress.org, сайте разработчика тем или в крупном магазине шаблонов.

Важно: скачивайте бесплатные шаблоны только из официального каталога Вордпресса.

Перед попаданием в каталог Вордпресса все темы тестируются на соответствие стандартам в области безопасности, кросс-браузерности, соответствие лицензии GPL и так далее.

Адаптивность шаблона для Вордпресс

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

Функциональность темы для сайта

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

Гибкие настройки темы для сайта

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

Демо-версии тем для Вордпресса: на что смотреть

Помимо того, что тема должна вам нравиться чисто внешне, обратите также внимание на следующие моменты.

Иллюстрации и картинки для сайта

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

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

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

Шрифты для сайта

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

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

Возможности шаблона для сайта на Вордпрессе

Оцените возможности шаблона. Чтобы запустить демоверсию и посмотреть работу шаблона, найдите в его описании кнопку «Live preview» или «Demo».

• Посмотрите, какие шаблоны страниц предусмотрены на сайте — с левым/правым сайдбаром, во всю ширину без сайдбара, шаблон-лендинга без верхней шапки и подвала сайта. Эти параметры обычно находятся в разделе демо «Pages» / «Page Templates».
• Какие варианты оформления главной страницы (Home) и страницы блога (Blog) предусмотрены разработчиком. Выпадающие подпункты Home на скрине ниже.

• Какие элементы оформления текстов (заголовки, цитаты, вкладки, кнопки) предусмотрены в шаблоне. В демо эти разделы могут называться «Features», «Typography» или «Shortcodes».
• Есть ли мобильная версия сайта и как она выглядит. Для этого посмотрите демо-версию темы со своего телефона, воспользуйтесь сервисом http://www.responsinator.com/ или же встроенной функцией просмотра на демо сайте.

Доработка шаблона для сайта

Сравните возможности темы в демоверсии со списком ваших хотелок, прототипом и цветовыми предпочтениями.

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

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

Платные темы

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

Очень часто вложения в удачный и максимально близкий к вашему идеалу шаблон гораздо ниже стоимости «допиливания под себя» при помощи студии или фрилансеров-разработчиков. Можно сразу получить нестандартный и гармоничный дизайн под свои задачи, просто вдумчиво пересмотрев платные шаблоны.

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

Каталог шаблонов (тем) для Вордпресса

В каталоге Вордпресса множество хороших тем. Часто тут расположены лайт-версии (Lite), которые можно скачать и протестировать, а на странице разработчика купить платную версию с расширенными функциями. Платные версии от бесплатных часто отличаются количеством блоков на главной странице, набором готовых макетов страниц или слайдов в слайдере. А также гибкостью настроек и возможностью менять цвета, шрифты и редактировать содержимое подвала.

Если тема есть в каталоге Вордпресс, то вам не нужно скачивать её, чтобы установить на сайт. Достаточно в админке открыть Внешний вид —>> Темы —>> Добавить новую и в поле «Поиск тем» ввести скопированное с сайта wordpress.org название. После установить и активировать шаблон, чтобы начать работу.

Где искать платные и бесплатные варианты тем

Где взять бесплатный шаблон для Вордпресса

На этих сайтах есть бесплатные (free) версии и платные шаблоны.

• https://themeisle.com/wordpress-themes/
• https://colorlib.com/wp/themes/
• http://www.salientthemes.com
• https://www.sktthemes.net/

Где искать платные шаблоны Вордпресса

• http://www.goodwinpress.ru/
• https://wp-puzzle.com/ru/
• https://www.pipdig.co/products/wordpress-themes/
• https://www.sktthemes.net/
• https://themeisle.com/wordpress-themes/

А вот список крупных магазинов, где собраны темы от разных авторов:

• https://themeforest.net/
• https://www.templatemonster.com/ru/wordpress-themes-type/
• https://www.etsy.com/market/wordpress_themes

Как выбрать тему для сайта и не пожалеть потом?

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

Что ещё нужно помнить при работе с готовыми темами Вордпресса

1. Шаблоны (темы) можно примерять на сайт сколько угодно раз, при этом размещенные тексты и картинки никуда не пропадут. Если сайт уже наполнен контентом, при смене шаблона иногда случаются неприятности. Рисунки «прилипают» к тексту, текст становится слишком мелким / большим и тому подобное. Это происходит потому, что в каждой теме прописаны свои шрифты, отступы и прочие параметры, поэтому с темой лучше всё же определиться на старте, чтобы не пришлось редактировать бесконечно. Почти всегда при смене темы заново приходится настраивать виджеты и переустанавливать коды — метрики, гугл-аналитики, коды комментариев соцсетей и виджетов ваших сообществ ВК/ФБ.
2. Сразу же после установки и активации тема не будет выглядеть так, как в демоверсии. Её придётся настроить, заполнив соответствующие поля в админке сайта (Внешний вид —->> Темы —>> Настроить).
3. Красота сайта во многом определяется вашим контентом, а не шаблоном. Важны ваши изображения, подобранные со вкусом, и правильно оформленные тексты, в которых есть абзацы, заголовки, подзаголовки, выделенные блоки.
4. Рекомендуется минимально наполнить сайт перед примеркой любого шаблона: создать меню, основные страницы, 2-3 записи блога, установить картинки-миниатюры к записям.
5. Если ваш сайт для русскоязычной аудитории, старайтесь выбирать русифицированные темы (простые бесплатные темы из каталога WordPress часто идут уже с переводом). Чаще всего перевод заголовков всё-таки потребуется, это можно сделать при помощи плагина Loco Translate или отредактировав файлы темы в бесплатной программе Poedit.

 

---

* В случае упоминания в тексте социальных сетей Facebook, Instagram, уведомляем: деятельность компании Meta (Facebook, Instagram) признана экстремистской и на территории РФ запрещена.