ПОМОГАЕМ СТРОИТЬ НЕЗАВИСИМЫЕ САЙТЫ

СОЗДАЙ СВОЙ САЙТ САМ

Все дело в шаблоне!

Существует некоторое заблуждение, что успешность сайта зависит от «красоты шаблона». Вот щас поставлю супер-пупер шаблон и посетители валом побегут смотреть мой сайт. К сожалению, это не совсем так, а точнее, совсем не так.

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

Успешность сайта во многом зависит от качества оформления. Не стоит путать «оформление» и «дизайн». Оформление – это подбор цветовой гаммы сайта, подбор стиля и размера шрифта, качество фото и картинок, акцент внимания на важном контенте. В результате, посетитель вашего сайта должен не напрягаясь увидеть то главное, что вы хотели донести до него. Дизайн в большинстве случаев это эмоция. Желание вызвать у посетителя чувство «В-а-у», может очень быстро сменится на «Ф-у-у», если он не найдет на вашем сайте нужную ему информацию или его понятие о «красоте» не совпадут с вашими.

Успешность сайта так же зависит от правильности верстки и чистоты кода. Сейчас понятие «кроссбраузерность шаблона» ушло на второй план, а на первый вышла «адаптивность шаблона под мобильные устройства». Это связано с тем, что все современные браузеры для компьютеров стали более унифицированными и отображают контент более менее корректно при ошибках в коде. А вот браузеры для мобильных устройств более критичны к таким ошибкам. Мобильный интернет все больше входит в нашу жизнь, поэтому адаптивная верстка шаблонов для сайта получила некий приоритет и это значит, что количество ошибок должно быть минимальным и стремиться к нулю.

Представленные на нашем сайте бесплатные шаблоны не шедевры дизайнерского искусства. Это простые шаблоны с хорошо продуманным оформлением, построенные в соответствии со стандартами W3C HTML5 и W3C CSS Valid. Каждый шаблон рассчитан на работу с модулями и расширениями так же опубликованными на нашем сайте. Совместное использование наших шаблонов и модулей позволяет создать готовое решения для сайта любой тематики. В каждом шаблоне прописаны стили оформления для всех существующих и опубликованных на нашем сайте расширений. Поэтому, у пользователя, особенно неопытного, нет необходимости лезть в код шаблона, чтобы адаптировать его для работы с каким-либо модулем и расширением.

Общая структура наших шаблонов выглядит так.

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

На рисунке показано на каких позициях шаблона какой выводится контент. Наши шаблоны имею три типа структуры:
  1. Трехколоночный шаблон. Классическая структура для всех страниц сайта, когда основной контент выводится по центру, а в колонках слева (левый сайдбар) и справа (правый сайдбар) дополнительный контент.
  2. Двухколончный шаблон. Так же классическая струтура, только в этой структуре один сайдбар, который выводится слева или справа от основного контента.
  3. В третьем типе главная страница имеет структуру одностраничного сайта, т.е. контент выводится на всю ширину страницы и имеет блочную структуру. Все остальные страницы имеют двухколоночную структуру.
Механизм вывода контента в шаблон одинаков при любой структуре шаблона.

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

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

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

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

Навигационная цепочка.
В этой позиции (breadcrumbs) выводится модуль «Навигация по сайту», если этот модуль установлен. Навигационная цепочка («Хлебные крошки») выводится на всех страницах, кроме главной.

Левая колонка.
В левой колонке (left sidebar) выводится дополнительный контент с помощью блоков созданных в разделе «Управление меню» в административной панели управления сайтом. В некоторых шаблонах вверху колонки могут выводится ссылки авторизации/регистрации и форма поиска.

Основной контент.
В позиции Основной контент (content) выводится основное содержание страницы. Внизу основного контента может выводится подключенный к странице модуль.

Правая колонка.
В правой колонке (right sidebar) выводится дополнительный контент с помощью блоков созданных в разделе «Управление меню» в административной панели управления сайтом. В некоторых шаблонах вверху колонки могут выводится ссылки авторизации/регистрации и форма поиска.

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

В самом низу каждого шаблона выводится ссылка на страницу «Согласие на обработку персональных данных», которая носит короткое название «Политика конфиденциальности». Политика конфиденциальности обязана быть на каждом сайте, где осуществляется сбор персональных данных пользователей, который регламентирован Федеральным Законом № 152 «О персональных данных». В соответствии с этим законом внизу каждой страницы сайта должна быть такая ссылка. Если у вас на сайте нет формы обратной связи и регистрации, то вы можете отключить вывод этой ссылки. Для этого необходимо удалить страницу «Согласие на обработку персональных данных».

Еще внизу каждого шаблона выводятся авторские ссылки. Так как шаблоны бесплатные, то автор имеет полное право указать своё авторство с помощью этих ссылок. По правилам хорошего тона удалять эти ссылки не стоит. Но кто в наше время придерживается этих правил. Каждый, кто хоть немного знаком с html, может легко найти эти ссылки в шаблоне и удалить. Хотя, в каждый шаблон заложен более честный способ отключения этих ссылок. При установке любого платного модуля или расширения эти ссылки автоматически отключаются.

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

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

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

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

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

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

Форма обратной связи.
В каждом шаблоне подключается своя форма обратной связи, которая в работе ничем не отличается от штатной. Эта форма имеет свое оформление в стиле шаблона и была сделана, чтобы не было зависимости шаблона от обновлений движка.

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

На этом все. Будем рады, если эта информация окажется полезной для вас.
1 7077 25 1
05.12.2019 г.

Комментарии (1)

Чтобы оставлять сообщения необходимо авторизоваться
Загрузка...