Dummies guide to Joomla

shane dillon

Joomla 

This document is a collection of notes about Joomla web sites. Where possible I will point you at 

other published information. 

 

Documentation 

http://docs.joomla.org/ this is a wiki. This does not seem to cater very well for the beginner. 

 

Web site 

Domain Name e.g. cevsystems.co.uk 

Sub domain e.g. test.cevsystems.co.uk 

Joomla is a Content Management System (CMS) 

Software is installed on the web server. 

The web site content is stored in a database (MySQL) 

as two parts 

Front end for users and some content editing 

Back end  for administrators  (yourdomain.co.uk/administrator) 

Example 

http://www.derbyramblers.org.uk/ 

 

http://www.derbyramblers.org.uk/administrator 

 

FTP access is used to first install the Joomla software but after that it is not required. 

 

Test web site 

 

I have a Joomla test web site that you can use to try things. The site is http://joomlatest.cevsystems.co.uk/ To modify the site you go to http://joomlatest.cevsystems.co.uk/administrator and log in with the userid and password I have given you. 

The only thing you need on your PC is a web browser. 

 

Users

Users of the web site are divided into different groups. 

 

Public – can access the normal front end of the web site 

Registered – can access the front end and optionally the back end of the web site. Registered 

1 Joomla Websites04 users can be given additional access. 

 

Front end 

 

Registered 

Author 

Editor 

Publisher 

Back end 

Manager 

Administrator 

Supper Administrator 

 

Web site content 

 

Articles – what you think of as a page, but may only part be of the page 

Contacts – so people can contact you. 

Web links 

and more 

A Web page is divided up into a number of areas such as 

Header 

Footer 

Left and right columns containing Modules 

Centre containing content. 

To see these areas add tp=1 to then of your url 

i.e.  http://www.yourdomain...uk/?tp=1 

 

Content and presentation 

 

The content of a web site is separate from how it is presented. 

 

The Database contains the content 

 

a Template defines how to "Present" the content on the web page. This includes how the 

screen is divided up into areas, the colour, fonts etc of all the items. Most people don't need 

to worry about Templates. 

 

Adding content 

Log in to back-end of your site, e.g. yourdomain/administrator 

 

Go to Content menu 

 

Articles are categorised by Section and Category or are Uncategorised. 

 

Articles are edited using software called JCE – this is a bit like Word for the web! 

 

Documentation http://www.joomlacontenteditor.net/support/documentation 

 

NOTE: Do not add special styles to the text as this will be done by the Templat2 Joomla Websites04

You can make items into headings, or use bold, italics but do this sparingly. 

 

Importing Text 

If you import content from another source such as a Word document then you may also carry across the styling of the text.  You should avoid this as the page will NOT have the same look and feel as others in the web site. 

 

If you wish to copy/paste text from word then 

 

Go into word and copy the text (Ctrl+C) 

Go into the Joomla article and click where you want the new text to appear. 

There is an icon in the editor menu with a small W , if you hover over it you will see Paste 

from Word. Click this icon 

A new window is opened and you type Ctrl+V, hold control key down and press V as well. 

This will copy the text into the new window and remove any special Word formatting. 

Click Insert to accept. 

 

Images 

Make sure images are a suitable size. 

Possible programs you could use to do this are Irfanview, Google Picasa, Paint.NET 

Check the maximum dimension of an image. 

Max of 640 for full screen, 160 for a thumbnail. Resize the image, if necessary, before uploading it.. 

Up load images using Media Manager 

Insert images using JCE 

 

Privacy/Dates 

 

Each article can be set to be viewable by the public, registered or special users. Only registered 

users who log on to a site will see articles that are restricted to “registered”. Only users with extra functionality will see the special arcticles. 

 

For each article you can specify the date you want it to start being viewed and also the date after 

which it should stop being viewed.  

 

Simple Image Gallery PRO 

This is a plugin added to your web site, It allows you to browse a set of pictures. 

Documentation is at http://www.joomlaworks.gr/content/view/51/41/ 

 

Web site navigation 

 

Menus 

 

You can have more than one menu. 

A menu item can point at a number of things 

3 Joomla Websites04

Article 

A category of articles 

A section of articles 

A blog – all articles in a category say 

A Contact or a category 

A web link or category 

An external URL 

Privacy 

Access is set as Private, Registered or Special

 

How to publish information for you to review 

A simple way of checking new content is to make it only visible to a registered or special level of user and then login to the site to see this content. When you are happy make it viewable at the 

Public level. 

 

Web site page names 

SEO – Search Engine Optimisation. The web site is set up so that the web pages are of the form. http:/yourdomain.org.uk/index.php/members/members-articles.html 

where http:/yourdomain.org.uk/index.php is the actual web file that will handle the display of a page  and members/members-articles.html specifies the web content to me displayed. 

This format should be okay for search engines such as Google. 

4 Joomla Websites04

 


 

check your web site looks okay in a number of Web Browsers, e.g. Internet Explorer, Firefox, 

Opera, Chrome, SafariWell at least the first two! 

Most people use the default Windows browser, Internet Explorer, the next most popular browser is 

Firefox.Screen size. Remember that people use different screen sizes, and anyway there Web Browsers 

window may not fill the screen, and hence you should check that the site looks acceptable with 

different window sizes. 

 

Firefox 

Firefox can be downloaded free from http://www.mozilla.com/firefox/ 

There are two add ons for Firefox that can be useful when testing a web site, particularly when 

setting up a new Template. These are 

Web Developer – this provides a new toolbar with options to show and control various 

options. These include viewing the images displayed on the site, setting the browser window 

to specific sizes. When Firefox views a Web developer displays 3 symbols on the  right of its 

toolbar. These indicate if any coding errors have been encountered by a red circle, and no 

errors by a green tick. 

Firebird -  allows you to inspect parts of the web page and see the HTML and CSS relevant 

to that part. 

 

How to check all the links in your site work okay. 

There are a number of programs that will check your site for broken links, both internal and 

external. 

Xenu is a free program. Xenu's Link Sleuth (TM) checks Web sites for broken links. Link verification 

is done on "normal" links, images, frames, plug-ins, backgrounds, local image maps, style sheets, 

scripts and java applets. 

Download it from http://home.snafu.de/tilman/xenulink.html 

How to check the HTMl and CSS for errors 

There are sites that will check the HTML and CSS code of your web site 

Check the CSS at  http://jigsaw.w3.org/css-validator 

Check the HTML code as http://validator.w3.org/ 

 

Web site usage 

The next thing you will want to see is how much your web site is used and how people find your 

site. 

On my server it records basic usage. I run a program each week that analyses these usage logs and 

8 Joomla Websites04

puts the result on to a web site associated with the normal site 

The address is of the form http://admin.yourname.org.uk 

Note that the statistics are listed for the last week and the last 12 months. 

The usage information on this site is not that useful. This because the logging method only knows 

what files (pages, images etc) have been downloaded and not what makes up a visit to the site. See 

Google Analytics for a much better usage monitor. 

But you should look at the errors recorded for your site. Errors can occur in two main ways 

Your web page references a file/image that does not exist 

Another web site links to your site and that information is no longer available or has been 

renamed. 

Look at the Failure Report to see what errors are occurring. 

 

Google Analytics 

Google Analytics is the enterprise-class web analytics solution that gives you rich insights into 

your website traffic and marketing effectiveness. Powerful, flexible and easy-to-use features now let 

you see and analyze your traffic data in an entirely new way. With Google Analytics, you're more 

prepared to write better-targeted ads, strengthen your marketing initiatives and create higher 

converting websites. “ 

Analytics is free to use, just create a Google account and define the web site you wish to monitor. 

http://www.google.com/analytics/ 

You will be asked to add code to every page of the web site, in Joomla this can be done my adding 

the code to the index.php file in the Template that you use. If you are lucky the Template will do 

this for you. In the code below, "UA-xxxxxx-y", defines the account, xxxxxx, and web site, y, being 

monitored. Note that you should use the code Google supplies rather than the sample below. 

Once you have it working you can set up a report to be emailed to you on a regular basis. 

Sample Google Script 

<script type="text/javascript"> 

  var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); 

  document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js'     

  type='text/javascript'%3E%3C/script%3E")); 

</script> 

<script type="text/javascript"> 

  try {var pageTracker = _gat._getTracker("UA-xxxxxx-y"); 

  pageTracker._trackPageview(); 

  } catch(err) {} 

</script> 

9 Joomla Websites04

Below is a list of other subjects that need describing 

Email 

Forwarding or mailbox 

A CAPTCHA or Captcha is a type of challenge-response test used in computing to ensure that the response is not generated by a computer. The process usually involves one computer  asking a user to complete a simple test which the computer is able to generate and grade. Because other computers are unable to solve the CAPTCHA, any user entering a correct solution is presumed to be human. 

 

Web site Caching 

A cache  is a component that improves performance by transparently storing data such that future requests for that data can be served faster. The data that is stored within a cache might be values that have been computed earlier or duplicates of original values that are stored elsewhere.