Joomla! 2.5 Beginner's Guide - Eric Tiggeler - E-Book

Joomla! 2.5 Beginner's Guide E-Book

Eric Tiggeler

0,0
39,59 €

-100%
Sammeln Sie Punkte in unserem Gutscheinprogramm und kaufen Sie E-Books und Hörbücher mit bis zu 100% Rabatt.

Mehr erfahren.
Beschreibung

Joomla! is one of the most popular open-source Content Management Systems, actively developed and supported by a world-wide user community. Although it's a fun and feature-rich tool, it can be challenging to get beyond the basics and build a site that meets your needs perfectly. Using this book you can create dynamic, interactive web- sites that perfectly fit your needs.
Completely updated for Joomla! 2.5, this practical guide teaches you how to create professional, appealing and extendable websites, whether you want to create a full-featured company or club website or build a personal blog site.
The Joomla! Beginner's Guide helps beginners to get started quickly and to get beyond the basics to take full advantage of Joomla!'s powerful features. Completely updated from the first book, real-life examples and tutorials will spark your imagination and show you what kind of professional, contemporary, feature-rich websites any developer can achieve with Joomla!. This book thoroughly covers the concepts behind the software and creates a coherent picture of how the software works. This book is not about what Joomla! can do ñ it's about what you can do using Joomla!.

Das E-Book können Sie in Legimi-Apps oder einer beliebigen App lesen, die das folgende Format unterstützen:

EPUB
MOBI

Seitenzahl: 507

Veröffentlichungsjahr: 2012

Bewertungen
0,0
0
0
0
0
0
Mehr Informationen
Mehr Informationen
Legimi prüft nicht, ob Rezensionen von Nutzern stammen, die den betreffenden Titel tatsächlich gekauft oder gelesen/gehört haben. Wir entfernen aber gefälschte Rezensionen.



Table of Contents

Joomla! 2.5 Beginner's Guide
Credits
About the Author
About the Reviewers
www.PacktPub.com
Support files, eBooks, discount offers and more
Why Subscribe?
Free Access for Packt account holders
Preface
What this book covers
What you need for this book
Who this book is for
Conventions
Time for action – heading
What just happened?
Pop quiz – heading
Have a go hero – heading
Reader feedback
Customer support
Downloading the color images of this book
Errata
Piracy
Questions
1. Introduction: A New and Easy Way to Build Websites
Join the CMS revolution
Why would you choose Joomla?
What kind of sites can you build with Joomla?
Learning to use Joomla
What you'll learn using this book
About the example site
Summary
2. Installation: Getting Joomla Up and Running
What do you need to start?
Hosting space
FTP software
A great browser (think Firefox)
Installing Joomla in four steps
Time for action – downloading the Joomla files
What just happened?
Time for action – placing the files on the web server
What just happened?
Time for action – creating a database
What just happened?
Time for action – running the Joomla installation wizard
What just happened?
Got stuck? Get help!
Pop quiz – test your knowledge of installing Joomla
Summary
3. First Step: Getting to Know Joomla
Making the switch—building websites the Joomla way
Sorry, web pages have ceased to exist
Why is this a good thing?
A website built of blocks
Introducing frontend and backend: the Joomla interface
Your workspace: the backend
And what's the frontend?
The frontend: the website as the user sees it
Time for action – tour the example site
What just happened?
Exploring the example content
Have a go hero – get familiar with other example sites
Taking control: administering your site in the backend
Time for action – log in to the backend
What just happened?
Taking a closer look at the Control Panel
Top menu
Shortcut buttons
Preview and Info Bar
Information panels
Understanding backend tools and controls
Getting your feet wet: start administering your site
Three types of backend tasks
Content management example: let's create some content!
Time for action – publish your first article
What just happened?
Extension management example: adding a module
Time for action – add a module to the site
What just happened?
Site management example: configuring basic site settings
Time for action – set Joomla preferences
What just happened?
Have a go hero – explore the configuration options
Pop quiz – test your knowledge of Joomla basics
Summary
4. Web Building Basics: Creating a Site in an Hour
What you will be making
Meet your client
Cleaning up: removing the sample data
Step 1: remove sample content
Time for action – deleting articles and categories
Step 2: delete menus and other modules
Time for action – deleting menus
What just happened?
Have a go hero – clean out the list of modules
Building your new site in three steps
Step 1: customize the layout
Time for action – preparing a new logo image
Replacing the header image
Time for action – replace the header image
Time for action – tweak the design details
What just happened?
CSS stylesheets? Come again?
Have a go hero – explore layout settings
Step 2: add content
Create a foundation first: make categories
Time for action – create a News category
What just happened?
Add articles to the category
Time for action – create an article
What just happened?
Have a go hero – add your own images to articles
Making content visible on the site: create a menu link
Time for action – add a menu link
What just happened?
Now that's the all-important power of menus
Have a go hero – create more categories and articles
Create menu links to the new content
Add individual content pages: uncategorized articles
Time for action – add uncategorized articles
What just happened?
Have a go hero – clean up the Main Menu
Put some content on the home page—at last!
Add items to the home page
Time for action – adding items to the home page
What just happened?
Step 3: add extras through extensions
Components and Extensions, what's the difference?
Add a contact form
Time for action – create a contact
What just happened?
Time for action – create a Contact Form menu link
What just happened?
Have a go hero – clean up the Top menu
Add a special message block
Time for action – create a message block
What just happened?
Wrapping up: change site settings
Time for action – change site configuration
What just happened?
Pop quiz – test your basic Joomla knowledge
Summary
5. Small Sites, Big Sites: Organizing your Content Effectively
Building on the example site
Grouping content: a crash course in site organization
Designing a site map
Time for action – create a future proof site map
What just happened?
Transferring your site map to Joomla
How do you turn a site map into a website?
Creating categories and subcategories
Time for action – create a category and subcategories
What just happened?
In what case do you need more subcategory levels?
Have a go hero – rearrange existing categories
Adding content to new categories
Displaying main categories and subcategories on your site
Time for action – create a link to point to a main category
Have a go hero – explore the possibilities of category pages
Refining your site structure
Time for action – move content from one category to another
What just happened?
Have a go hero—moving entire categories
Renaming categories
Time for action – rename a category
What just happened?
Have a go hero – name and rename!
Changing category settings
Building a site without using categories
How do you go about building a small site?
Have a go hero – organize a site!
Pop quiz – test your site organization knowledge
Summary
6. Creating Killer Content: Adding and Editing Articles
Articles, content pages, what's the difference?
Creating and editing articles: beyond the basics
Making your words look good: formatting article text
Time for action – add styling to article text
What just happened?
Have a go hero – change the formatting
Adding images to articles
Time for action – upload images
What just happened?
Time for action – inserting and aligning images
What just happened?
Have a go hero – adjust the image settings
Extending the possibilities of the Media Manager
Time for action – enabling the Flash image uploader
Changing the way the article displays
One lump or two? Split the article in an intro text and main text
Time for action – creating an intro text
What just happened?
Creating multi-page articles
Time for action – using page breaks to split up an article
What just happened?
Have a go hero – use sliders and tabs
Tweaking the details: changing article settings
Article Permissions
Setting general preferences for all articles
Articles tab
Category tab
Categories, Blog/Featured Layouts, List Layouts, and Shared Options tabs
Integration tab
Text Filters tab
Permissions tab
Archiving articles
Time for action – creating a news archive
What just happened?
Pop quiz – test your article expertise
Summary
7. Welcoming your Visitors: Creating Attractive Home Pages and Overview Pages
Why do you need overview pages, anyway?
Creating the perfect home: mastering home page layout
Changing the way the home page is arranged
Time for action – rearrange the layout of articles on the home page
What just happened?
Have a go hero – tweak home page layout options
Adding items to the home page
Controlling the order of home page items manually
Setting criteria to automatically order home page items
Time for action – show the most recent items first
What just happened?
The Featured Articles menu item type – an overview of all options
Layout Options
Article Options
Integration Options
Link Type Options
Page Display Options
Metadata Options
Module assignment for this Menu Item
Creating more than one page containing Featured Articles
Another type of home page: using a single article
Time for action – creating a different home page
What just happened?
Have a go hero – undo!
Creating category overview pages
Two main choices: Blog layout and List layout
The first type of overview page: creating Category Blog layouts
Time for action – create a facebook using the Blog layout
What just happened?
Have a go hero – add a category description
Showing full articles on a category overview page
Have a go hero – experiment with Category Blog layout settings
Blog Layout Options, Article Options, Integration Options, Link Type Options, Page Display Options, and Metadata Options
Category Options
The second type of overview page: Lists
Time for action – add a link to a Category List layout
What just happened?
Customizing lists: exploring Category List options
Required Settings
Category Options
List Layouts
Article Options, Integration Options, Link Type Options, Page Display Options, and Metadata Options
How are multi-level categories displayed in Lists?
Pop Quiz – test your knowledge of home pages and overview pages
Summary
8. Helping your Visitors Find What they Want: Managing Menus
How many menus can you have?
Creating user-friendly navigation—cleaning up the Main Menu
Option 1: Change the order of menu items
Time for action – changing menu item order
What just happened?
Option 2: Create submenu items
Time for action – creating a secondary menu item
What just happened?
Option 3: Add a separate new menu
Time for action – creating a new, empty menu
What just happened?
Time for action – moving hyperlinks to the new menu
What just happened?
Time for action – telling Joomla where to display the menu
What just happened?
Have a go hero – changing menu settings
Creating split submenus
Have a go hero – arrange menus any way you like
Exploring menu module settings
Two ways to switch to the menu module screen
Details
Menu Assignment
Basic Options
Advanced Options
Have a go hero – try out the menu settings
What types of menu links are available?
Have a go hero – try out Menu Item Types
Creating plain text links
Time for action – creating text links
What just happened?
Pop quiz – test your knowledge on menus
Summary
9. Opening up the Site: Enabling Users to Log in and Contribute
What are the default user groups and their permissions?
Public—the guest group
Registered users—the user group that can log in
Author, Editor, and Publisher—the frontend content contributors
Manager, Administrator, and Super User—the backend content contributors and administrators
Shop Suppliers and Customers—two example user groups
Enabling users to log in and contribute content
Time for action – adding a user with frontend authoring permissions
What just happened?
Enabling content contributors to log in to the frontend
Time for action – put a Login Form on the home page
What just happened?
Time for action – logging in as a frontend content contributor
What just happened?
Have a go hero – create a frontend User Menu
Reviewing and publishing team content submissions
Time for action – reviewing and publishing submitted content
What just happened?
Have a go hero – explore different User Group permissions
Find out what editors and publishers can do
Find out what backend users can do
Enabling self-registration—allowing visitors to register
How do you enable users to create their own account?
Displaying a Login menu link
Time for action – register yourself and log in
What just happened?
Hiding content for non-registered users
Time for action – hiding content for non-registered users
What just happened?
Have a go hero – change access level settings
Getting your visitors to 'register to read more'
Time for action – partially hiding content from non-registered users
What just happened?
Creating custom-made user groups
What are the permissions you can assign to user groups?
What Viewing Access Levels are available?
Creating a custom user group to manage contacts
Time for action – create a user group
What just happened?
Time for action – tell Joomla what the group can see
What just happened?
Time for action – tell Joomla what the group can do
What just happened?
Time for action – add users to the new group
What just happened?
Pop quiz – test your knowledge of Joomla user management
Summary
10. Getting the Most out of your Site: Extending Joomla
Extensions in all shapes and sizes
The big ones—Components
The medium ones—Modules
The tiny ones—Plugins
Where do you get extensions from?
Enhancing your site using core extensions
Highlighting articles using the Newsflash module
Time for action – adding a Newsflash to the home page
What just happened?
Have a go hero – change the Newsflash settings
Creating a list of contacts using the Contacts component
Time for action – add a series of contacts
What just happened?
Have a go hero – try out contact component settings
What extensions are part of the Joomla core?
Enhancing your site using third-party extensions
Trying out an alternative Newsflash module
Time for action – downloading and installing an extension
Time for action – putting the extension to work
What just happened?
Have a go hero – explore module options
Showing images in a lightbox gallery
Time for action – create an image gallery
What just happened?
Do you want more from your photo gallery?
Using extensions to enhance your work space
Time for action – replace Joomla's default text editor
What just happened?
So much more to explore
Updating extensions
Pop quiz – test your knowledge of Joomla extensions
Summary
11. Creating an Attractive Design: Working with Templates
This is what templates do
And this is why templates are so much fun
Where can you get a new template for your site?
Changing the settings of the current template
What are Template Styles?
Customizing the current template using built-in options
Time for action – changing the site color and layout options
What just happened?
Changing to a different template
Previewing available templates
Setting a different template as the default
Time for action – activating a different template
Time for action – changing the logo and header image
What just happened?
Applying Template Styles to individual pages
Time for action – creating a Template Style for one specific page
Downloading and installing a new template
Time for action – downloading and activating a new template
Time for action – place modules in new template positions
What just happened?
Time for action – replace the logo file
Time for action – adding a banner module
What just happened?
Have a go hero – change template settings
Customizing a template: tweaking CSS styles
Understanding the very basics of CSS
Tweaking the banner image CSS
Diving deeper into Joomla CSS: using Firebug
Time for action – editing CSS on the fly using Firebug
What just happened?
Expanding your CSS toolkit
Expanding your CSS knowledge
Editing the template HTML
Time for action – removing the fixed footer text
What just happened?
Backing up and restoring a customized template
Creating your own template
Template building resources
Pop quiz – test your knowledge of Joomla templates
Summary
12. Attracting Search Engine Traffic: Tips and Techniques
Why do you need to accommodate for search engines?
Optimizing articles for findability
The article title: Make it meaningful
The article structure: Use clear formatting
Adding H3 through H6 headings
Adding an second H1 page heading
Time for action – adding a page heading to an article
What just happened?
Page Heading and Page Title—what's the difference?
The article body text: Use relevant keywords
Update articles regularly
The images: Explain what they're about
Configuring HTML page titles
Time for action – setting the HTML page title
What just happened?
Adding the Site Name to the page title
Adding meaningful metadata
Time for action – personalize the site metadata
What just happened?
Choosing what metadata to set
Have a go hero – find metadata to fit your site
Use search engine friendly URLS
Adding extra links to site content
Creating an automatically generated list of hyperlinks
Time for action – add a list of links to popular articles
What just happened?
Have a go hero – add link lists
Redirecting visitors to pages that have been moved
Time for action – creating page redirects
Redirecting multiple old URLs in one go
Getting to know more about your site traffic
More SEO resources
Pop quiz – test your knowledge of Joomla search engine optimization
Summary
A. Keeping the Site Secure
Update regularly
Choose a safe Administrator Username
Choose a strong password
Protect files and directories
Setting File Permissions
Using extensions to secure your site
Have a backup ready
Creating a Backup with Akeeba Backup
Restoring a backup
Stay informed!
B. Pop Quiz Answers
Chapter 2, Installation: Getting Joomla Up and Running
Pop quiz – test Your Knowledge of Installing Joomla
Chapter 3, First Step: Getting to Know Joomla
Pop quiz – test your knowledge of Joomla basics
Chapter 4, Web Building Basics: Creating a Site in an Hour
Pop quiz – test your basic Joomla knowledge
Chapter 5, Small Sites, Big Sites: Organizing your Content Effectively
Pop quiz – test your site organization knowledge
Chapter 6, Creating Killer Content: Adding and Editing Articles
Pop quiz – test your article expertise
Chapter 7, Welcoming your Visitors: Creating Attractive Home Pages and Overview Pages
Pop quiz – test your knowledge of home pages and overview pages
Chapter 8, Helping your Visitors Find What they Want: Managing Menus
Pop quiz – test your knowledge on menus
Chapter 9, Opening up the Site: Enabling Users to Log in and Contribute
Pop quiz – test your knowledge of Joomla user management
Chapter 10, Getting the Most out of your Site: Extending Joomla
Pop quiz – test your knowledge of Joomla extensions
Chapter 11, Creating an Attractive Design: Working with Templates
Pop quiz – test your knowledge of Joomla templates
Chapter 12, Attracting Search Engine Traffic: Tips and Techniques
Pop quiz – test your knowledge of Joomla search engine optimization
Index

Joomla! 2.5 Beginner's Guide

Joomla! 2.5 Beginner's Guide

Copyright © 2012 Packt Publishing

All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.

Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book.

Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.

First published: March 2012

Production Reference: 1200312

Published by Packt Publishing Ltd.

Livery Place

35 Livery Street

Birmingham B3 2PB, UK.

ISBN 978-1-84951-790-4

www.packtpub.com

Cover Image by Karl Moore (<[email protected]>)

Credits

Author

Eric Tiggeler

Reviewers

Peter Martin

Mohamed Abdelaziz

Acquisition Editor

Robin De Jongh

Lead Technical Editor

Chris Rodrigues

Technical Editors

Manasi Poonthottam

Ankita Shashi

Manali Mehta

Apoorva Bolar

Copy Editors

Leonard D'Silva

Laxmi Subramanian

Project Coordinator

Sai Gamare

Proofreaders

Bernadette Watkins

Stephen Swaney

Indexer

Hemangini Bari

Graphics

Manu Joseph

Production Coordinator

Melwyn D'sa

Cover Work

Melwyn D'sa

About the Author

Eric Tiggeler is the author of Joomla! 1.5 Beginner's Guide and has written several Dutch books on Joomla!, all of which got excellent reviews. He's also written a successful Dutch guide to the Drupal 7 CMS. Eric writes tutorials for several computer magazines and Joomla! community websites.

Eric is fascinated by the Web as a powerful and creative means of communication—and by revolutionary software such as Joomla!, enabling anybody to create beautiful and user-friendly websites.

On a daily basis, Eric works as a consultant and copywriter at a communication consultancy company affiliated with the Free University of Amsterdam. Over the last few years, he has written more than ten Dutch books on writing and communication. His passion is making complex things easy to understand.

Eric Tiggeler is married and has two daughters. He lives and works in Hilversum (the Netherlands). On the Web, you'll find him at www.erictiggeler.nl (in Dutch) and www.joomm.net (in English).

About the Reviewers

Peter Martin has a keen interest in computers, programming, sharing knowledge, and how people (mis)use information technology. He has a bachelor's degree in Economics (International Marketing Management) and a master's degree in Mass Communication. He discovered PHP/MySQL in 2003 and Joomla!'s predecessor, Mambo CMS, a year later. Peter has his own business www.db8.nl (founded in 2005) and he supports companies and organizations with Joomla! and Joomla! extension development.

Peter is actively involved in the Joomla! community where he is a member of the Community Leadership Team and Global Moderator at Joomla forum.

Peter has also reviewed the following Packt Publishing books:

Joomla! 1.5 Templates Cookbook by Richard CarterJoomla! 1.6 First Look by Eric Tiggeler

His other interests are open source software, Linux (Debian, Ubuntu, DSL, Arch Linux), plug computers, music (collecting vinyl records), and art house movies. Peter lives in Nijmegen, the Netherlands.

Mohamed Abdelaziz was born in 1977, in Alexandria, Egypt. He is married and has two children, Reem and Omar. He obtained his bachelor's degree in Computer Science from the Automatic Control department, Faculty of Engineering, Alexandria University, in the year 2000.

After working for about eight months in Egypt as a FoxPro developer, he joined EJADA Systems in Riyadh, KSA as an Oracle developer (forms and reports) until 2005.

He became a Sun Certified Professional in October 2005. However, after a short time, PHP and Joomla! attracted him because of the increasing demand on this excellent CMS in the web development market. He launched his first Joomla! 1.0.x site in 2006, www.egyptianreviewer.com, which was a services directory covering all cities of Egypt. He developed his first Joomla! component, Member Care System (MCS), and had it published on JED; this was his starting point in the Joomla! development world. Since then, he has completed a lot of Joomla! projects; installation, customization, and development from scratch. Currently, he has four extensions published on JED.

www.PacktPub.com

Support files, eBooks, discount offers and more

You might want to visit www.PacktPub.com for support files and downloads related to your book.

Did you know that Packt offers eBook versions of every book published, with PDF and ePub files available? You can upgrade to the eBook version at www.PacktPub.com and as a print book customer, you are entitled to a discount on the eBook copy. Get in touch with us at <[email protected]> for more details.

At www.PacktPub.com, you can also read a collection of free technical articles, sign up for a range of free newsletters and receive exclusive discounts and offers on Packt books and eBooks.

http://PacktLib.PacktPub.com

Do you need instant solutions to your IT questions? PacktLib is Packt's online digital book library. Here, you can access, read and search across Packt's entire library of books. 

Why Subscribe?

Fully searchable across every book published by PacktCopy and paste, print and bookmark contentOn demand and accessible via web browser

Free Access for Packt account holders

If you have an account with Packt at www.PacktPub.com, you can use this to access PacktLib today and view nine entirely free books. Simply use your login credentials for immediate access.

Preface

Joomla is one of the most popular open-source content management systems, actively developed and supported by a world wide user community. It's a free, fun, and feature-rich tool for anyone who wants to create dynamic, interactive websites. Even beginners can deploy Joomla to build professional websites, although it can be challenging to get beyond the basics and build a site that completely meets your needs. This book will help you to get started building websites with Joomla quickly and get the most out of its advanced features.

What this book covers

Chapter 1, Introduction: A New and Easy Way to Build Websites—In this chapter, you'll learn why you want to use Joomla: to create a cool looking, feature-rich site that's easy to expand, customize, and maintain.

Chapter 2, Installation: Getting Joomla Up and Running—You'll learn how to install Joomla on your own computer or on a web server, and how to install a sample site.

Chapter 3, First Step: Getting to Know Joomla—In this chapter, you'll get familiar with the basic concepts of Joomla: the Joomla interface and the principles of a website constructed out of 'building blocks'.

Chapter 4, Web Building Basics: Creating a Site in an Hour—Face a real-life challenge: use Joomla to build a basic but expandable website fast. Customizing Joomla's default sample site to fit your needs, adding content, menu links, and changing the site's look and feel.

Chapter 5, Small Sites, Big Sites: Organizing your Content Effectively—Making it easy to add and find information on your site: designing a clear, expandable, manageable structure for your content.

Chapter 6, Creating Killer Content: Adding and Editing Articles—In this chapter, you learn how to create content pages that are attractive and easy to read, and you'll learn about different ways to tweak the page layout.

Chapter 7, Welcoming your Visitors: Creating Attractive Home Pages and Overview Pages—When you've got your content set up, you'll create a home page and overview pages to entice visitors to discover all your valuable content.

Chapter 8, Helping your Visitors Find What they Want: Managing Menus—In this chapter, you'll practice designing clear and easy navigation through menus and see how you can help the visitor to easily find what they want.

Chapter 9, Opening up the Site: Enabling Users to Log in and Contribute—You'll learn how to give users access to the site, allowing them to create content and manage the website.

Chapter 10, Getting the Most out of your Site: Extending Joomla—In this chapter, you'll learn how to extend Joomla's capabilities using all sorts of extensions: using an image gallery to attractively display pictures, automatically showing article teasers on the home page, or enhancing your workspace by installing an easier content editor.

Chapter 11, Creating an Attractive Design: Working with Templates—Templates will give your site a fresh look and feel and make it easy to create an individual look, different from a typical Joomla site. You'll learn how to install and customize templates.

Chapter 12, Attracting Search Engine Traffic: Tips and Techniques—This chapter shows you how to increase your site's visibility for search engines applying search engine optimization (SEO) techniques, such as creating friendly URLs.

Appendix A, Keeping the Site Secure—You'll learn what steps you can take to keep your site safe from hackers or data loss.

What you need for this book

To follow the tutorials and exercises in this book, you'll need a computer with Internet access. It's recommended to have a web hosting account, so that you can install Joomla online.

Who this book is for

Joomla! 2.5 Beginner's Guide is aimed at anyone who wants to build and maintain a great website and get the most out of Joomla. It helps you build on the skills and knowledge you may already have of creating websites—but if you're new to this subject, you won't have any difficulty understanding the instructions. Of course, we'll touch upon basic terms and concepts (such as HTML and CSS), but if you're not familiar with these, you'll also find references to some web resources.

Conventions

In this book, you will find several headings appearing frequently.

To give clear instructions of how to complete a procedure or task, we use:

Time for action – heading

Action 1Action 2Action 3

Instructions often need some extra explanation so that they make sense, so they are followed with:

What just happened?

This heading explains the working of tasks or instructions that you have just completed.

You will also find some other learning aids in the book, including:

Pop quiz – heading

These are short multiple choice questions intended to help you test your own understanding.

Have a go hero – heading

These set practical challenges and give you ideas for experimenting with what you have learned.

You will also find a number of styles of text that distinguish between different kinds of information. Here are some examples of these styles, and an explanation of their meaning.

Code words in text are shown as follows: "You can change the .contentheading style in the text editor."

A block of code is set as follows:

#logo span { color:#fff; padding-left:50px; font-size:0.3em !important; text-transform:none; font-family:arial, sans-serif } }

When we wish to draw your attention to a particular part of a code block, the relevant lines or items are set in bold:

#logo span { color:silver; padding-top:20px; font-size:0.5em !important; text-transform:none; font-family:arial, sans-serif } }

New terms and important words are shown in bold. Words that you see on the screen, in menus or dialog boxes for example, appear in the text like this: "In the Menu Manager: Edit Menu Item screen, click on the Page Display Options panel name on the right-hand side of the screen to open this panel."

Note

Warnings or important notes appear in a box like this.

Tip

Tips and tricks appear like this.

One final point: the official name is Joomla!, with an exclamation mark. That is how it's written in the book title. But in the book itself we'll simply write Joomla, because an exclamation mark in the middle of a sentence is rather unusual and can be confusing.

Reader feedback

Feedback from our readers is always welcome. Let us know what you think about this book—what you liked or may have disliked. Reader feedback is important for us to develop titles that you really get the most out of.

To send us general feedback, simply send an e-mail to <[email protected]>, and mention the book title via the subject of your message.

If there is a book that you need and would like to see us publish, please send us a note in the SUGGEST A TITLE form on www.packtpub.com or e-mail <[email protected]>.

If there is a topic that you have expertise in and you are interested in either writing or contributing to a book, see our author guide on www.packtpub.com/authors.

Customer support

Now that you are the proud owner of a Packt book, we have a number of things to help you to get the most from your purchase.

Downloading the color images of this book

We also provide you a PDF file that has color images of the screenshots used in this book. The color images will help you better understand the changes in the output. You can download this file from http://www.packtpub.com/sites/default/files/downloads/Images.pdf.

Errata

Although we have taken every care to ensure the accuracy of our content, mistakes do happen. If you find a mistake in one of our books—maybe a mistake in the text or the code—we would be grateful if you would report this to us. By doing so, you can save other readers from frustration and help us improve subsequent versions of this book. If you find any errata, please report them by visiting http://www.packtpub.com/support, selecting your book, clicking on the erratasubmissionform link, and entering the details of your errata. Once your errata are verified, your submission will be accepted and the errata will be uploaded on our website, or added to any list of existing errata, under the Errata section of that title. Any existing errata can be viewed by selecting your title from http://www.packtpub.com/support.

Piracy

Piracy of copyright material on the Internet is an ongoing problem across all media. At Packt, we take the protection of our copyright and licenses very seriously. If you come across any illegal copies of our works, in any form, on the Internet, please provide us with the location address or website name immediately so that we can pursue a remedy.

Please contact us at <[email protected]> with a link to the suspected pirated material.

We appreciate your help in protecting our authors, and our ability to bring you valuable content.

Questions

You can contact us at <[email protected]> if you are having a problem with any aspect of the book, and we will do our best to address it.

Chapter 1. Introduction: A New and Easy Way to Build Websites

You want to build a website. It should look great, and it should be easy to use and maintain. Keeping it up-to-date should be effortless. Changing the appearance of your site should take minutes, not hours. You don't want to manage it all by yourself, but you want to enable other people to log in and write new content without having to understand HTML or other coding languages. And when your site grows, it should be easy to extend it with new functionality—maybe adding a forum or a newsletter.

If that's what you're looking for, welcome to Joomla. When it comes to creating a great, professional looking website that's easy to use, you really can't beat the power of a content management system (CMS) such as Joomla. Without writing a single line of code, you can create any kind of site, boasting a variety of cool and advanced features.

Join the CMS revolution

Maybe you have already built websites the traditional way. That basically meant creating HTML documents—web pages—one by one. As the site grew, you'd end up with a bunch of HTML documents, trying to keep all of them organized and making sure all menu links stayed up-to-date. You'd probably maintain the site by yourself, because it was hard for other people to learn their way around the structure of your particular site, or to become proficient in the web editing software you used.

Enter the Holy Grail of web building: the Content Management System (CMS)! A CMS is an application that runs on a web server. It allows you to develop and maintain a website online. It comes packed with features, ranging from basic features to add and modify content to advanced functionality such as user registration or site search capability. In short, a CMS makes it possible to build sites that would normally involve a full team of web professionals with a massive amount of time, money, and expertise at their disposal.

All that magic is made possible because a CMS is really an advanced set of scripts (written in a scripting language, such as PHP) that use a database to store the content of your website. From that database, it retrieves bits and pieces of content and presents them as web pages.

This dynamic way of storing and presenting content makes a CMS very flexible. Do you want to show only a selection of articles from a specific category on a page? Do you want to display only the intro texts of the most recent articles on the home page? Do you want to add a list of links to the most popular content? Do you want to limit access to registered users? It's all possible—just pick the right settings. Additionally, a CMS allows you to integrate all sorts of extra features, such as contact forms, picture galleries, and much more.

The best part is that a CMS like this is yours to download and deploy today. You can pick the CMS of your choice from a range of freely available open-source products. Your new CMS-powered site can be online tomorrow. Now, how's that for a great deal?

Note

Open-source software is software that's distributed free of charge and more importantly it's unlocked, unlike software developed commercially. The Joomla source code is freely available and other software developers are encouraged to modify and to help improve the software. The name Joomla stands for alltogether. It's as much a software product as it is an international community of people working together voluntarily to expand and improve that product.

Why would you choose Joomla?

There are many open-source CMSes around. They're all great tools, each with its own typical uses and benefits. Why would you want to choose Joomla?

People tend to choose Joomla because they find it easy to use. It has a clear and friendly user interface. It makes it easy to manage content and easy to create and publish articles to keep your site current—anytime, anywhere—using a web browser.Adding new features takes just a few clicks. There are thousands of extensions available, from menu systems to commenting systems and forums.It's very easy to change the site's appearance—templates are abundant and can be installed within minutes, giving your site a fresh look and feel.Joomla is actively developed and it's well supported by a huge worldwide community of users and developers. It is updated frequently, adding new features, security enhancements, and other improvements.

Apart from these typical Joomla benefits, it comes with all of the advantages of a state-of-the-art CMS. The following are a few examples:

It's really easy to add or edit content and to keep it organized (even if there is a lot of it).Keeping hyperlinks up-to-date is greatly automated. For example, if you add a new web page to a category a new link will automatically appear in pages pointing to that category.You don't have to maintain the website all by yourself. Other users can add content, add new menu items, and much more.

The numbers seem to indicate that Joomla is the open-source CMS of choice for web builders worldwide. It's the engine behind some 20 million websites worldwide and this number is still growing rapidly day-by-day. Joomla is one of the biggest open-source software projects around, supported by a huge user community and is constantly being developed further by an international team of volunteers.

What kind of sites can you build with Joomla?

Let's have a look at some great real-world examples of sites built using Joomla. If you're someone like me, seeing inspirational examples is what makes you want to get started right away, creating something equally cool (or something better). These are just a few examples from the Web and from the Joomla site showcase (http://community.joomla.org/showcase). They are very diverse sites from very different organizations, each with their own goals and target groups. What they have in common is that they deploy Joomla in a way that you could too. They adapt the CMS to their specific needs, making it perfectly suited for the content they present and the impression they want to make.

Here's an example from Primary School of Music in Warsaw in Poland (http://www.bloch.edu.pl). It shows a clean, yet playful design, displaying a few highlights from the site's contents with a focus on outstanding graphics.

The following example is a website of a British country club (http://www.china-fleet.co.uk). The site offers a clear and attractive overview of the services and products.

Joomla can handle complex sites with thousands of pages. The following is an illustration of a content-rich site with a made-to-measure design: the Guggenheim Museum website (http://www.guggenheim.org):

One final example demonstrates that Joomla sites don't have to look anything like a typical CMS-powered site. If you want to, you can use quite a different design—and still take advantage of Joomla's default functionality to power the site. The following is a portfolio site of a German artist (http://www.philippklein.de):

Tip

If you're looking for some more inspiration, browse the official Joomla showcase: http://community.joomla.org/showcase or go to www.bestofjoomla.com and look around the Best of Sites section.

Learning to use Joomla

It may sound too good to be true. Does Joomla really make creating state-of-the-art websites side splittingly easy? Let's be honest—it will make it reasonably easy, but of course it does require you to invest some time and effort. After all, working with Joomla (or any CMS) is very different from building websites the traditional way. You'll notice this as soon as you start installing the system. Compared to setting up a simple static website consisting of a few HTML pages, building a Joomla-powered site takes a bit more preparation. You'll need hosting space that meets specific requirements and you'll need to set up a database. It's very doable, and this book will run you through the process step-by-step.

Once you've got Joomla set up, you'll soon get the hang of creating a basic site. The next challenge is to get things just right for your particular goals. After all, you don't want just any Joomla-powered site—you want to build a specific site, aimed at your specific target audience. The Joomla Beginner's Guide will help you to go beyond a basic site and make the choices that fit your goals.

Even using a CMS, it will take time and effort to create and maintain great websites. However, Joomla will make it much easier and much more fun for you (and your web team members) to get your site started and keep it evolving.

What you'll learn using this book

The Joomla Beginner's Guide isn't just about Joomla—it's about making websites, and it shows you how to use Joomla to make the best website you can. After all, if you're interested in all Joomla features and capabilities you can get a reasonable impression by exploring the interface by yourself and trying out the menus and options. However, even a user-friendly interface doesn't tell you how to deploy it in the best way in real-life circumstances. What's the best and fastest way to get started, what features and options are particularly useful, what are the ones you probably don't have to bother using at all? I want to help you to tame the beast that's called Joomla, to find your own way around and to get things done—with a great looking, user-friendly website as the output. That's what the Joomla Beginner's Guide is about.

The Joomla Beginner's Guide is focused on learning by doing—the structure of the book reflects the process of building a website. In the first chapters, you learn how to install Joomla, take a tour of the system, and get a feel for what it's like. After that, you'll learn all that's needed to build and maintain your own site:

Master the fundamentals by creating a basic website in one hour.Adapt and expand the site to meet your changing needs. You'll set up a site structure and learn how to add different types of pages.Make content easy to find through well-designed menus and design and an attractive home page.Engage your web visitors and turn them into active users who can register and add content.Extend Joomla's capabilities and add special features (such as a picture gallery) to the site.Change the site layout and make it more attractive.Tweak the site to attract search engine traffic and to keep the site safe.

Tip

Feel free to skip chapters!

Don't worry, to learn using Joomla you don't have to follow all the chapters and the exercises in the book step-by-step. After you've gone through the introductory chapters, maybe you'll feel comfortable to skip to changing the design of your site or adding extensions. That's okay—you can jump straight into most of the chapters and follow the exercises there as long as you have a working version of Joomla and a some dummy content available.

About the example site

In the course of this book, you'll learn how to build a realistic example site step-by-step. Instead of just learning about Joomla's capabilities in general terms, you'll meet real-world web building challenges. Throughout the book, you'll achieve all of your fictitious client's goals (that is, 'I want a website that my web team members can update themselves ,' or 'I want a website that makes it easy to navigate through a large amount of content').

Now who's that client of yours? It's CORBA, a club of Collectors Of Really Bad Art. They just love bad paintings and ugly sculpture. They argue it can be valuable art—in its own, ugly way. The CORBA people need a website to inform the public about their goals, informing the public about all sorts of bad art, showcasing fine examples of ugly art, and encouraging people to join and participate.

You'll take the CORBA site through different stages of development. First you'll base the site on Joomla's default design and layout. Later on, you'll add advanced features and shape the site's contents and design to meet the changing needs of your client.

The CORBA site is a good example of what you can accomplish with Joomla. You start out with a basic website and add sophisticated features as you go. Of course, you can follow along in this book without having to actually perform all of the actions described—but you'll find it's a good and fun way to learn building a site and honing your skills as you go.

Summary

In this chapter, you've been introduced to the wonderful world of the Joomla CMS. You've learned about:

The difference between building a website the traditional way and using a CMS. You don't have to create HTML documents (web pages) one-by-one. Instead, you use a web application to develop and maintain your site. Using the tools and features of the CMS, you can create more powerful sites that are easier to maintain.The benefits of using Joomla, such as its ease of use, the ability to add extra features, and the ability to change the look and feel of the site fast.The structure of this book. Step-by-step, you'll learn how to build a realistic example site with Joomla.

That's enough background information for now—let's get started! In the next chapter, you'll get the Joomla software up and running. After that, you'll get familiar with the way Joomla works and start building.

Chapter 2. Installation: Getting Joomla Up and Running

Joomla isn't just any ordinary software package that you can install on your own computer; it needs a web server to run on. If you are new to Joomla, installing a web application may seem daunting. And, let's be honest, running the installation procedure is probably the least exciting part of working with Joomla. However, if you just follow the required steps, it's pretty straightforward. It does take a little preparation, but if you have got everything ready, you can walk through Joomla's user-friendly setup wizard that takes most of the hassle out of the installation.

In this chapter, you will install Joomla on a web server, allowing you or anyone else with Internet access to immediately see and visit your Joomla-powered site. Your site will be accessible via your own web address (URL), such as http://www.example.com. When you build and customize the site, you will access the site through your browser.

Tip

Don't fear the technical mumbo jumbo

Joomla will make it really easy for you to build a state-of-the-art website—but installing the program will inevitably introduce you to some technical names and acronyms. Don't let this intimidate you. If you have never heard of PHP, MySQL, and the like, you may be tempted to call in your computer geek nephew to carry out the installation for you, allowing you to jump ahead to the fun and creative part—creating a beautiful site. But rest assured, you can pull this off yourself. It's like following directions to a destination in a city you are new to. If you keep to the instructions, you are certain to get there. Moreover, as you will do this more often, you will get to know the city map better and better. It will take you less and less time to get a new Joomla site up and running.

In this chapter, you will learn about the following:

What you need to install JoomlaHow to get Joomla up and runningWhat's in the box: what do you get when you install Joomla?Where to find further help if you get stuck

So let's get started!

What do you need to start?

To be able to install and run Joomla, you will need hosting space and a few tools. Here's a full shopping list.

Hosting space

First of all, you will need a hosting space: a place on a web server where you can set up your site, making it accessible for anyone with Internet access. Your hosting account should support the PHP scripting language, it should support the type of database that Joomla uses, called MySQL, and it has to run the Apache server software. Specifically, the following are the system requirements for Joomla 2.5:

PHP 5.2 or higher:PHP is the scripting language that Joomla is written in.MySQL 5.0.4 or higher: The MySQL database is where Joomla stores its data (the contents of your site).Apache 1.3.x or higher: Version 2.x is recommended. Apache is the web server software that processes the PHP instructions for how to pull in contents from the database and display a web page.XML and Zlib support: Your host's PHP installation should support XML and Zlib functionality.

You shouldn't have any difficulty finding hosting accounts that meet these system requirements. If you are not sure, any hosting provider should be able to tell you if they support Joomla.

You can find detailed system requirements at the official Joomla help site: http://www.joomla.org/technical-requirements.html.

Tip

What if you do not have hosting space?

If you don't have a hosting account yet, you can install Joomla on your computer. This does involve installing web server software first. This means you will make Joomla run on your computer as if it were a real, live web server.

The quickest way to do this is to use an all-in-one installation package. Go to http://bitnami.org to download the free, open-source BitNami Joomla Stack that will automatically install both web server software and Joomla in one go.Another option is to first install web server software and then install the Joomla software on your computer. There are several free web server software packages available, such as WampServer for Windows, XAMPP for Windows, Linux, and Apple computers. For more details, refer to www.wampserver.com or www.apachefriends.org.

Although this approach is OK for testing purposes, there are some drawbacks. You will have access to Joomla from just one computer, and when your site is ready for the world, you will have to install it on a real web server anyway. In this book, we will focus on installing and running Joomla on a web server.

FTP software

To transfer files from your computer to a web server, you need special FTP software. FTP is short for File Transfer Protocol. An FTP program is comparable to Windows File Explorer or the Mac Finder. You use it to manage files and move them from one place to another—the only difference being that the FTP program allows you to move files from your computer to your hosting space on a web server (and vice versa).

If you are new to FTP, do a web search for FTPTutorial to get familiar with the basic procedures. See for example http://www.freewebmasterhelp.com/tutorials/ftp.

Tip

Looking for FTP software? Check out the free (open-source) Filezilla software, available for computers running Windows, Apple, and Linux. You can download it from http://filezilla-project.org. And if you are using Firefox, you might be interested in FireFTP, an FTP plugin for your browser.

A great browser (think Firefox)

If you are perfectly happy with whatever your current browser may be, you won't have any trouble managing your Joomla site with it. However, people creating websites often install more than one browser on their computer. Apart from the ever-popular Microsoft Internet Explorer (www.microsoft.com), you might want to install the up-and-coming Google Chrome (www.google.com). But you will definitely want to use Mozilla Firefox (www.mozilla.org). Having more than one browser allows you to check if your site looks okay in all major browsers. Do make sure that you have the current version of these browsers. Older browsers may not render current websites as they should (Microsoft Internet Explorer 6 is notorious in this respect).

A special benefit of having Firefox at your disposal is that there are many extensions for this browser that will make your web developing life much easier. One of these is Firebug, helping you to style your web pages using templates (more about Firebug in Chapter 11, Creating an Attractive Design: Working with Templates). Another great Firefox plugin is FireFTP, which turns your browser into a full-blown FTP client. Go to http://fireftp.mozdev.org to see how it works and to download a copy.

Tip

Upgrading from older versions

If you have already built websites with the previous major version of Joomla 1.5, you can't easily upgrade your existing site to Joomla 2.5. The main reason is that the structure of the content database has changed substantially in 2.5. What can you do if you want to keep your existing content and the existing structure of your website when upgrading to Joomla 2.5? You might want to try out an extension for Joomla, a component called jUpgrade. This will move your entire site, including its database, from 1.5 to 2.5. However, you will still have to update some things yourself, for example, a template used in Joomla 1.5 won't work in higher versions, so you will have to use a new template or update the old one. You can read more about upgrading on the Joomla documentation pages: see Migrating from Joomla 1.5 to Joomla 2.5, http://docs.joomla.org/Migrating_from_Joomla_1.5_to_Joomla_1.6.

Installing Joomla in four steps

If you have set up a web hosting account and got the tools you need, you are set to go. Installing Joomla simply requires carrying out the following steps:

Download the Joomla files from www.Joomla.org.Place the files on the web server.Create a database.Install Joomla itself, using an installation wizard.

The rest of this chapter will give you a detailed walkthrough of this procedure.

Time for action – downloading the Joomla files

Let's begin by downloading the current version of Joomla.

Point your browser to www.joomla.org. On the home page, click the Download button.You will be taken to the download page. Select the latest release (at the time of writing, this is 2.5.0).

Make sure to download the full package (the other versions are upgrades for existing Joomla installations).

The default download file is a ZIP file. Download this file to your hard drive.Unpack the compressed file to a folder on your hard drive. If you don't have a software program for unpacking files, check out http://www.7-zip.org for an open-source file extraction program.

What just happened?

You have downloaded and extracted the Joomla software files. All files required to install Joomla are now stored in a folder on your computer.

Time for action – placing the files on the web server

Next, start up your FTP program (see the What do you need to start? section, discussed earlier in this chapter) and upload all the unzipped files in the folder to the web server. This is how you do it:

In your FTP program, browse to the folder containing the unzipped Joomla files. Select all files (do not select the folder, only its contents).Select the target directory, the root directory of the web server. The root directory is often called httpdocs, htdocs, httpd, public_html, or www. If you can't find that folder, your web hosting company should be able to help you out.

Tip

Don't worry about the name of the root folder (httpdocs or any of the other names listed earlier). This name won't show up in the web address of your site. Visitors don't have to type www.example.com/httpdocs, just www.example.com will take them to your site. However, if you create a folder within httpdocs, this folder name will show up in your web address. If you create the folder httpdocs/joomla and install Joomla there, your site will be accessible only through www.example.com/joomla. This means you should only create such a subfolder if this is what you want (for example, when you are just testing Joomla and you want to keep using the root directory for your existing site).

In your FTP program, select all files in the Joomla folder. The list of files should resemble the one on the left half of the following screen. The following illustration shows the FileZilla screen, but if you are using another FTP program, this shouldn't look much different.On the web server, select the destination folder (httpdocs). Click the right pointing arrow to upload the Joomla files to the web server root directory.

What just happened?

You have just got your FTP program to copy all the Joomla files from your computer to the web server. Don't worry if this takes some time, as uploading thousands of Joomla files can take 10 minutes or more, depending on the speed of your Internet connection.

Tip

Some web hosting companies support a feature that allows for faster uploading: they allow you to upload the zipped Joomla file and extract it on the web server, using the file manager tool of the web server control panel. If your hosting provider supports this feature, it's much faster than extracting the ZIP file on your computer and uploading thousands of separate files.

Time for action – creating a database

The next step is creating an empty database for Joomla. If you are new to Joomla, the concept of a web application using a database may take some getting used to. The database isn't a regular file that you can create (or copy, move, or delete) on the web server. To create and manage a database, you use special software. Most web hosting companies offer you database access through a web interface (usually called a controlpanel). Popular control panels are Plesk and CPanel. You will find details on the control panel that's available to you in your hosting account information.

In the following example, we will use Plesk to create a new database. If your hosting company provides another control panel, the basic procedure won't be very different. However, if you are not sure how to access your web server control panel, your hosting company should be able to provide you with the details. You will also find online documentation for common web hosting control panels; for CPanel, search for MySQL Database Wizard on http://docs.cpanel.net to find information on this subject.

Tip

Sometimes web hosting providers don't allow their users to create their own database. Instead, they provide a pre-installed database. If this is the case, you can go on to step 4, running the Joomla installation wizard. You will need some database details for this: the database name, the database username, and a password for this user. Check the account information you received from your host.

Log in to the Plesk control panel with the account information you have received from your hosting provider. To add a new database, click Databases and click Add New Database.Enter a name for the new database, for example, joomladatabase. Click OK.Create a new user for the database. Click Add New Database User and enter a login name and password for the new user.Make a note of the data you need to install Joomla later on: the database name, the database username, and password.

What just happened?