In some previous posts here, we covered what templates are and where to get them. Today, we'd like to discuss something equally as important -- various things you should be thinking about while selecting a template for your Joomla web site. Before we begin, please know that, with Joomla, you do not have to use a pre-designed template. You may certainly design your own and still enjoy all of the core functionality that Joomla has to offer. (In fact, here at Marketing Portland, we actually wouldn't mind seeing more companies take a ground-up approach. But, in all practicality, it's simply more affordable to start with a template, as the majority of the design work is already done -- and done well.)
In any case, if you're going to use a template, here are the top 10 considerations (in our humble opinion, anyway) to keep in mind.
- Know your options! Please look in earlier posts on this blog to view template providers. Personally, we recommend RocketTheme and YooTheme. But, you can find these and other links here on this blog.
- View their templates, opting for the most current as you can. For most providers, themes released since mid-2012 are going to be "responsive." This means that, for those for whom it is important that the site looks good on many platforms and devices (e.g., desktops, tablets, phones, etc.), this functionality is handled in a much more elegant and functional way. Many providers are retrofitting their earlier templates to responsive designs, as well. Of course, you can still choose an older template. But, it may take more work to get it to behave as you'd like it to on such a wide variety of devices -- and that will certainly translate into higher development costs. So, for most people, more current templates are an all-around better choice.
- View the variations! So many times, people say, "Oh, I saw that template but didn't like it." However, they may have not seen preset variations that many templates have built in. Sometimes, these variations dramatically alter the appearance of a given template. For example, a template may have a light and a dark version, versions with alternate built-in backgrounds and colors, and so on. We'll have more to say on this general topic, below. But, look out for variations, and view them!
- Keep in mind that you do not need to use *all* features shown. Template providers can't possibly know exactly what you're going to do with your particular web site. So, they like to show off various capabilities and features. A lot of times, this translates into ultra feature-rich looking web home pages, which may look a little intimidating to someone with, say, a simple business web site project. You may not have enough content to fill out every single feature shown in a template demo. But, that's okay because you do not need to use all features shown. More on this in a bit...
- Keep in mind that photographs shown are generally not included. When it comes to photos, template providers are actually trying to show you the potential of their design -- not offer you an exact representation of what you'll get. In general, they're using photos as example placeholders and, moreover, those photos are licensed to the template providers for that sole purpose. So, don't be surprised if you purchase a theme and you don't see the example photos. you'll need to supply your own.
- Try to look *beyond* the template. Consider your needs. Are you building a blog? A corporate site? An ecommerce or product-focused site? Try to look at your needs more broadly and then re-look at the candidate template. While you may be taken by a particular design, you should also ask yourself: Will my content fit into this web site? Sometimes, if you're not a web developer, this can be tough to determine. So, don't be afraid to ask your developer (or, hopefully, us here at Marketing Portland) for some recommendations along these lines. Honestly, web developers can't really successfully select a template until they understand your business and your objectives for your site.
- Consider color schemes. While colors can be customized dramatically (and often quite easily), some color changes can end up taking your developer significant time. Be sure to ask him or her if you're not sure about the work required by the customizations you may want. As an example of a difficult color scheme change, imagine a template that has 4 or 5 lighter-toned color variations. So, the template may offer a pastel yellow, blue, red, green, and purple. Seems highly customizable, right? But, what if your corporate color is a dark blue? You may be thinking, "What's the big deal -- just change that color to dark blue!" Only, in this case it isn't that easy because all of the text shown over the example washed-out colors (say on page backgrounds) is black -- which shows up perfectly well on pastel or light-toned colors. But, ever see a black piece of text superimposed on a navy blue background? So, in that case, the color would need to be changed and also the text color. This may also mean having to change the link styles. And, if it's a menu, it gets even more complex. So, again, if you're not sure, ask your developer.
- For photos, remember that, if the template shown features *large* photos, then you'll need to have access to similarly large-sized original photos that you or your developer will need to crop to the specs called for by the template. In general, photos can be enlarged a little. However, as you probably know, it doesn't take too much before your photos become blurry if you try to go from a small original to a significantly larger size. Be open minded about the photos, as well. If you're using a template that calls for specific-sized photos, many times this means that they'll need to be cropped, and you'll either need to do this or trust your developer's artistic discretion.
- Be aware of the template's built-in logo area. While the spacing in most templates is easily adjusted, some people have logos that are dramatically vertically or horizontally oriented, which can cause web template problems. Also, in general, you'll want access to your original logo files, as well (which makes customizing it for your web site much easier). Usually, these files are in Adobe Illustrator, Photoshop, or some similar format.
- Keep in mind that home pages often look *significantly* different from deeper web pages (e.g., "About Us" pages, "Contact" pages, blog pages, etc.). And product pages and storefronts also generally look different. So, be sure to look around a good bit at the various pages (blog-style feeds examples are usually included in template demos, and are pretty good examples of basic internal site pages) to ensure that you're happy both with the home page and the inside-page layouts.
- Bonus item: We probably didn't discuss this enough, above, but keep in mind that (almost) everything about a given template can be changed and/or customized for your needs. Try to think of templates as handy *starting points* for your projects. Of course, also keep in mind that the more you make changes to a pre-designed template, more time it takes by your designer to make those changes. But, most clients request some deviationas / alterations, as everyone's needs are unique.
I suppose the bottom line here is that it really can pay off to have a web developer's opinion during this early phase of your web site's development. If you plan ahead, you'll likely save yourself both time and money.
Ready to Look at Themes?
Here's a link to RocketTheme, makers of our favorite themes, based on the Gantry design platform (which Marketing Portland specializes in).