Шаблон - это готовый вариант сайта, в котором можно поменять логотип, цветовую схему, картинки, текст и другие параметры. Сделав эти изменения, мы получаем свой собственный сайт. Иногда он получается абсолютно не похожим на оригинал, но это бывает редко и сейчас речь не об этом. Шаблоны никогда не используются для реализации индивидуального дизайна, они нужны для упрощения разработки сайта, и позволяют существенно сэкономить.
Сделать сайт бесплатно с готовыми шаблонами тоже можно, но не всегда удаётся найти бесплатный хороший подходящий шаблон.
Основные типы шаблонов
Хорошие шаблоны делают именно для последующего изменения. Большинство текста написано без смысла, но с различными вставками, иконками и форматированием, чтобы взглянув на образец вы знали какие визуальные эффекты и стили можно легко применить. В картинках часто указаны параметры, чтобы вы сразу знали, кого размера нужно готовить файлы для замены.
Плохие шаблоны могут выглядеть хорошо, но при попытке поменять короткое слово на длинное, у вас всё сползёт и вылезет за границы сайта. Могут содержать вирусы и скрытые текста со ссылками на другие сайты. Нет подсказок в исходном коде сайта, что очень усложняет процесс доработки для веб-разработчика.
Платные шаблоны не всегда являются хорошими. Нужно внимательно изучить демоверсию сайта, сделанного на этом шаблоне, почитать отзывы, и изучить репутацию самого продавца.
Бесплатные шаблоны могут быть очень даже хорошими, но найти такие сложно, всё зависит от типа требуемого сайта, его объема и функционала. У таких шаблонов нет обновлений, и вы не будете получать свежие версии с исправленными ошибками и новыми возможностями.
Каждый из перечисленных типов шаблонов может относиться к таким видам:
- Самостоятельные - включают в себя сразу все скрипты для корректной работы;
- Шаблоны для cms - нужно устанавливать именно на тот движок, для которого они созданы;
- Сырые - требуют большой доработки, но могут облегчить какой-то определённый этап создания сайта. Это может быть даже обычная картинка, которая вдохновит вас на дизайн, но её потом нужно нарезать, сверстать, наполнить функционалом и т.д.
Какой шаблон выбрать для сайта
3 важных правила для поиска хорошего шаблона, которые помогут сделать правильный выбор.
Выбирайте только адаптивные шаблоны сайтов.
У старых сайтов осталось совсем немного времени, чтобы успеть переехать на адаптивный дизайн, а у вас только один правильный выбор. Что такое адаптивный дизайн? Это когда сайт удобно просматривать на любых устройствах, от большого телевизора до мобильного устройства с маленьким экраном. При этом сайт у вас один, но он не просто уменьшается при уменьшении экрана, а подстраивается для удобства ваших пользователей (что-то переносится ниже, заголовки немного уменьшается, картинки сжимаются, лишнее вообще исчезает и т.д.).
Иногда применяется отдельная мобильная версия сайта, но это не правильный выбор. Это значит, что у вас сразу два шаблона, один для больших экранов, а другой для мобильных устройств. Настраивать и редактировать шаблоны придётся каждый в отдельности, да и продвигать такой сайт труднее.
Обращайте внимание на применяемые веб-технологии.
Для создания шаблонов используются разные фреймворки, спецификации, методы макетирования и структурирования, но вам не обязательно в этом разбираться.
Самое главное, это чтобы у шаблона были указаны спецификации html5 и css3. Это самые последние на данный момент язык разметки и язык стилей.
Для адаптивных шаблонов часто используется платформа Bootstrap или макетный метод Flexbox.
Смотрите описание шаблона.
Для каждого шаблона должна прилагаться инструкция по установке, настройке и подробное описание. Там описываются плагины, виджеты и дополнительные функции, которые уже подключены к шаблону. Если вам нужны встроенные комментарии, рейтинг, мультиязычность, возможность бронирования и прочие настройки, то старайтесь выбирать шаблон у которого уже имеется всё необходимое.
Как выбирать шаблон
В следующей главе вы узнаете где найти шаблоны, но не каждый шаблон подойдёт именно для вашей задумки. Чтобы уверенно сделать выбор в пользу подходящего шаблона, вам надо открыть его демоверсию и мысленно представить все изменения, которые вы сделаете. Лучше всего даже не представлять, а реально сделать эти изменения при помощи просмотра кода в браузере Chrome.
Вот короткое видео, которое вам в этом поможет:
Рекомендуем начать с главной страницы сайта. Откройте код и сделайте все ваши изменения в тексте. Картинки тоже играют важную роль, но на данном этапе их можно заменить просто мысленно.
После внесения правок, посмотрите:
- Всё ли вас теперь устраивает?
- Ни чего не съехало?
- Получилось ли разместить на сайте всё что вам нужно?
Если остались элементы, которые вы не сможете переделать под себя, то можно их удалить, но иногда это приводит к потере стиля оформления страницы.
Если есть важная информация, для которой не нашлось места в шаблоне, то он вам не подходит.
В идеале, надо выбрать самый простой шаблон в котором возможно разместить всё, что нужно вашему сайту.
Где найти шаблоны сайтов
Мы подобрали для вас несколько сайтов, на которых вы легко сможете указать требуемые параметры шаблона (адаптивный, html5, css3) и даже тематику сайта, что поможет сократить время на поиски. Также шаблоны можно отсортировать по типу сайта, по популярности, по рейтингу отзывов и дате создания.
Все эти сайты следят за своим имиджем и поэтому не будут создавать и продавать плохие шаблоны, что тоже немаловажно. Внимание: Это не профессиональный рейтинг сайтов и разработчиков шаблонов, это лично наши рекомендации.
- themehunt.com - самостоятельные шаблоны Bootstrap.
- joomlart.com - шаблоны только для CMS Joomla.
- rockettheme.com - здесь можно выбрать шаблон Wordpress и Joomla.
- themeforest.net - маркетплейс разнообразных шаблонов от разных авторов.
Пока на этом всё. Список будет пополнятся по мере подбора достойных кандидатов.
Подводим итог
Плюсы шаблонного дизайна:
- Экономия средств на прототипе, дизайне, вёрске сайта и частично на веб-программировании.
- Ускорение процесса создания сайта.
- Простота установки и использования.
Минусы шаблонного дизайна:
- Ваш сайт похож на несколько других сайтов и есть вероятность, что кто-то это заметит.
- В бесплатных шаблонах могут быть вирусы и встроены скрытые ссылки.
- Чаще всего нет возможности внести существенные изменения в дизайн сайта.
- Вы делаете сайт таким, каким позволяет шаблон, а не как планировали изначально.
Рекомендации:
- Используйте платные шаблоны, ведь вы итак существенно экономите на их использовании.
- Если нет задачи сделать быстро дешёвый сайт, то не используйте шаблоны вообще.
- Не спешите с выбором, 7 раз проверьте перед началом создания сайта на этом шаблоне.
- Подбирайте шаблон с учётом того, что ваш сайт постоянно будет меняться, обновляться и наполняться информацией.
- Ни когда не забывайте, что внешняя (видимая) часть сайта - это лишь маленькая поверхность айсберга.
Если у вас не получилось найти шаблон сайта самостоятельно, то вы можете обратиться к нам за помощью. За 4000 тг. мы подберём несколько подходящих шаблонов на выбор.