Thu 05 Nov 2009 |
A Preview of the New Template Manager in Joomla! 1.6
Written by Andrew Eddie
Joomla 1.6 will include some important new changes in the Template Manager. This article gives you a preview of what you can likely expect in the final product.
New Template Styles
In Joomla you have always been able to assign a template to a particular menu page. This is done through the Template Manager. In Joomla 1.5 we added the ability to save template parameters which opened up a world of flexibility for users and designers. The following screenshot shows the template edit page as it is in Joomla 1.5.
In Joomla 1.6 we have combined these two features and created the concept of "Template Styles" and this is now the default landing list in the Temlpate Manager. The following screenshot shows the new page.
This template style list is also where you set the default template for both the frontend site and the backend administrator. The list is combined and you can filter on just one location if you want.
A template style is like a saved set of template options and you can create as many of these styles as you want for the same template. A simple example is a template with one option, that being for the base colour. The template might have the option to display in a red, blue or green theme. With template styles, you can create three styles, one each of the supported colours. The following screenshot shows the page where you can edit the style giving it a name and setting the template options (template parameters in Joomla 1.5).
We realise that it may take quite a bit of time to set up styles, so in the list view we’ve provided a "clone" function that duplicates an existing style. This allows you to change just those one or two options (out of the 20 you’ve already set) quickly and easily.
Now, here is the major change. You do not assign a template to a number of menu pages anymore. Rather, in the menu link edit screen, there is a new field that allows you to select which style you want to use for that particular page. The following screenshot shows you a typical edit page for a menu item. The new template select list is show open at the bottom of the shot.
This puts the control right where it should be, on the menu page. You no longer have to go back and forth between the Menu Manager and the Template Manager to get the assignment correct. In addition, you no longer have to clone an entire template just to change some of the options that the template designer has included. You'll also notice the new standard range of Toolbar actions that are available across the board in Joomla 1.6 (Save & New and also Save as Copy). Save & New will save the current style and then return you to a blank edit screen, allowing to create a new style without going back to the main list. When you click Save as Copy it will actually create a new copy of the style based on the one you have open and then return you to the edit screen. This works exactly the same way as your favourite word processor (except you miss out the step of choosing the new name).
We have also noticed that some template designers include a lot of options by which you can configure a template. To help make these more manageable, we now allow the designer to create there own groups of options, just like you would see in the Basic and Advanced parameter sliders when, for example, editing a module. The designer can actually include any number of these groups and each one will be shown in its own slider. This would allow a designer to have, for example, a set of basic options, some more advanced settings, and then another group to control fancy addons for the template.
The Templates List
You might be wondering where the ability to customise and preview the template has gone. Well, in the sub-menu there is a second link to Templates. The following screenshot shows you what the new tempates list looks like.
This list shows an improved version of the old template list. It includes the template thumb directly in the list (you used to have to hover over the template to see this). The template designer now has the option of providing a second, larger preview file that will popup when you click on the smaller thumb in the list. In the following screenshot, we've clicked on the template thumbnails.
When you click on the template name, you are provided with a list of all the files you can edit on the one page (this was previously split into a number of pages in Joomla 1.5). The following screenshot shows that you can edit the index.php and component.php files and all the CSS files included in the template.
Clicking the filename allows you to edit the source for the file using a new highlighting editor as shown in the next screenshot.
Conclusion
Template management has gone to a whole new level in Joomla 1.6. The new template styles will provide designers and site administrators with previously unafforded flexibility without having to copy templates unnecessarily.
If you'd like to discuss these new features, please join in the Joomla Alpha 2 discussion on the forum. If you are wanting to see these features and action (and are feeling a little bit lucky), you can download and test the nightly build of Joomla 1.6 (note these features may take a day to come through).
Please keep in mind that we are still in an Alpha stage and many things are either broken or not working as planned.
Andrew Eddie is a co-founder of the Joomla Open Source project and is highly active in the version 1.6 development process. He currently operates a Joomla-based development and training consultancy New Life in IT, blogs regularly at the Art of Joomla and produces high-quality commercial Joomla extensions through his company JXtended.
2009-11-05 09:43:08
This really looks amazing, thanks for sharing
2009-11-05 09:57:04
2009-11-05 10:02:38
It looks great !
Hope it'll be soon in the nightly builds. [img]
2009-11-05 10:05:22
Just makes us wanting Joomla 1.6 more and more.
Please release it soon
2009-11-05 10:05:22
2009-11-05 10:11:57
love you guys (not that way)
it would help in choosing the template faster!
it's very, very... Joomla!
thanks!
2009-11-05 10:43:25
2009-11-05 10:47:38
2009-11-05 10:51:42
2009-11-05 11:16:45
2009-11-05 11:35:39
an option to make modules appear on certain pages
and
to continue their appearence on new pages..
hope you understand...
2009-11-05 13:06:04
I imagine that you can change options of a style AFTER assigning it to a menu item?
2009-11-05 13:15:29
Always good to have options! Good work.
I just hope everyone is working on 1.6 compatible ext. updates once they know how to update the old stuff so I can upgrade to the new Joomla.
That 1.6 ACL system will be greatly used on my site!
I already have been playing with the 1.6 Alpha on my localhost looks nice so far
2009-11-05 13:19:58
2009-11-05 15:14:42
2009-11-05 15:33:35
2009-11-05 16:31:01
Thanks Andrew.
2009-11-05 16:42:32
I 'm waiting it
2009-11-05 16:47:59
2009-11-05 16:54:12
2009-11-05 17:40:13
Looking forward to... February?
2009-11-05 18:36:43
good work
Nice themes
thank you
2009-11-05 21:39:13
2009-11-05 22:40:10
2009-11-06 05:22:28
2009-11-06 17:59:22
even more
2009-11-07 22:17:15
Keep good work going on!
Cheers, D.
2009-11-08 11:13:23
2009-11-18 14:34:13
2009-11-21 17:37:22
Thanx,
Chirag
2009-12-01 19:35:07
2009-12-17 05:12:10
2009-12-18 11:14:04
2009-12-21 18:31:15
2010-01-25 05:35:41
2010-01-28 18:34:18
Any chance of line numbers too?
This would be a big bonus when using fire bug to find a little CSS tweak. I often have to copy out the entire CSS file into my own editor just to make it easier to find the one element that I want to adjust.
Thanks for the great work all. I can't wait for 1.6!
2010-02-13 07:58:44
2010-02-26 07:37:30
I presume that this also works if one is using two or three totally different templates linked together using the menu facilitie.
2010-03-16 22:46:41
Good luck developping,
Big fan !