About ¶
The eZ Less extension combines the powerful eZ Publish content management system with
the awesome LESS CSS pre-processor.
Installation ¶
.zip Download ¶
Simply download the .zip folder, extract it to your-ezpublish-installation/extension/ezless and activate the eZ Less extension in the eZ Publish admin interface.
Git Checkout ¶
Change to your eZ Publish extension directory:
$ cd your-ezpublish-installation/extension/
Checkout the repository:
and activate the eZ Less extension in the eZ Publish admin interface.
Usage ¶
Create LESS file ¶
The first step you have to take: Create the LESS file(s)
Go to your active design folder
$ cd your-ezpublish-installation/design/your-active-design/stylesheets/
Create a layout.less...
$ touch layout.less
$ touch test.less
and put some sample code in it. ( LESS-Documentation )
$ gedit layout.less
$ gedit test.less
Add LESS file in the templates ¶
The secend step you have to take: Add the LESS files in the templates.
$ gedit some-template.tpl
Add the test.less template:
{"test.less"|ezless_add()}
or:
{array("test1.less","test2.less")|ezless_add()}
...template code...
Add LESS file in the Pagelayout ¶
The third and last step you have to take: Add the LESS files in the pagelayout.
$ gedit page-head.tpl
Add the layout.less template:
{"layout.less"|ezless_add()}
{ezless()}
...template code...
Important: The {ezless()} function outputs the <link> tags for the generated / cached css files.
Configuration ¶
Open the config file:
$ gedit extension/ezless/settings/ezless.ini
Options:
useOneFile=false
True if only one <link>-tag should be used
Last but not Least: Social Plugins :D
TweetAuthors ¶
Phillip Dornauer < phillipdornauer.cc >
Juan Pablo Stumpf < juanolongmail.com >