Добавление собственных CSS и JavaScript файлов
В этом уроке будет показано, как можно добавить собственные CSS стили и JavaSript файлы в ваш шаблон, созданный на технологии Warp Framework версии 5.5.
Единый конфигурационный файл /layouts/template.config.php улучшает возможности настройки шаблона засчет инициализации всех файлов в одном месте. Всех необходимых файлов, расположенных в папках шаблона. Данный файл инициализирует все PHP классы, загружает все необходимые CSS и JavaScript файлы, а также файлы, необходимые для работы шаблона на браузерах Internet Explorer версий 6 и 7. Если вам нужно загрузить собственные файлы CSS и JS, указанный файл - именно то место, где вы можете сделать это.
Как загрузить собственный CSS файл
Конфигурационный файл загружает все CSS файлы, необходимые для шаблона, совместно с файлом template.css, который включает в себя все другие CSS файлы. Если вы желаете добавить собственный CSS код, вы можете добавить его в файл /css/custom.css. Файл также загружен в файл template.config.php:
Если вы захотели добавить новый файл css, создайте его в папке /css, например, /css/mystyle.css и добавьте следующую строчку в файл /layouts/template.config.php.
$this->warp->stylesheets->add('css:custom.css');
$this->warp->stylesheets->add('css:mycss.css');
Как загрузить собственный JavaScript файл
Следующий код загружает файлы JavaScript, используемые в шаблоне.
Если вы хотите добавить собственный скрипт (допустим, myscript.js), просто создайте его и скопируйте в папку /js шаблона и добавьте следующую строчку перед закрывающей фигурной скобкой.
// javascripts
$this->warp->javascripts->add('js:warp.js');
$this->warp->javascripts->add('js:accordionmenu.js');
$this->warp->javascripts->add('js:dropdownmenu.js');
$this->warp->javascripts->add('js:template.js');
$this->warp->javascripts->add('js:myscript.js');
