25 августа 2017

7 советов по выбору качественного шаблона для сайта


Илья Чигарев
Разработчик сайтов, автор блога ichigarev.ru
Как быстро подобрать качественный шаблон для сайта, чтобы даже новичок в верстке html-кода мог легко его использовать? Обращайте внимание на 7 критериев, о которых пойдет речь в этой статье.

Что такое шаблон (тема) для сайта?

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

Если взять в пример самый популярный движок CMS Wordpress, то шаблон будет состоять из 4-х блоков:
1
Шапка, верхняя часть сайта (Header)
2
Основная, контентная часть (Content)
3
Боковая панель, сайдбар (Sidebar)
4
Подвал, нижняя часть сайта (Footer)
У других CMS похожая структура.

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

Почему выбор правильного шаблона — это важно?

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

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

Если вы хотите минимум времени уделить на подбор и выбрать «свою» тему с первого раза, то воспользуйтесь советами ниже.

Почему именно платный шаблон?

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

Платные темы я бы рекомендовал тем:
  • кто хочет сэкономить время на настройке своего сайта;
  • иметь возможность настроить сайт без редактирования кода;
  • подобрать готовый вариант дизайна, а не рисовать его с нуля;
  • если вам нужен красивый и аккуратный дизайн, а не кривой шаблон;
  • кому важен адаптивный дизайн, чтобы на планшетах и смартфонах сайт выглядел удобно и читабельно;
  • кто хочет иметь возможность гибко настраивать и изменять почти любой элемент на сайте;
  • кто хочет делать, помимо просто написания статей, лендинги, форум, интернет-магазин или другой более сложный функционал;
  • кому нужна поддержка и советы по настройке темы.
Сайт Themeforest
В данной статье я буду рассматривать шаблоны с сервиса ThemeForest.net. Это самый популярный магазин шаблонов в интернете и все темы для себя и своих заказчиков я покупаю именно там.

Итак, на какие критерии обращать внимание при выборе шаблона:
#1

Тематика

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

Если вы хотите сделать блог или журнал выбирайте Blog/Magazine, делаете интернет-магазин, то вам нужна категория eCommerce и т.д.

Тематика
Также в фильтре вы можете выбрать — сортировать по Best sellers (наиболее продаваемые), чтобы сначала посмотреть популярные варианты.

Фильтр
Открываем любой вариант и смотрим подробное описание.

Пример карточки шаблона
#2

Рейтинг шаблона

Рейтинг собирается из оценок покупателей. Лучше выбирать шаблоны с рейтингом от 4.0, ниже я бы не рассматривал. Можете нажать More information и посмотреть в каком соотношении поставлены оценки. Оценивать шаблоны могут только покупатели, поэтому накрутка исключена, отзывы всегда конструктивные.
Рейтинг
#3

Статус автора

У каждого автора вы можете видеть заработанные медальки. Я обращаю внимание на самую главную, которая находится над названием автора. И покупаю шаблоны у авторов со статусом Elite Author (сделано продаж более чем на 75000$) и выше. Самые топовые имеют статус Power Elite Author (сделано продаж более чем на 1 млн. $)
Cтатус автора
Статус говорит о серьезности разработчиков, вы можете быть уверены, что они не пропадут, у них есть профессиональная служба поддержки, где вам в короткие сроки ответят на вопросы.
Обратите внимание: при покупке любой темы вам будет доступна поддержка разработчиков в течение 6 месяцев, где вы можете задавать любые вопросы по настройке.
#4

Дата создания

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

Разработчики будут их корректировать и обновлять тему, это все и происходит примерно за полгода. Поэтому если вы не хотите пользоваться еще «сырым» продуктом, то обращайте внимание на дату выпуска.
Дата создания и последнего обновления
#5

Дата последнего обновления

Бывает такое, что шаблон понравился, но смотришь на дату последнего обновления и такой «Нуу блин, 1 или 2 года назад».

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

Оценка визуальной части — демо

Нажимайте Live preview и перед вами откроется либо сразу демо, либо подробное описание с вариантами из нескольких демо.
Просмотр демо
Если шаблон узконаправленный, например Newspaper, то все демо будут в формате блога/журнала. Но бывают темы универсальные, у которой есть демо на разные тематики, в таком случае читайте подписи и выбирайте интересующий вариант. Например, шаблон BeTheme имеет 260+ демо и здесь вы найдете все, что только можно продать или предложить, начиная от личного сайта музыканта, заканчивая рекламой крафтового пива.

Когда смотрите демо, походите по ссылкам страниц, там вы найдете дополнительные шорткоды и элементы, которые вы также сможете использовать на своем ресурсе.
Шорткоды
#7

Дополнительный функционал, виджеты и плагины

В описании смотрите какой дополнительный функционал есть у шаблона.

Например:
1
Хотите сделать сайт многоязычным, ищите надпись «WPML ready», которая означает, что на данном шаблоне без проблем можно сделать несколько языков с помощью плагина WPML.
2
У шаблона Xstore, который предназначен для интернет-магазина. Помимо других подарочных плагинов на 230$, идет плагин, который я больше ни у кого не видел — Smart product viewer 360, с помощью которого вы сможете сделать 3d модель товара, которую можно покрутить. Если покупать плагин отдельно, он стоит 20$, а вам он идет в подарок!
Доп.плагины
3
Хотите сделать обучающий портал? Можете выбрать тему Eduma, которая заточена под обучение и адаптирована под самый популярный плагин в разделе Education — LearnPress. Помимо этого в наборе еще идут дополнения для обучения на 500+$. Неплохо, учитывая что сам шаблон стоит 69$.
4
Если планируете контентный сайт, журнал, тогда обратите внимание на Newspaper. Его преимуществом является удобная блочная настройка, простым перетаскиванием соберите свою ленту статей любого вида. Очень гибкий конструктор, которого в других шаблонах я не встречал.
5
Хотите сделать сайт с возможностью бронирования? Например, для фитнес-зала или отеля, ищите шаблон с таким функционалом.
И это только несколько примеров, ищите нужный функционал, исходя из своей тематики и личных предпочтений.
Бонус

Как сэкономить от 10 до 30$ на покупке? 2 варианта

1) Часто разработчики делают акции и снижают цены на 10-60%. Это обычно происходит на популярные американские (like Halloween) или общие праздники (Новый год или День святого Валентина) или день рождение шаблона (день, когда он был опубликован).

Вы можете в фильтре поставить цену до 40$ и выбрать Best sellers и посмотреть на какие топовые шаблоны сейчас акция.
Шаблоны по акции
2) Когда шаблон новый и только опубликован на Маркете, также разработчики занижают цены, чтобы получить первые продажи. Если разработчик надежный, а это мы смотрим по его статусу (3п.), то можно рискнуть и купить его новый темплейт. Чтобы найти такой вариант ставьте цену до 40$ и выбирайте Newest items.
Новые шаблоны
Также не забывайте указывать категорию, чтобы сузить варианты поиска.
Надеюсь, вам были полезны данные советы, и вы сможете выбрать для себя подходящий шаблон. Если возникнут вопросы, то можете писать мне и я лично вам отвечу и подскажу. Также на моем блоге вы найдете подборки на разные тематики.

Рекомендуемые статьи

Хотите узнать новые фишки по интернет-маркетингу?
Подпишитесь на нашу рассылку — только полезные статьи, реальные кейсы и новости Serpstat раз в неделю.

Комментарии

Войти Регистрация

Вы исчерпали лимит запросов.

Или email
Забыли пароль?
Или email
Нажимая "Зарегистрироваться", Вы соглашаетесь с
условиями использования Serpstat and Политика конфиденциальности
Back To Login

Не волнуйтесь! Напишите свой электронный адрес и мы пришлем вам новый пароль.

Вы уверены?

Знакомство с сервисом

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

Имя
Email
Телефон
Skype или Google Hangouts
Комментарий

Увеличить лимиты

Зарегистрироваться

Спасибо, мы с вами свяжемся в ближайшее время

Пригласить
E-mail
Роль
Сообщение
необязательно

У вас закончились лимиты

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

Я хочу больше лимитов

У вас закончились лимиты

Вы исчерпали все доступные поинты в инструментах.

Я хочу больше лимитов