Report a bug

Cancel
6143   26  
Marketing 9 min read 25 August 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.
Новые шаблоны
Также не забывайте указывать категорию, чтобы сузить варианты поиска.
Надеюсь, вам были полезны данные советы, и вы сможете выбрать для себя подходящий шаблон. Если возникнут вопросы, то можете писать мне и я лично вам отвечу и подскажу. Также на моем блоге вы найдете подборки на разные тематики.
Found an error? Select it and press Ctrl + Enter to tell us

Recommended articles

Subscribe to our newsletter
Keep up to date with our latest news, events and blog posts!

Comments

Sign In Free Sign Up

You’ve reached your query limit.

Or email
Forgot password?
Or email
By clicking 'Sign Up Free' I agree to Serptat's
Terms of Service and Privacy Policy
Back To Login

Don’t worry! Just fill in your email and we’ll send over your password.

Are you sure?
Please pick the project to work on

Personal demonstration

Serpstat is all about saving time, and we want to save yours! One of our specialists will contact you and discuss options going forward. These may include a personal demonstration, a trial period, comprehensive training articles & webinar recordings, and custom adivce from a Serpstat specialist. It is our goal to make you feel comfortable while using Serpstat.

Name
Email
Phone
Skype or Google Hangouts
Comment

Upgrade your plan

Sign Up Free

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

Invite
E-mail
Role
Message
Optional

You have run out of limits

You have reached the limit for the number of created projects. You cannot create new projects unless you increase the limits or delete existing projects.

I want more limits

Christmas is a time for miracles.

You are almost on the finish line of our Christmas quest. The last brick of your lego-promocode is left on the way up 55% discount.

Did not find previous lego-bricks? Fill the form anyway.

Name
Email
Phone
Skype or Google Hangouts
Write your discount code