Actions

J1.5

Difference between revisions of "Design the content: Sections and Categories: Joomla! 1.5"

From Joomla! Documentation

(Who is it written for)
m (Design a content hierarchy for a new Web site: ref templatge)
(47 intermediate revisions by 5 users not shown)
Line 1: Line 1:
{{:GSheader}}
+
{{version/tutor|1.5}}{{:Getting Started Page Index/1.5}}
 
+
This is one of a series of documents introducing Joomla! 1.5 and it is part of the background to creating a new site.
 
+
<div style="border:thin solid navy; margin-left:50px; margin-right:50px; background: #FFF8DC; width: 90%;">
+
'''Note:''' I am going to put the menus - and something about Modules - in a separate background document
+
 
+
</div>
+
 
+
The design of a site should be based on the purpose and expected content of the site. You need a clear idea of what you are trying to communicate and plan the content accordingly. The visual design should also support the purpose of the site.  
+
  
 
The aim of this document is:-
 
The aim of this document is:-
:* to explore how the content of Joomla! sites is organised in a heirachy, using Sections, Categories and Articles.
+
:* to explore how the content of Joomla! sites is organised in a hierarchy, using Sections, Categories and Articles.
 
:* to explore how to design the content structure
 
:* to explore how to design the content structure
:* to demonstrate how to decide which Sections and Categories are needed for a new site (easier said than done).  
+
:* to demonstrate how to decide which Sections and Categories are needed for a new site.
The menus and the graphic design are dealt with in other background documents in this series.  
+
===Background to creating a new Joomla! 1.5 web site===
 +
{{:DesignAim}}
  
 
===Who is it written for?===
 
===Who is it written for?===
Line 21: Line 15:
 
:It assumes that you have explored adding and altering Articles
 
:It assumes that you have explored adding and altering Articles
  
===Overview===
+
===Overview of the hierarchy of Sections, Categories and Articles===
Joomla! has a fairly rigid structure for the content of the site. You need to know about this because it is better to plan ahead and exploit the content structure than set off in a random direction. This equally true whether you are creating a new site or altering an existing one. There are three levels in the content heirachy:-
+
Joomla! has a hierarchical structure in the background for organising the content of the site. You need to know about this because it is better to plan ahead and exploit the content structure than set off in a random direction. This equally true whether you are creating a new site or altering an existing one.
 +
*There are three levels in the content hierarchy:-
 
#'''Section:''' the top level.
 
#'''Section:''' the top level.
 
#'''Category:''' the second level.
 
#'''Category:''' the second level.
 
#'''Articles:''' which are in Categories.
 
#'''Articles:''' which are in Categories.
And, outside the heirachy but closely associated with it:-
+
And, outside the hierarchy but closely associated with it:-
:*''' Menus:''' used for site navigation and not part of the content heirachy itself.
+
:*''' Menus:''' these are familiar parts of many web sites and are used for site navigation. They are not part of the organisation in the content hierarchy. See [[Design appearance using Menus and Modules: Joomla! 1.5|Background: Menus and Modules]]
 
You should already be aware of the vocabulary of Sections, Categories, Articles and Menus from other documents in this series.
 
You should already be aware of the vocabulary of Sections, Categories, Articles and Menus from other documents in this series.
  
==Exploring the hierachy of Sections, Categories, Articles==
+
==Exploring the hierarchy of Sections, Categories, Articles==
 
These can best be explored by looking at the Administrator pages of an existing site.
 
These can best be explored by looking at the Administrator pages of an existing site.
  
*Login to the Back-end of a web site with content. The localhost site with the sample content is an ideal example. (cross ref to Back-end and to localhost doc)
+
*Login to the Back-end of a web site with content. The localhost site with the sample content is an ideal example.  
 
*Explore the Categories, Sections and Articles and note how they relate to one another.
 
*Explore the Categories, Sections and Articles and note how they relate to one another.
  
Line 41: Line 36:
 
'''Explore the Section Manager'''
 
'''Explore the Section Manager'''
 
*Click on the Section Manager icon in the Control Panel.
 
*Click on the Section Manager icon in the Control Panel.
The sample data on localhost has three sections, About Joomla!, News and FAQs. These are enough for this small site to divide the content in a logical way and support the piurpose of the site, which is to give helpful advice about Joomla!.
+
The sample data on localhost has three sections, About Joomla!, News and FAQs. These are enough for this small site to divide the content in a logical way and support the purpose of the site, which is to give helpful advice about Joomla!.
  
 
*Click on the name of the Section to view details - and to edit them.
 
*Click on the name of the Section to view details - and to edit them.
Line 47: Line 42:
 
This displays the Workspace page which consists of Details and Description parts, as well as the usual Toolbar icons. The data in the Details and Description parts can be altered here. The Description appears on the Site when a Menu is created to list the contents of the Category. (Cross ref below for detail). This too can be altered using the same editor as that used for Articles on the site.
 
This displays the Workspace page which consists of Details and Description parts, as well as the usual Toolbar icons. The data in the Details and Description parts can be altered here. The Description appears on the Site when a Menu is created to list the contents of the Category. (Cross ref below for detail). This too can be altered using the same editor as that used for Articles on the site.
  
Workspace page for the FAQs Section.
+
[[Image:GSSectionSample.png|frame|center|'''Workspace page for the FAQs Section''']]
[[Image:GSSectionSample.png|frame|center]]
+
  
 
'''Help''' [[Image:GSiconHelp.png]]
 
'''Help''' [[Image:GSiconHelp.png]]
Line 54: Line 48:
  
 
===Categories===
 
===Categories===
*Categories are the second level of organization and every Section contains one or more Categories.  
+
*Categories are the second level of organization. Every Section contains one or more Categories.  
*There is a special Section, built into Joomla!, called 'Uncategorized'. This is outside the content hierachy but can be displayed through a menu item.
+
*There is a special Section, built into Joomla!, called 'Uncategorized'. This is outside the content hierarchy but can be displayed through a menu item.
  
 
'''Explore the Category Manager'''
 
'''Explore the Category Manager'''
Line 63: Line 57:
 
*Click on the title to open a Category for editing. This will show the Workspace page which is similar to that for Sections, except that it allows the Section to be chosen or displayed. Note that the Category Manager lists which Section the Category is in.  Explore this as needed - it is where you can publish/unpublish Categories or alter the order in which they are displayed in pull-down lists.
 
*Click on the title to open a Category for editing. This will show the Workspace page which is similar to that for Sections, except that it allows the Section to be chosen or displayed. Note that the Category Manager lists which Section the Category is in.  Explore this as needed - it is where you can publish/unpublish Categories or alter the order in which they are displayed in pull-down lists.
  
Screen of Workspace page for Category.
+
 
[[Image:GSCategorySample.png|frame|center]]
+
[[Image:GSCategorySample.png|frame|center|'''Screen of a Workspace page for a Category''']]
  
 
'''Help''' - a lot more detailed information about what you can do using Category Management - click the Icon [[Image:GSiconHelp.png]]
 
'''Help''' - a lot more detailed information about what you can do using Category Management - click the Icon [[Image:GSiconHelp.png]]
  
===Articles===
 
<div style="border:thin solid red; margin-left:50px;  width: 50%;">
 
Link to Articles docs! and show an article management page perhaps - but there is one in another doc
 
</div>
 
  
Most articles are assigned to a Category.
 
  
 
===Summary===
 
===Summary===
  
*Sections, Categories and Articles work together to create a hierachy of items.  
+
*Sections, Categories and Articles work together to create a hierarchy of items.  
 
*Sections and Categories group articles in a logical structure that makes the site easier to use, manage and understand.
 
*Sections and Categories group articles in a logical structure that makes the site easier to use, manage and understand.
 
*Articles are organised inside Categories, which are themselves organised within Sections. This is the organisation of the Articles in the Back-end.
 
*Articles are organised inside Categories, which are themselves organised within Sections. This is the organisation of the Articles in the Back-end.
Line 83: Line 72:
 
*There are built-in layouts in Joomla! that take advantage of this organization and make it possible to list articles that belong to Sections or Categories.
 
*There are built-in layouts in Joomla! that take advantage of this organization and make it possible to list articles that belong to Sections or Categories.
  
==Exploring Menus==
+
==Design a content hierarchy for a new Web site==
Menus are used to create the main navigational links on the pages of the web site. They are '''not''' part of the content heirachy in the background. The Menus are themselves a hierachy and there can be confusions between the underlying content organisation of Sections/Categories and Articles and the hierachy of the Menus. Sometimes the Menus reflect the Sections and Categories closely. On other sites the Menus do not exactly match the content structure, so a bit of care is needed here to think about the right things.
+
For a New web site you need to:-
 +
; Design a suitable hierarchy for new content  
 +
:There is no automatic way to do this - you have to think about it and whether you are going to want to exploit blog and list layouts.
  
===Menu Manager===
+
{{ref|'''Blog and list layouts:''' These are choices for displaying articles under different types of menus - see [[Design appearance using Menus and Modules: Joomla! 1.5|Background: using Menus and Modules]]}}
The Menus normally reflect the content structure, although there may be occasions when they do not. The key is to avoid muddling Categories and Menus. The Sample data is not helpful here as the list of Menu Items under the Main Menu is the same as the list of Categories. You will find sites where there are Menus that do not relate to a Category. (cross ref if I use the example of Links in the U3A site)
+
  
Joomla! adds the Main menu to your site automatically. It already contains a Section for the Front page, so the Main Menu displays the Home page.
+
Note that the sample site - and many others - use a variety of techniques. They do not limit themselves to one level in the hierarchy but set up the design to allow for multiple levels of content and also some blog and list layouts.  
 
+
Some sites stick to the Main Menu and add a heirachy of Menu Items beneath the Main Menu. Other sites, such as the Sample site, use 6 Menus, each with a few Items (or sub-menus) under them. Examples show a difference.
+
 
+
<div style="border:thin solid red; margin-left:50px;  width: 50%;">
+
I need to redo pics as they don't show it as I want.
+
But this shows it for the moment
+
 
+
 
+
</div>
+
 
+
<table border = "1" Align="Center">
+
<tr>
+
<td>Menu in sample data. Here there are several menus</br>
+
and fewer Menu Items.
+
</td>
+
<td>Menu on another site. Here the content is all </br>under the Main menu in Menu Items. </br>The exception is the short User Menu
+
</td>
+
</tr>
+
<tr>
+
<td>[[Image:GSMenuSample.png]]
+
</td>
+
<td>[[Image:GSMenu.png]]
+
</td>
+
</tr>
+
</table>
+
 
+
Using the Sample web site - if you move away from the Home page, the Login Menu no longer displays. (Mildly irritating - but this can be altered).
+
 
+
===Exploiting the Menu layouts for Blogs and Lists ===
+
This is worth knowing about before you think about a site.
+
 
+
There are built-in layouts in Joomla! that take advantage of the organization of content in Sections and Categories. These make it possible to list articles that belong to Sections or Categories. When a new article is created and assigned to a Section and Category, it is automatically placed under a menu.
+
 
+
There are:-
+
*Section Blog
+
*Section List
+
*Category Blog
+
*Category List
+
 
+
<div style="border:thin solid red; margin-left:50px;  width: 50%;">
+
Example - sample data - blog mode for the Home page. Also uses the facility to use the whole width of the screen for the first entry. (cross ref to Help screen under - - )
+
 
+
screen of a U3A list - here is makes good use in organising a varied site. Sometimes there are a lot of articles for one menu - others have only a few. the list handles this well.
+
</div>
+
 
+
When you add a new Article to a Section or Category (depending on which one you have chosen), it will automatically show on the page so you do not have to do anything other than add the Article and assign it to the appropriate Section or Category. This also means that you can create Categories specifically for displaying in List or Blog mode.
+
 
+
==How to design a content heirachy for a new Web site==
+
For a New web site you need to:-
+
* design a suitable hierachy for new content
+
* design the menus to display the content
+
There is no automatic way to do this - you have to think about it and whether you are going to want to exploit blog and list layouts.
+
 
+
Note that the sample site - and many others - use a variety of techniues. They do not limit themselves to one level in the heirachy but set up the design to allow for multiple levels of content and also some blog and list layouts.  
+
  
 
===Looking at what information you are going to have on your site===
 
===Looking at what information you are going to have on your site===
<div style="border:thin solid green; margin-left:50px; background: #f5f5f5;  width: 80%;">
+
The key is a good understanding of the purpose of the site and what features will be displayed. This is not entirely straight forward. When it has all been done and in retrospect, it looks easy. But it is actually challenging to identify the main Sections / Categories and translate these into likely content.
  
This is like Entity/Relationship modelling for database design.  
+
;Clubs
 +
: These can be very varied as a sailing club one illustrates: the content is quite complex because such clubs have a lot of activities, they have boats and they usually have a property of some sort. They also aim at different people - sailors, social members, young people and learners. It is not a business but it does want to encourage people to join and wants to give a lot of on-going information about club activites and local sailing conditions. There are about 1500 sailing clubs and associations in Great Britain alone and the web sites are all different. There may be people who want to enter their own content, so you could have a number of Authors or Publishers responsible for adding detail about events or reports on events or descriptions of boats and much else. So such a site could be very varied and quite dynamic.
  
</div>
+
;Associations
 +
: There are many organisations who want to keep their members in touch with one another and also provide information about activities. There are also orgnisations who want to disseminate informatation, or even to campaign on particular issues. They may need a less complex structure than a club, but might expect a certain amount of interactivity with people contributing content and news.
  
Every web site has a purpose and to get a good content structure, you need to understand what you are going to try communicate. This is not entirely straight forward. When it has all been done and in retrospect, it looks easy. But it is actually challenging to identify the main Sections / Categories and translate these into likely content. And then deal with Menus to present the content in the most helpful way.
+
;Personal sites
 +
:Web sites for personal information work very well in Joomla! because you can have some items open to everyone and others restricted to a few friends and family.
 +
:The structure could be quite varied if you have a lot of interestes or separate things you want to write about. On the other hand, it is likely that there will not be many people adding content.
  
Back to paper and pencil as a starting point!
+
----
  
Things to think about:-
+
====Things to think about====
*How clear are you as to what the content will be exactly?
+
;How clear are you as to what the content will be exactly?
 
:It may help if there is an existing site, or a similar one which will give hints about likely topics.
 
:It may help if there is an existing site, or a similar one which will give hints about likely topics.
*What are the main topics to be covered?
+
;What are the main topics to be covered?
:Some sites lend themselves to being thought of as heirachies and others do not fall so easily into place. There may be a number of separate topics, for example.
+
:Some sites lend themselves to being thought of as hierarchies and others do not fall so easily into place. There may be a number of separate topics, for example.
*How much content you expect  
+
;How much content do you expect and does it change a lot
*Does the content change a lot
+
:Changing content gives a dynamic or interactive web site
*How dynamic or interactive is the Site intended to be?
+
;Are there to be a lot of visitors adding their own content
*Are there to be a lot of visitors adding their own content?
+
:Some sites allow a lot of visitors to add content - some allow very few
  
The final design depends a lot on the range of content and whether you can think of it in a Section/Category heirachy.
+
The final design depends a lot on the range of content and how you think of it in a Section/Category hierarchy. If you are not in a hurry and not very experienced, there is a lot to be said for Serendipity, that is to say finding out about your requirements as you go along. So you do not have to stick rigidly to your initial thoughts. It worth having an inital plan, even if you do change it in the light of experience.
  
If you are not in a hurry and not very experienced, there is a lot to be said for:-
+
----
*'''Serendipity:''' you can alter things as you go along and as you get more experience? You do not have to stick rigidly to your thoughts. But it worth having an inital plan, even if you change it in the light of experience.
+
  
 
====A pencil and paper iterative process ====
 
====A pencil and paper iterative process ====
 
The advantage of thinking it out is that you do not get distracted by how you are going to implement the design - you just focus on the content.
 
The advantage of thinking it out is that you do not get distracted by how you are going to implement the design - you just focus on the content.
*A list: Make an initial list of the content you know is going to be displayed on the web site. Then add a note as to whether the items can be grouped in any way.
+
;A list
 +
:Make an initial list of the content you know is going to be displayed on the web site. Then add a note as to whether the items can be grouped in any way.
 +
;Write it out
 +
: Take some slips of paper and on each one write the name of an item of content.
 +
;Add other information
 +
: this helps you group things together. Consider things like whether there will be a lot of content changes and who might update it.
 +
;Organise the slips to make a hierarchy
 +
:They can be moved around and as you do this - you will notice things you have not included.
 +
;List the Sections and Categories out clearly ready to create them on the web site.
  
*Write it out: Take some slips of paper and on each one write the name of an item of content.
+
====Example - part of a hierarchy for a club web site ====
*Add other information: to help you group things together. Consider things like whether there will be a lot of content changes - who might update it.
+
The example below takes part of a design for a sailing club web site showing how the basic information about the club could be designed in Section and Categories. Here the site is presenting some information about the club. The whole web site would have maybe five or six Sections and a number of Categories under each Section. They would be based on the kinds of information that members and others need, such as programmes of events, weather conditions, the kinds of boats sailed and so on.
*Organise the slips to make a heirachy. They can be moved around and as you do this - you will notice things you have not included.
+
  
List the Sections and Categories out clearly ready to create them on the web site.
+
<div style="border:thin solid black; margin-left:50px; margin-right:50px; background: #f5f5f5; width:40%">
 
+
:'''An example: '''This will be used again in defining a menu structure and setting up a site
===Design of the Menus===
+
:{| border="1" cellpadding="2" cellspacing="0"
Note that the position and layouts of Menus can be very varied. This deals with the structure of the Menus. Their appearance is dealt with in the part about the appearance of the whole web site. (Cross-ref.)
+
| width="205" | '''Section'''
 
+
| width="205" | '''Category'''
* Look at the likely Articles and Categories that the site will have
+
|-
* Decide on the Menu items you want at the Top level. It is imortant to give them sensible and meaningful names.
+
| width="205" | About
* Decide what sort of menu item it can be (will it be a Blog or a List or an Article for example).
+
| width="205" | About the club
* Decide on any other menu items below the main items. Again they should have sensible names to indicate what is there.
+
|-
:You can have quite deep structures, but users find two layers easiest to use to find things.
+
| width="205" |
It is not difficult to alter the Menus after the site is established so this list can be seen as a starting point. No-one gets it right first time.
+
| width="205" | Contacts
 
+
|-
Write them down and indicate what sort of Menu, for this will be needed when you create them.
+
| width="205" |
 
+
| width="205" | Find Us
'''Example'''
+
|-
Perhaps
+
| width="205" |
 
+
| width="205" | How to Join
Top level of U3A menu closely reflects the Categories to give a variety of listings and articles about this organisation.
+
|-
 
+
| width="205" |
GSMenuU3A
+
| width="205" | Subscriptions
 
+
|-
Sample makes greater use of Menus and less of menu items
+
| width="205" |
+
| width="205" | Newsletters
Name the menus
+
|-
+
| width="205" |
Use names that makes sense to anyone visiting the site - obvious but not always done.
+
| width="205" | History
 
+
|}
'''Examples'''
+
 
+
<div style="border:thin solid red; margin-left:50px;  width: 50%;">
+
Not sure about this - but it is intended to show that it handles things more complicated than catds and dogs and animals - the usual simplistic examples.
+
 
</div>
 
</div>
  
The key is a good understanding of the purpose of the site and what features will be dislayed.
+
==Where next?==
  
'''Clubs:''' These can be very varied as a sailing club one illustrates: the content is quite complex because such clubs have a lot of activities, they have boats and they usually have a property of some sort. They also aim at different people - sailors, social members, young people and learners. It is not a business but it does want to encourage people to join and wants to give a lot of on-going information about club activites and local sailing conditions. There are about 1500 sailing clubs and associations in Great Britain alone and the web sites are all slightly different. There may be people who want to enter their own content, so you could have a number of Authors or Publishers responsible for adding detail about events or reports on events or descriptions of boats and much else. So such a site could be very varied and quite dynamic.
+
:[[Design appearance using Menus and Modules: Joomla! 1.5|Background:design appearance using Menus and Modules]]
 
+
'''Associations:''' there are many organisations who want to keep their members in touch with one another and also provide information about activities.
+
 
+
Orgnisations who want to disseminate informatation: here
+
 
+
'''Personal sites:'''
+
 
+
==Where next==
+
 
+
:Design the menus
+
  
 
==Further information==
 
==Further information==
Line 231: Line 163:
 
*[http://docs.joomla.org/Administrators Joomla! Administrator's Manual - on-line ]  
 
*[http://docs.joomla.org/Administrators Joomla! Administrator's Manual - on-line ]  
 
*[http://help.joomla.org/ghop/feb2008/task048/joomla_15_quickstart.pdf Quick start guide ]  
 
*[http://help.joomla.org/ghop/feb2008/task048/joomla_15_quickstart.pdf Quick start guide ]  
 +
  
 
----
 
----
 
--[[User:LornaS|Lorna Scammell]] January 2011
 
--[[User:LornaS|Lorna Scammell]] January 2011

Revision as of 15:44, 23 September 2012

Replacement filing cabinet.png
This Namespace has been archived - Please Do Not Edit or Create Pages in this namespace. Pages contain information for a Joomla! version which is no longer supported. It exists only as a historical reference, will not be improved and its content may be incomplete.

This is one of a series of documents introducing Joomla! 1.5 and it is part of the background to creating a new site.

The aim of this document is:-

  • to explore how the content of Joomla! sites is organised in a hierarchy, using Sections, Categories and Articles.
  • to explore how to design the content structure
  • to demonstrate how to decide which Sections and Categories are needed for a new site.

Background to creating a new Joomla! 1.5 web site

Tip-icon.png
Designing a Joomla! Website

There are four aspects to designing a new Joomla! web site. These also apply to planning to make alterations to an existing site or planning for transferring a site that already exists into Joomla!

  • The content hierarchy:
    • Sections, Categories and Articles for Joomla 1.5
    • Categories, Subcategories and Articles for Joomla 2.5
  • Who you expect to use the site and what you want them to be able to do
  • The layout of the menus and the position of some functionality on the page
  • The graphical design of the whole site
These should all be based on the purpose and expected content of the site, so you do need a clear idea of what you are trying to communicate and plan accordingly. Easier said than done!

Who is it written for?

Everyone: who is going to create a Joomla! site.

It will also be useful to someone who is going to alter a Joomla! site.
It is written on the assumption that you do not have experience of the structure of a Joomla! site.
It assumes that you have explored adding and altering Articles

Overview of the hierarchy of Sections, Categories and Articles

Joomla! has a hierarchical structure in the background for organising the content of the site. You need to know about this because it is better to plan ahead and exploit the content structure than set off in a random direction. This equally true whether you are creating a new site or altering an existing one.

  • There are three levels in the content hierarchy:-
  1. Section: the top level.
  2. Category: the second level.
  3. Articles: which are in Categories.

And, outside the hierarchy but closely associated with it:-

  • Menus: these are familiar parts of many web sites and are used for site navigation. They are not part of the organisation in the content hierarchy. See Background: Menus and Modules

You should already be aware of the vocabulary of Sections, Categories, Articles and Menus from other documents in this series.

Exploring the hierarchy of Sections, Categories, Articles

These can best be explored by looking at the Administrator pages of an existing site.

  • Login to the Back-end of a web site with content. The localhost site with the sample content is an ideal example.
  • Explore the Categories, Sections and Articles and note how they relate to one another.

Sections

Sections are the top-level of organization. They should reflect the purpose of a site.

Explore the Section Manager

  • Click on the Section Manager icon in the Control Panel.

The sample data on localhost has three sections, About Joomla!, News and FAQs. These are enough for this small site to divide the content in a logical way and support the purpose of the site, which is to give helpful advice about Joomla!.

  • Click on the name of the Section to view details - and to edit them.

This displays the Workspace page which consists of Details and Description parts, as well as the usual Toolbar icons. The data in the Details and Description parts can be altered here. The Description appears on the Site when a Menu is created to list the contents of the Category. (Cross ref below for detail). This too can be altered using the same editor as that used for Articles on the site.

Workspace page for the FAQs Section

Help GSiconHelp.png For a lot more detailed information about what you can do using the Section Workspace page - click the Icon at the top of the screen.

Categories

  • Categories are the second level of organization. Every Section contains one or more Categories.
  • There is a special Section, built into Joomla!, called 'Uncategorized'. This is outside the content hierarchy but can be displayed through a menu item.

Explore the Category Manager

  • Click on the Category Manager icon in the Control Panel.

The sample data has nine categories. A larger site - or one that exploits Categories for displaying Articles - can have a lot more.

  • Click on the title to open a Category for editing. This will show the Workspace page which is similar to that for Sections, except that it allows the Section to be chosen or displayed. Note that the Category Manager lists which Section the Category is in. Explore this as needed - it is where you can publish/unpublish Categories or alter the order in which they are displayed in pull-down lists.


Screen of a Workspace page for a Category

Help - a lot more detailed information about what you can do using Category Management - click the Icon GSiconHelp.png


Summary

  • Sections, Categories and Articles work together to create a hierarchy of items.
  • Sections and Categories group articles in a logical structure that makes the site easier to use, manage and understand.
  • Articles are organised inside Categories, which are themselves organised within Sections. This is the organisation of the Articles in the Back-end.
  • This structure is used by the Menu system. But the menus are not necessarily the same as the back-end content structure.
  • There are built-in layouts in Joomla! that take advantage of this organization and make it possible to list articles that belong to Sections or Categories.

Design a content hierarchy for a new Web site

For a New web site you need to:-

Design a suitable hierarchy for new content
There is no automatic way to do this - you have to think about it and whether you are going to want to exploit blog and list layouts.
Cross Reference: Blog and list layouts: These are choices for displaying articles under different types of menus - see Background: using Menus and Modules

Note that the sample site - and many others - use a variety of techniques. They do not limit themselves to one level in the hierarchy but set up the design to allow for multiple levels of content and also some blog and list layouts.

Looking at what information you are going to have on your site

The key is a good understanding of the purpose of the site and what features will be displayed. This is not entirely straight forward. When it has all been done and in retrospect, it looks easy. But it is actually challenging to identify the main Sections / Categories and translate these into likely content.

Clubs
These can be very varied as a sailing club one illustrates: the content is quite complex because such clubs have a lot of activities, they have boats and they usually have a property of some sort. They also aim at different people - sailors, social members, young people and learners. It is not a business but it does want to encourage people to join and wants to give a lot of on-going information about club activites and local sailing conditions. There are about 1500 sailing clubs and associations in Great Britain alone and the web sites are all different. There may be people who want to enter their own content, so you could have a number of Authors or Publishers responsible for adding detail about events or reports on events or descriptions of boats and much else. So such a site could be very varied and quite dynamic.
Associations
There are many organisations who want to keep their members in touch with one another and also provide information about activities. There are also orgnisations who want to disseminate informatation, or even to campaign on particular issues. They may need a less complex structure than a club, but might expect a certain amount of interactivity with people contributing content and news.
Personal sites
Web sites for personal information work very well in Joomla! because you can have some items open to everyone and others restricted to a few friends and family.
The structure could be quite varied if you have a lot of interestes or separate things you want to write about. On the other hand, it is likely that there will not be many people adding content.

Things to think about

How clear are you as to what the content will be exactly?
It may help if there is an existing site, or a similar one which will give hints about likely topics.
What are the main topics to be covered?
Some sites lend themselves to being thought of as hierarchies and others do not fall so easily into place. There may be a number of separate topics, for example.
How much content do you expect and does it change a lot
Changing content gives a dynamic or interactive web site
Are there to be a lot of visitors adding their own content
Some sites allow a lot of visitors to add content - some allow very few

The final design depends a lot on the range of content and how you think of it in a Section/Category hierarchy. If you are not in a hurry and not very experienced, there is a lot to be said for Serendipity, that is to say finding out about your requirements as you go along. So you do not have to stick rigidly to your initial thoughts. It worth having an inital plan, even if you do change it in the light of experience.


A pencil and paper iterative process

The advantage of thinking it out is that you do not get distracted by how you are going to implement the design - you just focus on the content.

A list
Make an initial list of the content you know is going to be displayed on the web site. Then add a note as to whether the items can be grouped in any way.
Write it out
Take some slips of paper and on each one write the name of an item of content.
Add other information
this helps you group things together. Consider things like whether there will be a lot of content changes and who might update it.
Organise the slips to make a hierarchy
They can be moved around and as you do this - you will notice things you have not included.
List the Sections and Categories out clearly ready to create them on the web site.

Example - part of a hierarchy for a club web site

The example below takes part of a design for a sailing club web site showing how the basic information about the club could be designed in Section and Categories. Here the site is presenting some information about the club. The whole web site would have maybe five or six Sections and a number of Categories under each Section. They would be based on the kinds of information that members and others need, such as programmes of events, weather conditions, the kinds of boats sailed and so on.

An example: This will be used again in defining a menu structure and setting up a site
Section Category
About About the club
Contacts
Find Us
How to Join
Subscriptions
Newsletters
History

Where next?

Background:design appearance using Menus and Modules

Further information



--Lorna Scammell January 2011