72 подписчика

Шаблон "Camel Trail"

16 минут

31 прочтение

24 сентября 2022

Шаблон "Camel Trail" является классическим универсальным шаблоном для движка MYENGINE CMS. На его базе можно создать сайт любой тематики. Шаблон имеет чистый и оптимизированный код, корректно отображается на всех устройствах.

В шаблоне предустановлены стили в соответствии с его оформлением для следующих модулей и расширений:

Навигация по сайту;
Двухуровневое меню;
Статьи;
Статьи II;
Каталог услуг;
Категории страниц;
Универсальный модуль;
Поиск по сайту;
Карта сайта;
Отзывы;
Фотогалерея;
Статистика посещений.

В шаблон "Camel Trail" встроены две формы обратной связи: форма заказа обратного звонка и форма для отправки сообщений. Широкий функционал шаблона позволяет легко менять его структуру используя встроенную панель управления шаблоном.

ОБЗОР ШАБЛОНА

ШАПКА

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

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

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

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

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

ОСНОВНОЙ БАННЕР

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

БЛОК ПРИВЕТСТВИЯ

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

ВЕРХНИЙ БЛОК ПРЕВЬЮ

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

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

ОСНОВНОЙ КОНТЕНТ

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

НИЖНИЙ БЛОК ПРЕВЬЮ

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

КОНТАКТЫ

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

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

ПОДВАЛ

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

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

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

Кнопка скролла страницы наверх, которая видна на скрине, не относится к подвалу, она плавающая.

ФОРМЫ ОБРАТНОЙ СВЯЗИ

В шаблон "Camel Trail" встроены две формы обратной связи: форма заказа обратного звонка и форма обратной связи. Обе формы открываются во фрейме при нажатии на соответствующие кнопки вызова форм.

УСТАНОВКА ШАБЛОНА

Загрузите архив camel_trail.zip в разделе "Управление расширениями" панели управления.

Открываем раздел "Управление расширениями", в горизонтальном меню нажимаем ссылку "Загрузить и установить расширение".

Откроется диалоговое окно для загрузки архива с расширением. Нажмите кнопку "Выберите файл".

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

После того, как контекстное меню закроется, в диалоговом окне нажмите кнопку "Загрузить и установить".

Диалоговое окно закрывается, и система возвращается в раздел «Управление расширениями». В списке загруженных расширений появилась строчка "Шаблон Camel Trail", значит шаблон установлен.

Теперь шаблон необходимо подключить к движку. Переходим в раздел настроек движка и находим опцию "Шаблон сайта".

Нажимаем на ссылку "Выбрать шаблон". Откроется диалоговое окно.

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

Сохраним настройки и перейдем на сайт чтобы убедится что шаблон подключился.

ОБЗОР ПАНЕЛИ УПРАВЛЕНИЯ ШАБЛОНОМ

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

ОБЩИЕ НАСТРОЙКИ

Яндекс верификация.
Поле для заполнение мета тега yandex-verification. Данный мета тег используется для подтверждения прав собственности на сайт при добавлении его в сервис Яндекс.Вебмастер.

Google верификация.
Поле для заполнение мета тега google-site-verification. Данный мета тег используется для подтверждения прав собственности на сайт при добавлении его в Search Console сервиса Google.

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

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

Ссылка на изображение для превью.
В поле вводится ссылка на изображение, которое будет выведено как превью при репосте страницы в социальных сетях. Эта ссылка выводится в мета теге

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

Favicon.
Favicon (фавиконка) — значок веб-сайта или веб-страницы. Выводится в сниппетах поисковой выдачи Яндекса и Гугла, отображается браузером во вкладке перед названием страницы, а также в адресной строке браузера.

Яндекс дает следующие рекомендации по формату и размеру фавиконки.
Размер: 120×120, 32×32 или 16×16 пикселей.
Формат: SVG (рекомендуемый), ICO, PNG.

Не смотря на рекомендации Яндекс, в шаблоне основным расширением для фавиконки принято ICO и размер 16×16 пикселей. Это обще принятый формат, который будет выведен любым браузером.

По желанию можно загрузить и другие рекомендованные форматы. В коде страницы это выглядит так.

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

Текст в кнопке (шапка).
В поле вводится текст кнопки для вызова формы обратного звонка.

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

Текст в кнопке (блок контактов)).
В поле вводится текст кнопки для вызова формы обратной связи.

Включить вывод кнопки (блок контактов).
Опция управляет выводом кнопки в блоке контактов.

Ссылка на изображение логотипа (подвал).
В поле вводится ссылка на изображение логотипа, которое будет выведено в подвале сайта.

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

Год создания сайта.
В поле вводится год создания сайта, который выводится в подвале сайта. Если прописанный год не совпадает с текущим, то вывод будет примерно таким - © 2018 - 2022

ОСНОВНОЙ БАННЕР

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

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

Ссылка на изображение баннера (главная страница).
Поле для ввода ссылки на файл с изображением баннера. Ниже выводится превью самого изображения.

Текст в кнопке.
Поле для ввода текста, который будет выведен в кнопке.

Ссылка в кнопке.
Поле для ввода ссылки, которая будет выведена в кнопке. Если поле оставить пустым, то вывод кнопки будет полностью отключен.

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

РАЗДЕЛЫ НА ГЛАВНОЙ СТРАНИЦЕ

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

БЛОК ПРИВЕТСТВИЯ

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

Баннер в виде ссылки.
Опция управляет выводом баннера. Если чекбокс поставить, то баннер станет кликабельным, т.е. будет выведен в качестве ссылки.

Ссылка для баннера.
Поле для ввода ссылки, которая при необходимости будет подключена к баннеру.

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

Включить вывод блока.
Опция управляет выводом блока приветствия. Если чекбокс убрать, то вывод блока будет отключен.

ВЕРХНИЙ БЛОК ПРЕВЬЮ И НИЖНИЙ БЛОК ПРЕВЬЮ

Функционал этих разделов одинаков, поэтому описание будет одно для этих разделов.

Так выглядит основная вкладка разделов. В ней выводятся кнопки управления и список созданных превью.

Рассмотрим настройки разделов. Для перехода к настройкам раздела необходимо нажать на кнопку "Настройки".

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

Включить вывод заголовка раздела.
Опция управляет выводом заголовком раздела. Если чекбокс убрать, то вывод заголовка на страницу будет отключен.

Позиционирование превью.
Эта настройка имеет три опции:

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

Вывод заголовка превью.
Опция управляет выбором статуса вывода заголовка в превью: Включено/Отключено.

Фото превью в виде ссылки.
Опция управляет выводом фото превью, если поставить чекбокс, ил фото будет выведено как ссылка.

Вывод фото превью.
Опция управляет выбором статуса вывода фото в превью: Включено/Отключено.

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

Вывод кнопки в превью.
Опция управляет выбором статуса вывода кнопки в превью: Включено/Отключено.

Включить вывод раздела на страниц.
Опция управляет выводом раздела. Если чекбокс убрать, то вывод раздела на страницу будет отключен.

ДОБАВИТЬ ПРЕВЬЮ

Заголовок.
В поле вводится заголовок превью.

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

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

Текст в кнопке.
Поле для ввода текста, который будет выведен в кнопке превью.

Ссылка в кнопке.
Поле для ввода ссылки, которая будет будет выведена в кнопку превью.

РЕДАКТИРОВАНИЕ ПРЕВЬЮ

В этой вкладке настройки аналогичны настройкам во вкладке добавления нового превью.

НОВОСТИ

Количество превью на странице.
Поле для ввода количества превью, которые будут выведены на страницу.

КОНТАКТЫ

Адрес.
Поле для ввода адреса офиса, если он есть. Если адрес не нужен, то поле необходимо оставить пустым. В этом случае вывод на страницу сайта строки с адресом будет полностью отключен.

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

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

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

Номер WhatSapp.
Поле для ввода номера телефона. Если поле оставить пустым, то вывод строки с номером телефона будет отключен в шаблоне.

Включить вывод номера WhatSapp (шапка).
Опция управляет выводом номером WhatSapp в шапке сайта. Если чекбокс убрать, то вывод номера WhatSapp на страницу будет отключен.

Email.
Поле для ввода электронного почтового адреса. Если поле оставить пустым, то вывод строки с Email будет отключен в шаблоне.

Включить вывод номера телефона (шапка).
Опция управляет выводом email в шапке сайта. Если чекбокс убрать, то вывод email на страницу будет отключен.

Карта API.
Поле для ввода кода карты API.

Facebook, Twitter, Instagram, Telegram, Вконтакте
Поля для ввода ссылок на социальные сети. Если поле остается пустым, то вывод иконки социальной сети отключается.

Для перехода к настройкам раздела необходимо нажать на кнопку "Настройки".

Включить вывод карты API.
Опция управляет выводом карты API. Если чекбокс убрать, то вывод карты на страницу будет отключен.

Включить вывод блока контактов в шапке.
Опция управляет выводом блока контактов в шапке. Если чекбокс убрать, то вывод блока на страницу будет отключен.

Включить вывод блока соц. иконок.
Опция управляет выводом блока кнопок социальных сетей. Если чекбокс убрать, то вывод блока на страницу будет отключен.

ОТЗЫВЫ

Этот раздел панели управления доступен если на сайте установлен модуль "Отзывы".

ДОПОЛНИТЕЛЬНЫЕ НАСТРОЙКИ

Блок HTML в верху страницы.
Поле для ввода какого-либо html-кода. Это может быть дополнительная таблица css стилей или счётчик Яндекс.Метрика. Загруженный код будет выведен на страницу между тегами head.

Блок HTML внизу страницы.
Поле для ввода какого-либо html-кода. Это может быть скрипт какого-либо виджета. Загруженный код будет выведен в самом низу страницы перед закрывающим тегом body.

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

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

Текст в форме обратного звонка.
Поле для ввода пояснительного текста в форме.

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

Название поля ввода имени.
Поле для ввода текста названия поля ввода имени в форме.

Название поля ввода номера телефона.
Поле для ввода текста названия поля ввода номера телефона в форме.

Текст в кнопке формы обратного звонка.
Поле для ввода текста в кнопке отправки формы обратного звонка.

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

Текст в форме обратной связи.
Поле для ввода пояснительного текста в форме.

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

Название поля ввода имени.
Поле для ввода текста названия поля ввода имени в форме.

Название поля ввода Email.
Поле для ввода текста названия поля ввода email в форме.

Название поля ввода номера телефона.
Поле для ввода текста названия поля ввода номера телефона в форме.

Название поля ввода сообщения.
Поле для ввода текста названия поля ввода номера сообщения в форме.

Текст в кнопке формы обратной связи.
Поле для ввода текста в кнопке отправки формы обратной связи.

Работу этого шаблона можно посмотреть на демо-сайте. Пароль для входа в админ панель - 123.

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

Ставьте лайки и подписывайтесь на канал. Дальше будет ещё интереснее.

#разработка веб-сайтов #создание сайтов #веб-дизайн #интернет #myengine