Инструкция

Начало. Настройки движка

Тема была разработана под определённые настройки CMS DLE. Для коректной работы выполните следующие настройки.

Шаг 1

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

/admin.php?mod=options&action=syscon

Выставьте Тип рейтинга публикаций на Только нравится

Шаг 2

Перейдите в настройки социальных сетей:

/admin.php?mod=social

Настройте авторизацию через ВКнтакте и через Google

Шаг 3

Перейдите в файл настройки nav.tpl:

Управление шаблонами > Шаблоны сайта > Modules > nav.tpl

Вставьте необходимые ссылки на разделы и измените иконки при необходимости.

Шаг 4

Перейдите в файл настройки stories.tpl и sidebar.tpl:

Управление шаблонами > Шаблоны сайта > modules > stories.tpl

Управление шаблонами > Шаблоны сайта > modules >sidebar.tpl

Найтройте тег вывода новостей {custom limit="6" template="custom-stories"}под свои нужды

Шаг 5

Перейдите в раздел Категории:

/admin.php?mod=categories

Нажмите иконку редактирования и загрузите ко всем вашим категориям иконки.

Шаг 6

Перейдите в раздел Управление доп.полями новостей:

/admin.php?mod=xfields&xfieldsaction=configure

Добавьте поле с названием poster и тип поля Загружаемое изображение. Поле должно быть обязательным. В ином случае нужно использовать вывод постера через {image-1}, который заккоментирован в шаблоне shortstory.

Шаг 7. Рекомендуется

Перейдите в раздел Управление группами пользователей:

/admin.php?mod=usergroup

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

Шаг 8

Перейдите в файлы nav.tpl, header.tpl,login.tpl,panel.tpl

Вставьте свои ссылки на еобходимые разделы.

Шаг 9

Перейдите в раздел Управление доп.полями профиля пользователей

/admin.php?mod=userfields&xfieldsaction=configure

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

Выполнив эти шаги шаблон будет работать правильно.

Модули. Назначение

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

1. Category

modules/category.tpl - выводит описание категории и её название на странице определённой категории. Инициализиуется модуль в файле main.tpl. Редактируются данные в разделе редактирования категорий сайта /admin.php?mod=categories

2. Description

/modules/description.tpl - выводит описание сайта для блока /modules/panel.tpl. Может использоваться в любом месте, где нужно вывести короткое описание сайта.

3. Footer

/modules/footer.tpl - выводит подвал сайта, который используется в файлах /modules/sidebar.tpl и /modules/panel.tpl. Скрывается для мобильных в sidebar и дублируется в panel.

4. Header

/modules/header.tpl - выводит шапку сайта. Инициализируется в main.tpl. Показывается на всех страницах и разрешениях экрана.

5. Nav

/modules/nav.tpl - выводит навигацию, расположенную слева. Иконочная навигация по основным разделам выводится в main.rpl и modules/panel.tpl. Показывается на больших экранах, дублируется для мобильных в модуле panel.tpl.

6. Panel

/modules/panel.tpl - выводит всплывающую панель слева, с набором модулей description и footer. Используется для вывода навигации по категориям и основным разделам сайта. Инициализируется в main.tpl. Показывается на всех страницах и разрешениях экрана.

7. Sidebar

/modules/sidebar.tpl - выводит основные модули сайта в правой части. Имеет липкие свойства. Инициализируется в main.tpl и использует custom с выводом последних записей в блоге, последние комментарии и Footer. Исчезает на малых экранах. Показывается на всех страницах сайта кроме userinfo.

8. Stories

/modules/stories.tpl - выводит блок с последними записями в блоге в другом месте для мобильных устройств. Инициализируется в main.tpl, выводится только на главной странице.

Особенности темы

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

Нестандартные шаблоны

custom-comments.tpl

- найстройки вывода комментариев в блоке sidebar.tpl.custom-stories.tpl

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

Для того, чтобы верифицировать профили, делать отдельные платные группы с пометками. Выводится при помощи иконки группы, настраиваемой в редактировании групп пользователей. В теме верификация используется только для группы Администраторы. Для того, чтобы верифицировать любую группу, вставьте {THEME}/images/icon-1.png в поле Иконка группы для любой имеющейся или созданной группы.

Оповещение о новых сообщениях

При помощи CSS в теме реализован вывод красной точки над иконкой сообщений в header. На мобольных устройствах точка и иконка исчезают и появляются в выпадающем меню.

Количество записей в рубрике

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

Тёмная тема сайта

Тёмная тема написана в ручную при помощи скрипта, заменяющего данные классов. За вывод тёмной темы отвечает скрипт js/theme.js и файл стилей css/theme.css. Чтобы добавить тёмный блок на сайте используйте конструкцию .dark .вашкласс {ваши стили}. Для удобства были созданы 5 переменных со стилями:

--dark-bg: #111827; - цвет фона сайта

--dark-bg-block: #1f2937; - цвет блоков

--dark-bg-hover: #353d50; - цвет свойства hover

--dark-color: #ffffffcc; - цвет текста

--dark-border: #636363cc; - цвет обводки

Использовать переменные можно путём замены стандартных HEX или RGB конструкций на конструкцию var(цвет переменной).

Например:.class {background-color: #1f2937;} тоже самое, что и .class {background-color: var(--dark-bg-block: #1f2937);}

Чтобы цвет блока .class изменился в тёмной теме необходимо использовать конструкцию .dark .class {background-color: var(--dark-bg-block: #1f2937);}

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