This documentation is not using the current rendering mechanism and is probably outdated. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.


Use the includeCSS command and define the output dir:

page.includeCSS {

  bootstrap = fileadmin/bootstrap/less/bootstrap.less
  bootstrap.outputdir = fileadmin/bootstrap/css/

  responsive = fileadmin/bootstrap/less/responsive.less
  responsive.outputdir = fileadmin/bootstrap/css/


You can also leave off the outputdir . Then the extension writes the css files into the typo3temp/ws_less dir.

Variables: You can set less variables in typoscript in template setup part of your template:

plugin.tx_wsless.variables {
  var1 = #000
  var2 = #666

For developing it is practical, if you force to render the template (switch off the TYPO3 template cache). Then the less files will be compiled after modification and you can see the result of your changes. Go into your backend user settings and use this command:



Sven Wappler. TYPO3 Agentur Aachen

Special thank to Jozef Spisiak from for optimizing the extension.