Выбор шаблона своего сайта новичку

В этой статье мы попытаемся разобраться в таком непростом вопросе, как выбор шаблона своего сайта новичку. На первый взгляд он может показаться простым. Что сложного в выборе, скажете Вы. Заходите в интернет, вбиваете запрос и вот он выбор. На любой вкус и предпочтение. И напрасно. Не все так просто.

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

Как выбрать шаблон сайта

Прежде всего, мы будем рассматривать выбор шаблонов для сайта на WordPress. Это наиболее популярная платформа CMS в настоящее время. Довольно легкая в настройках и наиболее предпочтительна для новичков, начинающих заниматься созданием сайтов и блогов.

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

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

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

Для начала пройдемся по внешним видам шаблонов.

Структура шаблона

Одно, двух и трех колоночные шаблоны.

Выбор шаблона своего сайта новичкувичку

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

Скриншоты, приведенные ниже, иллюстрируют общий вид шаблонов.

В их состав входит:

Шапка (header).

Выбор шаблона своего сайта новичку

В ней, как правило, располагается информация о тематике сайта, авторство, логотип, привлекательная картинка – призыв к действию или рекламные баннеры (реже). Могут располагаться кнопки социальных сетей или фид.

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

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

Сайдбар (sidebar).

Выбор шаблона своего сайта новичку

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

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

Подвал (footer).

Выбор шаблона своего сайта новичку

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

Подвал содержит информацию полезную, но второстепенную. Данные об авторе, конфиденциальности, рекламные баннеры, те же виджеты с популярными записями или рубриками, кнопки социальных сетей, кнопки «о сайте», «контакты», форму обратной связи.

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

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

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

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

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

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

Резюме по первой части

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

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

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

Кроме того, вносить в коды платных шаблонов изменения самостоятельно не рекомендуется. При обновлении темы платного шаблона, сайт может «рухнуть» с не меньшим успехом. Не привязывайтесь к фрилансеру. Вы скоро сами им станете, если все будете делать своими руками.

Еще раз о главном

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

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

3. Для блога достаточно одного сайдбара. Для сайта предпочтительней два.

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

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

Думаю, статья о выборе шаблона своего сайта новичку, была Вам полезна.

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

Заработай в процессе создания своего сайта


По этой теме:

Сабмит в закладки