Tutorials, Resources and Tips for Joomla! Template Development

Taking the step into a new Content Management System (CMS) can be a daunting prospect. Sometimes you just have to take the step, it could be a client requirement, or simply that the new CMS is tailor made for your current projects spec. Whatever the reasons, it is best as a web designer, to have the knowledge of several CMSs and not be limited to only one.
This article, template development with Joomla! (the open source CMS), has been written to illustrate how easy it is to actually learn a new system. Don’t be scared by it, its a lot easier than you think, and afterwards, hopefully, you will learn to love Joomla!, as much as I do (not as much as WP, but close). Anyway, lets get started…

Homepage, Download and other Resources

Tutorials, Resources, Tips for Creating a Jommla! TemplateJoomla! Homepage »
Download Joomla! 1.5 »
Joomla! Extensions »
Joomla! Documentation »
Joomla! Forum »

The Absolute Beginner's Guide to Joomla!

Tutorials, Resources, Tips for Creating a Jommla! TemplateView Tutorial »
Do you want to get started with Joomla!, but you have no idea where to begin? The Absolute Beginner's Guide to Joomla! is just for you. This guide is intended for those who have no clue where to begin but really want to learn how to use Joomla!. Helping you become successful installing, configuring, backing up and restoring, upgrading, and extending Joomla! is exactly the point of this guide.

Joomla! 1.5: Quick Start Guide PDF

Tutorials, Resources, Tips for Creating a Jommla! TemplateDownload the PDF Guide »
The Joomla! 1.5: Quick Start Guide PDF is an easy to follow guide for any budding Joomla! developer, it is easier to read and follow than the more detailed above resource, The Absolute Beginner's Guide to Joomla! Download it now.

How to install Joomla! 1.5

Tutorials, Resources, Tips for Creating a Jommla! TemplateView Tutorial »
This is a quick five minute tutorial showing you how to install Joomla! 1.5 on your server. Don't forget you will need the source code first, download it here: Download Joomla 1.5.

How to install Joomla Video Tutorial

In this video tutorial you will be shown how to do a local installation on a Mac computer using MAMP, a free utility you can download from here. The steps shown are nearly identical for those hosting their websites on webservers. Just be sure to have access to a CPanel or a way to create a database, and add users to it. You will need the username and password, so keep them handy.

Creating a Basic Joomla! Template

Tutorials, Resources, Tips for Creating a Jommla! TemplateView Tutorial »
The purpose of this official Joomla! tutorial is to serve as an introduction to creating templates. It covers the essential files and code needed to create a basic template, from seting up the directory to packaging the template for installation.The code is nicely presented so it can be cut and pasted with very little modification needed.

How to Create Your First Joomla Template

Tutorials, Resources, Tips for Creating a Jommla! TemplateView Tutorial »
In this detalied and comprehensive tutorial from net.tutsplus.com, you will learn about the basics of a Joomla template, and create one from scratch. You will quickly go through installing a local server, installing Joomla itself, and then create a basic functioning template.

Joomla 1.5 Tutorial: Create Basic Joomla Template

Tutorials, Resources, Tips for Creating a Jommla! TemplateView Tutorial »
This basic tutorial will show you how to create a simple Joomla 1.5 template, with the minimum of fuss. After the tutorial is completed you will have to use your own imagination to create the design of your website as you want it.

Joomla 1.5 Template Tutorial

Tutorials, Resources, Tips for Creating a Jommla! TemplateView Tutorial »
In this tutorial, you'll go through the steps of creating a Joomla template. Specifically, you will create a template that uses Cascading Style Sheets (CSS) to produce a layout without use of tables. This is a desirable goal because it means that the template code is easier to validate to World Wide Web Consortium (W3C) standards and It will also tend to load faster, be easier to maintain, and perform better in search engines.

How To Edit Joomla Templates – Part 1

Tutorials, Resources, Tips for Creating a Jommla! TemplateView Tutorial »
This tutorial is in 2 parts. This first part will explain how to edit a Joomla template, the theoretical part of the explanation. The second part will show an example template where you will see how you can change the look of a template completely within minutes. If you're just making one website, you have a great looking template and you only want to change some images on the template, then this article will be more then enough for you. If you want to change more, like how the titles look, changing the size of a part of your template, etc … then this article will merely just point you in the right direction.
How To Edit Joomla Templates – Part 2 »

Creating Joomla 1.5 Templates – ThemesWiki

Tutorials, Resources, Tips for Creating a Jommla! TemplateView Tutorial »
In this very detailed and long tuorial you will learn how to customize the appearance of your website to that of your company's image or how to modify an existing template or create a new one.

Using CSS to Create a Tableless Layout

Tutorials, Resources, Tips for Creating a Jommla! TemplateView Tutorial »
In this tutorial you will be using pure CSS to make a tabless 3-column fluid layout for your Joomla template. The outcome is that you will create a basic, but functional template with some simple typography, but more importantly, you would have have created a pure CSS layout that has dynamic collapsible columns.

Making a 3 column Joomla Theme

In this joomla Joomla tutorial, you will creating a 3 column Joomla! theme . You may have noticed that most joomla websites use 3 columns, making this tutorial a good foundation for starting. Later in the tutorial you will learn how to hide the side columns, only if there is no content in them for that page.
View Tutorial »

4 steps convert joomla 1.0 templates to 1.5

I am sure there are quite a few web sites out there still using Joomla! 1.0, I think its time to upgrade, don't you. The process is very simple and only requires a few small changes to your Joomla! templates code. Mind you, how easy it is will certainly depend on how your Joomla! template has been coded. There are bound to be some pretty scary coding out there, and it may take a long time to find anything.
View Tutorial »

5 Easy Steps Converting HTML Template to Joomla!

Tutorials, Resources, Tips for Creating a Jommla! TemplateView Tutorial »
Converting an HTML template to a Joomla template is not as hard as you think. Only five easy steps, and you can create and use your Joomla! template.

Converting HTML to Joomla

The entire HTML conversion, in this video tut, takes only 16 minutes. Thats impressive.

How to Convert an existing Web site to a Joomla! Web site

Tutorials, Resources, Tips for Creating a Jommla! TemplateView Tutorial »
Many first-time Joomla! users already have a website, often written using HTML with CSS style sheets. In this case, you may wish to keep the existing website structure and just convert it to Joomla!. This tutorial provides instructions for doing this.

Build a Social Network Using Joomla!

Tutorials, Resources, Tips for Creating a Jommla! TemplateView Tutorial »
Social network implementation has become a necessity for successful websites. Joomla! has some great and affordable ways to bring your site to the social networking level. This tutorial shows you how.

How to Move Your Joomla! 1.5 Site to a New Server

This 'how-to' discusses the process of moving your Joomla! 1.5 site to a new server. Before moving Joomla! compare the server settings of your current host to the settings on the new host to make sure that your new server is compatible with Joomla! and the extensions you have already installed.
View Tutorial »

Install Joomla! Locally with XAMPP

Tutorials, Resources, Tips for Creating a Jommla! TemplateView Tutorial »
Learn how to install Joomla! locally using XAMPP.

Joomla! Template Making Tutorial Part 1, 2 and 3

A selection of our favourite free Joomla! Templates

Below, you will find a selection of our favourite free Joomla! templates, for you to download and play about with.

Jamba from Joomlashack

Joomla

RokWebify from RocketTheme

Joomla

PraiseCorp from JoomlaPraise

Joomla

Optimus from Joomlashack

Joomla

myBusiness from ThemesJoomla

Joomla

Dabronze from iBoldDesign

Joomla

BlackBear from JoomlaBear

Joomla

Digital Systems from Shape5

Joomla

Cosmonaut from JoomlaEnvy

Joomla

ModernStyle Portal from iBoldDesibn

Joomla

Beautiful Day from JoomlaJunkie

Joomla

Serenity from JoomlaJunkie

Joomla

JA Sabina from JoomlArt

Joomla

Manifolio from portfoliodesign.org

Joomla

Myportfolio2 from portfoliodesign.org

Joomla

Author: (586 Posts)

Paul Andrew is the editor and founder of Speckyboy Design Magazine.

Comments