Ultimate 1.x

Ultimate 1.x

Версия InstantCMS: 1.10.7
Количество стилей: 7
Цветовые схемы: 33
Стили для премиум компонентов: InstantVideo, iAudio
Поддержка браузеров: IE 9+, Firefox 50+, Opera 40+, Google Chrome 50+
Адаптивный дизайн: да
Ширина: любая, настраиваемая
Число колонок: 3
Быстрый старт: InstantCMS 1.10.7
Год выпуска: 2017 

Установка шаблона и связанных дополнений

1. Скопируйте файлы из ultimete_template(версия cms) в корень сайта. Согласитесь на перезапись файлов.

Внимание: помимо стандартных изображений будет заменен файлы:
\languages\ru\lang.php

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

\components\users\photos.php

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

2. В админ-панеле перейти в раздел Настройки — Настройки сайта — Дизайн и установите шаблон Ultimate в качестве шаблона по умолчанию.

3. Установите компонент DeZzo Framework на странице Компоненты — Установить компоненты.

4. Перейдите к настройкам шаблона в разделе Компоненты - DeZzo Framework.

Нажмите кнопку применения настроек по умолчанию.

5. Проведите настройку шаблона или оставьте значения по умолчанию.

Важно: Все настройки доступные для шаблона Ultimate можно посмотреть в разделе документации «Скриншоты настроек шаблона в компоненте DeZzo Framework».

Настройка модулей

Модуль DT Бегущая строка новостей


Перейдите в раздел Модули — Установить модули. Установите модули DT Бегущая строка новостей и DT Слайдер новостей.


Перейдите к настройке модуля DT Бегущая строка новостей.

Проведите настройку:

Позиция — newsscroll
Шаблон модуля — module_simple.tpl
Публиковать модуль — да
Показывать на всех страницах — да

Перейдите к дополнительным настройкам нажав на шестеренку. Настройте параметры на ваше усмотрение, но обязательно установите Стиль — Ultimate (Адаптивный).

Модуль DT Слайдер новостей

Установите модуль DT Бегущая строка новостей если еще этого не сделали ранее в разделе Модули — Установить модули.

Перейдите к настройке модуля DT Слайдер новостей.

Проведите настройку:

Заголовок — нет
Раздел — Главная
Позиция — slider_top
Шаблон модуля — module.tpl
Публиковать модуль — да
Показывать на всех страницах — нет

Перейдите к дополнительным настройкам нажав на шестеренку. Настройте параметры на ваше усмотрение, но обязательно установите Стиль — Ultimate (Адаптивный), Номер стиля Шаблона — 1.

Настройки других модулей

Модуль Меню можно установить в позицию main_menu.
Модуль Меню авторизации и Меню пользователя можно установить в позицию top_menu.

Модуль Последние регистрации (Новые пользователи) обязательно должен быть настроен как Таблица.

Модуль Записи в каталоге обязательно должен быть настроен как Галерея.

Баннера в позициях banner1-4, tabber_ban должны иметь Шаблон модуля - module_simple.tpl 

Настройка создаваемых миниатюр

Каталог статей:
Ширина маленькой копии — 500
Ширина большой копии — 1200
Квадратные — не обязательно

Универсальный каталог:
Ширина маленькой копии — 250
Ширина большой копии — 400 

Доска объявлений:
Ширина маленькой копии — 400
Ширина большой копии — 900
Квадратные — не обязательно

Клубы пользователей:
Ширина маленькой копии — 150
Ширина большой копии — 400
Квадратные — обязательно

Фото клубов пользователей:
Ширина маленькой копии — 250
Ширина большой копии — 900
Квадратные — обязательно

Профили пользователей:
Ширина маленькой копии — 150
Ширина большой копии — 500

Фотогалерея:
Ширина маленькой копии — 250
Ширина большой копии — 900
Квадратные — обязательно

Видео каталог (InstantVideo):
Ширина маленькой копии — 500
Ширина большой копии — 350

Музыкальный каталог (iAudio):
Ширина изображений по умолчанию — 480

Просмотр материалов (статей) на сайте

Вариации модулей Последние материалы

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

Стандартный шаблон для вывода для модуля Последние материалыmod_latest.tpl, для модуля Популярные статьиmod_bestcontent.tpl.


Разновидности шаблонов вывода для модуля Последние материалы:
mod_latest_big_first.tpl
mod_latest_big_first_alt.tpl
mod_latest_big_images.tpl
mod_latest_main_left.tpl
mod_latest_short.tpl

Разновидности шаблонов вывода для модуля Популярные статьи:
mod_bestcontent_big_first.tpl
mod_bestcontent_big_first_alt.tpl
mod_bestcontent_big_images.tpl
mod_bestcontent_main_left.tpl
mod_bestcontent_short.tpl

Важно: разницы между оформлением модулей Последние материалы и Популярные статьи нет. Каждая вариация модуля Последние материалы аналогична модулю Популярные статьи.

mod_latest_big_first.tpl

mod_latest_big_first_alt.tpl

mod_latest_big_images.tpl

mod_latest_main_left.tpl

mod_latest_short.tpl

Вывод материалов категории в несколько колонок

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

Вариации страницы просмотра материала

При использовании стандартного шаблона статьи com_content_read.tpl основное изображение занимает всю ширину контейнера. Для прижатия и уменьшения основного изображения можно использовать шаблон статьи com_content_read_left.tpl 

Цветные модули

Для выделения информации, модуль можно вывести в цветной подложке используя CSS префикс:

red_ - красный
blue_ - синий
green_ - зеленый
orange_ - оранжевый
dark_ - темный

Важно: не все модули будут отображаться корректно с данными префиксами!

Схема позиций шаблона и шаблоны модуля

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


banner1 — module_simple.tpl
top_menu - module_simple.tpl
main_menu - module_simple.tpl
newsscroll - module_simple.tpl
slider_top - module.tpl
banner2 - module_simple.tpl
tab1 - module.tpl
tab2 - module.tpl
tab3 - module.tpl
tab4 - module.tpl
tab5 - module.tpl
tabber_ban - module_simple.tpl
sidebar - module.tpl
left - module.tpl
maintop - module.tpl
mainbottom - module.tpl
right - module.tpl
banner3 - module_simple.tpl
bottom - module.tpl
foo_module - module_simple.tpl
banner4 - module_simple.tpl
b-panel - module.tpl 

Скриншоты настроек шаблона в компоненте DeZzo Framework

Благодарности

Всем кто участвует в развитии и разработке InstantCMS, в особенности:
Fuze - http://www.instantcms.ru/users/fuze
R2 - http://www.instantcms.ru/users/r2


за поддержку:
Letsgo - http://www.instantcms.ru/users/Letsgo

за фоновые и демо изображения:
стиль №3 https://pixabay.com/ru/users/mikadago-328028/
стиль №1,4 https://pixabay.com/ru/users/Pexels-2286921/
стиль №5 https://pixabay.com/ru/users/Unsplash-242387/
стиль №7 https://pixabay.com/ru/users/tommyvideo-3092371/
и сайту https://pixabay.com

Перейти к разделу:

Установка шаблона и связанных дополнений

Настройка модулей

Модуль DT Бегущая строка новостей

Модуль DT Слайдер новостей

Настройки других модулей

Настройка создаваемых миниатюр

Просмотр материалов (статей) на сайте

Вариации модулей Последние материалы 

Вывод материалов категории в несколько колонок

Вариации страницы просмотра материала

Цветные модули

Схема позиций шаблона и шаблоны модуля

Скриншоты настроек шаблона в компоненте DeZzo Framework

Благодарности