Структура файлов
В статье представлен обзор того, как организованы все исходные файлы Warp Framework.
ПАПКА/ФАЙЛ | ОПИСАНИЕ |
/css |
Содержит все CSS файлы шаблона. |
/css/custom.css |
Используйте этот файл для легкого добавления собственных CSS стилей. Рекомендуется в первую очередь для создания new style (нового стиля) в целях избежания возможных проблем при обновлении фреймворка. |
/css/ie8.css |
Файл, исправляющий некоторые проблемы при отображении шаблона в древнем Microsoft Internet Explorer 8. |
/css/theme.css |
Содержит стандартный CSS файл шаблона. Этот файл скомпилирован из файла less/theme.less . |
/images |
Содержит все изображения шаблона |
/js |
Содержит все JavaScript файлы шаблона. |
/js/theme.js |
Отвечает за все JavaScript эффекты и все основанные на JavaScript функции. |
/layouts |
Содержит системные файлы, отвечающие за макет шаблона. |
/layouts/theme.php |
Содержит общую HTML разметку для базового макета шаблона. Для большей информации изучите статью про макет шаблона. |
/layouts/theme.config.php |
Включает расчеты макета и ссылки на CSS и JS файлы шаблона. |
/layouts/widget.php |
Отвечает за отображение всех возможных вариантов виджетов. |
/less |
Все LESS файлы шаблона размещены в этой папке |
/less/uikit |
Содержит все LESS files шаблона UIkit, фреймворка, на котором построен WARP. |
/less/bootstrap |
Содержит все связанные с Bootstrap файлы LESS (только для Joomla 3). |
/less/theme.less |
Определяет стиль шаблона и импортирует тему UIkit. Этот файл компилируется в CSS и сохраняется в папке /css каждый раз, когда Вы нажимаете Compile LESS в настройках щаблона. В то же время, все стили сохраняются в папке /styles/STYLE-NAME/css . |
/less/customizer.json |
Определяет, какие параметры инструмента customizer будут отображены в основном и расширенном режиме. Он группирует переменные UIkit, устанавливает, что можеть быть определено с помощью цветового захвата, что - с помощью прямого ввода с клавиатуры, а что - с помощью списка выбора или добавления шрифтов. |
/less/bootstrap.less |
Импортирует все связанные файлы Bootstrap (только для Joomla 3). Как и файл /less/theme.less, он компилируется в CSS , каждый раз при нажатии Compile LESS в настройках шаблона. |
/styles |
Здесь вы можете найти доступные переменные стилей и добавить собственный стиль. |
/styles/STYLE-NAME/style.less |
Собственный набор переменных LESS, сгенерированных через Customizer. При нажатии Compile LESS в настройках шаблона эти переменные используются для компиляции в /styles/STYLE-NAME/css . Если файл не представлен, и нет скомпилированных CSS файлов, это хоршо в случае исползования собственного CSS. |
/styles/STYLE-NAME/css |
Содержит все скомпилированные файлы CSS вашего стиля, такие как theme.css и для Joomla 3 - bootstrap.css . Все эти файлы генерируются и компилируются через customizer. |
/warp |
Эта папка содержит актуальные файлы Warp 7 framework. |
/CHANGELOG.md |
Предоставляет информацию о версии шаблона и всех его изменениях. |
/config.xml |
Определяет настройки шаблона. |
/config.json |
Хранит сохраненные настройки шаблона. Это файл генерируется автоматически, когда вы сохраняете настройки. |
/config.default.json |
Бэкап стандартных настроек шаблона. |
/config.php |
Регистрирует все файлы LESS, которые должны быть скомпилированы в CSS. |
/templateDetails.xml theme.xml |
Этот файл содержит основную инфомрацию о вашем шаблоне, то есть название, дату релиза, папки и настройки модуля. В Joomla - это файл templateDetails.xml, в Worpdress - файл theme.xml . |
/warp.php |
Этот файл загружает Warp Framework. |
/favicon.ico |
Отображается во вкладке браузера рядом с названием сайта. Просто замените его на собственный. |
/apple_touch_icon.png |
Отображается, если вы предоставляете Ваш сайт и для мобильных устройств.Просто замените иконку на собственную. |