• Современная, быстрая и удобная система управления сайтом
  • 3-е место в рейтинге бесплатных CMS для блогов + добавить свой сайт
  • Более 100 тысяч созданных сайтов
  • Русскоязычная поддержка. Постоянное развитие системы
  • Готовые программные решения (плагины, виджеты, модули и т.п.)
  • Открытый исходный код на GitHub
  • SEO-friendly — идеальна для поискового продвижения
  • Минимальная нагрузка. Работает на любом хостинге
  • Автоматическая установка и обновление системы
Возможности | Помощь | Архив | Отзывы | Помочь проекту

Центр помощи

Помощь по MaxSite CMS

Порядок подключения CSS-файлов в шаблоне

Просмотров: 6457Комментарии: 0
Центр помощи

В секции HEAD подключение css-стилей (каталог шаблона css) производится по следующим правилам:

0. Если есть style.php, то подключается только этот файл. Пункты 1-2 игнорируются.

1. Если присутствует файл css.php, то подключается он.

- Если нет, то подключается css/my_style.css

- Если и его нет, то style-all-mini.css

- Если и его нет, то style-all.css

- Если и его нет, то shared/css-less/style-all-mini.css

2. Если есть файл var_style.php, то подключается он.

- Если нет, то подключается var_style.css

- Если и его нет, то подключается shared/css-less/var_style.css

3. После этого подключаются стили компонентов (components)

4. Подключаются выбранные css-профили (/profiles)

5. В завершении подключается add_style.css, если есть.

Рекомендуемая схема для шаблонов:

  • var_style.php — здесь компилятор LESS (файл-заготовка есть в D2)
  • var_style.css — автоматически генерируемый файл
  • css-less/var_style.less — стили шаблона.

Таким образом все стили задаются в каталоге css-less, все остальные подключения выполняются автоматически.

Работа с CSS/LESS

Просмотров: 9418Комментарии: 0
Центр помощи

CSS-файлы шаблона следует располагать в каталоге css. В MaxSite CMS можно произвольно именовать файлы и использовать любые стили, однако лучше использовать типовой вариант работы с css-файлами, который упрощает верстку шаблона и автоматизирует многие операции.

Ниже будет приведен именно такой вариант.

CSS-фреймворк

В shared-каталоге находится css-фреймворк style-all-mini.css, который содержит стили, которые как правило всегда используются при верстке шаблонов. Структурно style-all-mini.css состоит из:

  • reset — сброс стилей
  • default — базовые стили, типографика
  • headers — заголовки H1-H6
  • menu-vertical — стили основного выпадающего многоуровневого меню
  • style — стили, которые используются в type-файлах или других частях системы
  • plugins — стили плагинов
  • helpers — css-хелперы, предопределенные классы, которые можно использовать как при верстке сайта, так и при редактировании записей.

Следует отметить, что css-фреймворк содержит только минимально необходимые стили, чтобы их повторно не переопределять в стилях шаблона.

Использование css-фреймворка style-all-mini.css удобно в том плане, что все изменения в MaxSite CMS на уровне плагинов или ядра системы, автоматически станут доступны и шаблону. Соответственно не потребуется его переверстка.

Подключение style-all-mini.css в шаблоне

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

Стили шаблона — var_style.css

После автоматического подключения style-all-mini.css из shared-каталога подключается файл шаблона css/var_style.css. Именно в этом файле следует располагать все стили шаблона.

Управление подключением CSS в шаблоне

Вебмастер может произвольно менять подключения css-файлов с помощью предопределенного списка файлов, которые имеют определенный алгоритм подключения. См. Порядок подключения CSS-файлов в шаблоне.

CSS-препроцессор LESS

В MaxSite CMS на уровне ядра возможно использование css-препроцессора LESS в виде его php-версии. Компиляция less-файла выполняется с помощью функции mso_lessc().

LESS-файлы размещены в каталоге шаблона css-less и могут иметь произвольную структуру. Технически здесь нет никаких ограничений. В шаблоне D2 приведен пример такой структуры и вебмастер может её использовать в своих шаблонах.

Порядок компиляции LESS

В файле var_style.php, который автоматически подключается в шаблоне, указаны два файла: исходный less-файл и конечный css-файл.

  • Исходный файл — css-less/var_style.less
  • Конечный — css/var_style.css

Таким образом файл var_style.css создается автоматически на основе less-файлов. Поэтому не нужно редактировать var_style.css, следует это делать в less-файлах.

Опции шаблона

Просмотров: 3535Комментарии: 0
Центр помощи

Шаблон может содержать свои опции, которые размещаются в каталоге options в виде ini-файлов. В файле options.php можно указать как именно использовать дефолтные опции из shared-каталога.

Формат ini-файлов стандартный. Также опции шаблона можно разместить в файле custom/my_options.ini или работать с php-массивом в custom/my_options.php.

Компоненты шапки и подвала

Просмотров: 5560Комментарии: 0
Центр помощи

Компоненты находятся в каталоге шаблона components представляют из себя обычные php-файлы. Функционально компонент является отдельным самостоятельным блоком, который выводится в main-шаблоне.

Каждый компонент располагается в своём одноименном подкаталоге и с именем файла. Например:

  • logo-ns-descr-banner/logo-ns-descr-banner.php
  • menu-only/menu-only.php
  • footer-4-sidebars/footer-4-sidebars.php

Если имя компонента начинается с «-» или «_», то он не будет отображен в админ-панели. Как правило так именуются подкомпоненты — компоненты, которые используются в других компонентах.

Например menu-only использует _menu, а ns-menu-login_menu и _login.

Если у компоненты должны быть опции, то их следует разместить в файле options.ini. Формат полностью совпадает со стандартными опциями MaxSite CMS в ini-файлах. Следует только размещать опции компонента в отдельной секции.

Если у компонента есть css-стили, то их следует разместить в style.css. При наличии такого файла, MaxSite CMS автоматически его подключит в секцию HEAD. Однако, если есть возможность, то css-стили лучше включать в общий var_style.css.

О проекте

MaxSite CMS предназначена для создания сайтов любой сложности. Система отлично подходит обычным пользователям, вебмастерам, фрилансерам и вебстудиям.