10

Click here to load reader

Joomla Website Development and Design Tips

Embed Size (px)

DESCRIPTION

Joomla website development and design tips. Hire Neogain to design and develop your Joomla CMS website.

Citation preview

Page 1: Joomla Website Development and Design Tips

Joomla Website Development and Design Tips

Page 2: Joomla Website Development and Design Tips

This is an article written with Joomla development and design in mind.

The developer and designer tips that follow are focused on avoiding future problems.

The tips on first glance might seem obvious, but the reality is when people are short on time, many will try to take short-cuts that could end up causing problems.

Some of these short-cuts are listed below, with accompany advice to help avoid the pitfalls.

Page 3: Joomla Website Development and Design Tips

Tip 1 – Never migrate using a live installation.

It is all too tempting for administrators and developers to try and migrate a website, using a live environment. A typical scenario is migrating Joomla from the 1.0.x branch, to the 1.5.x or 1.6.x branches of the package.

However these are not typical upgrades, and are migrations, which can result in issues if handled incorrectly.

Page 4: Joomla Website Development and Design Tips

So not only do you need to perform a backup of the original database and files of a website, before a migration between different branches of a cms, but you should perform the actual migration process on a development server, and then replace the live server version, when the migration was successful.

So at the very least if trying to migrate on the actual internet server, you could be making the website un-viewable during the process, but at the worse could cause the website to be unavailable for a lengthy period if a problem occurs.

Page 5: Joomla Website Development and Design Tips

Tip 2 – Modify the template code, rather than the core files.

Often with cms packages people are tempted to make changes to the core installation files, to provide additional features, such as changing list styles for standard modules, and tweaking the template design.

However in Joomla there are many visual changes that can be made via the template files.

Page 6: Joomla Website Development and Design Tips

Even if the code doesn’t exist in the current template files to modify, often you can add additional Joomla specific code to control a visual aspect, that isn’t standard CSS.

The reason why you want to modify a template file rather than a core file, is when an upgrade occurs, your original changes could be lost, as the file(s) could of been replaced during the upgrade.

Page 7: Joomla Website Development and Design Tips

Tip 3 – Never develop using the main live website.

It is tempting to modify files on a live server environment. Unfortunately this could impact the visitor experience.

Instead of working on your live website, you can setup a development environment, then work on the development website to develop the website.

Page 8: Joomla Website Development and Design Tips

Tip 4 – Keep regular backup copies of your website template / theme.

In Joomla as with many other popular content management systems, you can modify the theme’s css code from within the administrator area.

However many people fail to make a backup of the changes, then if the unfortunate occurs, the changes are lost. It is best to make a backup of the files via FTP, every time you make a change to the template files.

Page 9: Joomla Website Development and Design Tips

Tip 5 – Manually code when possible, rather than use plugins.

There is a tremendous amount of components / modules available for Joomla. However many of these fail to stay updated, and often will not work with different branches of Joomla. i.e. 1.0.x, 1.5.x or 1.6.x When possible try to manually code the changes, especially if minor.

You often don’t need to use extra components for website statistic services or advertisement intergration.

Page 10: Joomla Website Development and Design Tips

Hire a web developer for your website creation project.