New design features: include token, URL token, and design editor syntax highlighting

Today, we’re excited to bring a few new design features to the LightCMS system. Custom design flexibility is what LightCMS does best, and these features are specifically designed to make designing sites for LightCMS even easier. These features are already live on the system and ready for you to use.

New tokens

First off, we’re adding a couple of new tokens to our simple yet robust token set. For those who may not know, tokens are the little bits of code you can add to your HTML files in order to integrate LightCMS’s dynamic functionality into your own designs. You can check out all of our available tokens our the token reference guide.

One thing you may notice is that our token system, when compared to other systems, is refreshingly simple. We offer a streamlined set of tokens designed to give you maximum flexibility without making things complex. This gives you the functionality you need while ensuring that you can easily learn to work with LightCMS.

The two new tokens we’re adding today fall right in line with this approach. Here’s a little more information about them.

The include token

You can now integrate include files into your LightCMS templates. This can save you a ton of time if you have certain content, like headers or footers, that stay consistent across all pages. Previously, making a change to a header or footer meant changing it on every template, which in some cases might be a lot of extra work. Now, with the include token, you can set up your boilerplate content in separate include files and call those files into your templates through the include token. Then, when you need to make a change to the boilerplate content, you only have to change it in one place.

Include files can contain other tokens as well, including editable regions. They just can’t contain another include token. For all of the specifics on implementing the include token, see the include token page in the token reference guide.

The URL token

This token simply generates the URL of the current page. This can be handy if you want to dynamically generate a “link to this page” badge that will work easily on your blog posts or pages. Or, if you want to implement certain widgets that require a reference to the current page’s URL. An example is Feedburner’s Feed Flare functionality, which you can now easily implement on your blog template using the URL token.

For full specs on the URL token, check out the URL token page in the token reference guide.

Design editor syntax highlighting

The final feature we’re launching today involves LightCMS’s built-in design editor, which is a fast an easy place to tweak your design code. To access the design editor, go to My Website –> Design, click on “My Designs” then choose a design and select “edit.” This will load the design editor where you can access and edit all of the html, css, js, and inc files associated with your design.

We’ve now implement syntax highlighting to make this editor easier to read. As you can see in the image below, HTML, CSS, and JS content is color coded with familiar conventions. Content specific to the LightCMS system (such as token code) is highlighted in yellow to set it apart from the rest of your markup.



As mentioned above, these changes are now live and ready for you to use. Feel free to take them for a spin. Thanks for using LightCMS!