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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

cvatovaya_schema_foto

Результат подбора цветовой схемы по картинке

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

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

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

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

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

katalog_wordpress

Каталог бесплатных тем на официальном сайте WordPress.org

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Меню с вариантами шаблона главной страницы (Home) на демо-сайте

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

Просмотр мобильных версий страницы на демо-сайте

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

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

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

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

Платные темы

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

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

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

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

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

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

katalog_wordpress2

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

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

На этих сайтах есть бесплатные (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). Даже гугл-переводчика будет достаточно, чтобы узнать, входит ли в стоимость демо-контент (с ним удобно быстро настроить шаблон) и техподдержка от разработчика (обычно даётся на год, часто на английском, но даже при этом — полезная опция). Кроме того, пользуйтесь фильтрами и тегами — они помогут быстро отобрать шаблоны под нужную нишу, интернет-магазин на Вордпресс, темы совместимые с конструкторами страниц-лендингов или с самим конструктором внутри.

katalog_themeforest

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

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

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

Узнайте больше о плюсах и минусах самостоятельной настройки темы для сайта. Читайте больше полезных материалов в Клубе «Маркетинга с азов» и Телеграм-канале. И удачного выбора и красивых сайтов!

Наталья Солодовник, интернет-маркетолог, разработчик сайтов и лендингов на WordPress, технический продюсер онлайн-проектов.

Фейсбук 

 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

пять × один =

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

©2012-2019.   Маркетинг с азов для малого бизнеса и микробизнеса
ИП Губина Мария Сергеевна, ОГРН 312784713800044, Санкт-Петербург
Политика конфиденциальности | Публичная оферта | Пользовательское соглашение

ГЛАВНАЯ БЛОГ БЕСПЛАТНО ОБ АВТОРЕ УСЛУГИ ОТЗЫВЫ ФОРУМ КАРТА САЙТА КОНТАКТЫ

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

 

Оставьте ваши данные в форме, и мы пришлём вам архив с документами по электронной почте.

×
Скачайте подсказки по бухгалтерии и образцы заполнения бухгалтерских документов

 

Оставьте ваши данные в форме, и мы пришлём вам архив с документами по электронной почте.


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

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Оставьте ваше имя и электронный адрес ниже, и пришлем вам тест-шпаргалку от Валентины Власовой

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Оставьте в форме имя и электронный адрес и скачайте мою мини-подборку опросников для отзывов

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Оставьте в форме ваше имя и электронный адрес, и мы пришлем вам ментальную карту «Виды и группы контента»

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Заполните поля формы и получите чек-лист от Дарьи Капитоновой по ведению Инстаграм-аккаунта для начинающих

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Заполните форму и скачайте шаблон для систематизации контактов и поиска потенциальных партнеров

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Заполните форму и скачайте шаблон для оценки важности ваших задач и составления плана делегирования

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Сложно начать писать — на сайт, в блог, в прессу? Видите пустую страницу документа Word и сразу теряете мысли? Есть о чём писать, но не знаете, с чего начать? Заполните форму и скачайте вебинар!

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Заполните форму ниже и получите бесплатный курс «Из чего состоит проект»

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Оставьте ваши данные в форме и мы пришлём вам чек-лист с инструментами, помогающими в продажах услуг

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×
Оставьте в форме ваше имя и электронный адрес, и мы пришлем вам ссылку на вебинар о ранних списках

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Заполните форму и получите запись видеоурока по контент-плану

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

<

×

Заполните поля формы и получите чек-лист от Дарьи Капитоновой по ведению Инстаграм-аккаунта для начинающих

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×
Заполните форму и получите запись запись видеоурока по промовебинарам

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Оставьте ваше имя и электронный адрес, и получайте анонсы новых статей

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×
Заполните форму и получайте бесплатные уроки по маркетингу для частных специалистов

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×
Заполните форму и скачайте бесплатные онлайн-сервисы для малого бизнеса и фрилансеров

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×
Заполните форму и скачайте сборник материалов для быстрого выхода в онлайн

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×
×
×