Структура каталогов

Warp framework (каркас) имеет вспомогательные классы, чтобы дать возможность развития элементов шаблона HTML, CSS, JavaScript и PHP. Это удобно, поскольку все файлы каркаса, хранятся в одном месте в папке с названием warp. Эта папка имеется в каждом шаблоне. Ее содержимое не зависит от других компонентов или плагинов. Ничего не надо устанавливать или поддерживать отдельно.

Warp состоит из трех слоев. Первый слой является основой каркаса, который предоставляет собою базовый CSS, библиотеку эффектов JavaScript и коллекцию PHP помощников. Каждая часть основы каркаса является универсальной и предназначена для работы на всех поддерживаемых системах. Второй слой зависит от системы, он обеспечивает интеграцию с конкретной CMS и представляет собою API для дальнейшего развития шаблона. Третий слой специфический, это все остальные файлы шаблона. Он представляет собою область, в которой хранятся все пользовательские HTML, CSS, JavaScript и изображения.

Чтобы обеспечить гибкость, мы реализовали специальный файловый каскад внутри Warp. При использовании каких-либо файлов, таких как CSS, JS или PHP, Warp шаблона последовательно просматривает файлы в определенных папках и загружает первый найденный файл.

Вот файловый каскад:

• Папка шаблона
• Определенная папка системы, например /warp/systems/joomla
• Папка warp каркаса

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

---

Стили

Стили являются вариациями шаблона по умолчанию. Они определяют слой с наследованными или переопределенными ресурсами из шаблона по умолчанию. Warp просматривает файлы, следуя по каскаду, ища нужный ресурс, пока он не будет найден. Это дает вам возможность переопределить любой файл шаблона по умолчанию. Каждый стиль находится в своем собственном каталоге /styles шаблона и может предоставить возможность использовать свои собственные макеты HTML, CSS, JavaScript и изображения. Далее вы узнаете, как создать свой собственный стиль.

---

Макеты

Файл /layouts/template.php является основой каждого шаблона, он обеспечивает базовую разметку HTML для макета шаблона. В этом состоит отличие от стандартных шаблонов Joomla или WordPress, где главным файлом шаблона является index.php. Второй важный файл /layouts/template.config.php, который включает в себя некоторые расчеты макета и определяет все CSS и JavaScript шаблона.

• Главный файл шаблона: /layouts/template.php
• Конфигурационный файл шаблона: /layouts/template.config.php

---

Модули

Модули или виджеты могут быть отображены в различных стилях с дополнительными иконками и значками. Файл /layouts/module.php заботится об отображении всех этих вариаций модуля. В зависимости от выбранного стиля module.php загружает правильную HTML разметку из предопределенных шаблонов модуля. Каркас обычно имеет три вариации модулей: равной, двух и более колонок, которые располагают модули так, чтобы они располагались рядом или друг над другом. Кроме того, из них можно сделать свои собственные пользовательские шаблоны и макеты модулей.

• Стили модулей: /layouts/module.php
• Макеты модулей: /warp/layouts/modules/layouts/
• Шаблоны модулей: /warp/layouts/modules/templates/

---

Таблица стилей

Файлы CSS разделены на три различных слоя, размещающихся в соответствующих папках шаблона /css, системы /warp/systems/joomla/css и каркаса /warp/css. Подключать эти файлы легко, Warp использует свой помощник для поиска по разным папкам.

Краткий обзор этих файлов:

• base.css – Базовые установки по умолчанию, обеспечивающие работу во всех браузерах.
• layout.css – Предоставляет изменяющуюся сетку и классы помощников для создания макета.
• menus.css – Определяет базовый стиль для вашего выпадающего, строчного и аккордеон меню.
• modules.css – Определяет стили модулей, заголовки, значки и иконки.
• tools.css – Содержит CSS классы, обеспечивающие стилизацию элементов контента, таких как списки и боксы.
• system.css – Определяет базовых стиль для HTML разметки систем WordPress и Joomla.
• rtl.css – Используется для языков, использующих написание справа-налево.
• print.css – Используется при печати.
• mobile.css – Стиль шаблона для мобильных телефонов.
• ie.css, ie7.css, ie8.css – Загружаются только для соответствующих версий Internet Explorer.
• style.css - Определяет основные цвета и фон.
• custom.css - Используется для стилизации пользовательского контента. Файл пустой по умолчанию.

---

JavaScript

Warp предоставляет JavaScript библиотеку эффектов, используемых в выпадающем меню и аккордеон меню, AJAX поиске. Файлы JavaScript также структурированы и хранятся в различных папках: шаблона /js, системно-зависимые /warp/systems/joomla/js и каркаса /warp/js. Все скрипты настроены в одном файле /js/template.js. Этот файл используется для включения или выключения эффектов, которые будут загружены шаблоном.

---

Разметка системы

Каждая система имеет набор макетов, которые определяют HTML разметку для вывода из ядра CMS. В Joomla, как правило, HTML код переопределен используемым шаблоном, который обеспечивает вывод содержимого компонентов или модулей, таких как войти или поиск. Начиная с версии Joomla 1.7, файлы находятся в папке /warp/systems/joomla/layouts. В WordPress макеты обеспечивают HTML разметку для разных страниц, таких как блог главной страницы, архив или одиночный пост. В WordPress файлы находятся в папке /warp/systems/wordpress/layouts. Чтобы не усложнять Warp, в основном, используется тот же вывод в формате HTML для всех поддерживаемых систем. Независимо от того, что вы просматриваете, статью из категории Joomla или пост из категории в WordPress, Warp отдает HTML код. Это позволяет создавать универсальные правила CSS, которые применяются для обеих платформ CMS.

• Joomla 2.5 и Joomla 3.0 System Files: /warp/systems/joomla/layouts
• WordPress System Files: /warp/systems/wordpress/layouts

---

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

• 1
• 2
• 3
• 4
• 5

( 4 Голосов )