76 подписчиков

Шаблон "Night Taxi"

10 октября 202210 окт 2022

17 мин

Оглавление

ОБЗОР ШАБЛОНА
ШАПКА
ОСНОВНОЙ БАННЕР

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

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

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

В шаблон "Night Taxi" встроена форма заказа обратного звонка. Широкий функционал шаблона позволяет легко менять его структуру используя встроенную панель управления шаблоном.

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

ШАПКА

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

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

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

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

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

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

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

БЛОК "НОВОСТИ"

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

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

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

Каждое превью содержит фото, заголовок, текст превью и кнопку. Текст превью скрыт и появляется при наведении курсора на превью.

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

БЛОК "ПОИСК ПО САЙТУ"

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

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

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

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

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

КОНТАКТЫ

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

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

ПОДВАЛ

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

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

Если год создания не совпадает с текущим годом, то его вывод примет вид как показано на скрине.

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

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

ФОРМА ЗАКАЗА ОБРАТНОГО ЗВОНКА

В шаблон "Night Taxi" встроена форма заказа обратного звонка. Для вызова этой формы используется кнопка зафиксированная в нижнем правом углу экрана. При нажатии на эту кнопку откроется форма заказа обратного звонка.

ОФОРМЛЕНИЕ ВЛОЖЕННЫХ СТРАНИЦ

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

Страницы новостей. На странице всех новостей выводятся превью новостей по два в ряд.

Страница самой новости имеет структуру немного отличную от стандартной.

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

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

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

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

Страница контактов.

ВЫВОД НЕКОТОРЫХ РАСШИРЕНИЙ

МОДУЛЬ "ОТЗЫВЫ"

В шаблоне "Night Taxi" прописан вывод блока последних отзывов на главную страницу. После установки модуля происходит подключение вывода блока отзывов.

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

МОДУЛЬ "КОММЕНТАРИИ"

В шаблоне "Night Taxi" при условии установки модуля "Комментарии" есть возможность вывода блока последних комментариев. Этот блок так же оформлен в стили шаблона.

Оформление блока комментариев на странице вывода.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Яндекс верификация.
Поле для заполнение мета тега 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

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

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

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

Включить вывод баннера на вложенные страницы.
Управляет выводом баннера на вложенные страницы. Чекбокс поставлен - вывод баннера подключен.

Статус баннера.
Настройка имеет три опции:

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

Вкладка "Настройки слайдера"

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

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

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

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

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

НОВОСТИ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Добавить превью

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

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

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

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

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

Редактирование превью

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

ПОИСК ПО САЙТУ

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

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

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

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

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

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

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

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

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

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

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

Добавить превью

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

Код иконки превью.
Поле для ввода кода иконки превью, это может быть код изображения в виде тега img или иконка из библиотеки Font Awesome. В шаблон предустановлена библиотека Font Awesome 4.7.0.

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

Редактирование превью

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

КОНТАКТЫ

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

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

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

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

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

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

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

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

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

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

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

ОТЗЫВЫ

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

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

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

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

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

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

Текст в ссылке на страницу политики конфиденциальности.
Поле для ввода текста в ссылке на страницу политики конфиденциальности.

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

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

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

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

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

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

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

Ставьте лайки и подписывайтесь на канал.

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