JOOMLA 101Rodger Fields

Joomla.Org

... But Joomla is More than just an Open Source CMS ...

!

... Joomla is a Community. !

Become a part of it - Join HoustonJUG.Com!

www.inmotion

Joomla Needs Host Services

Apache or IIS

DBMS

PHP

Host System

Pick A HostConfirm host support

Check RequirementsGo to Joomla.Org

About/The Software/ Technical Requirements

For Desktop VersionsRefer to Supplemental

Materials at back

Rochen, SiteGround, and inmotionhosting

all specialize in Joomla.

Installing Joomla

Apache or IIS

DBMS

Joomla Files

PHP

Database

Host Versions Joomla Installation - Follow Host Instructions

Surgical Efficiencies

Joomla - Front and BackThe Front-End is what the USER sees

Joomla - Front and BackChanging as they move around the site

Joomla - Front and BackThe Back-End is what the Administrator sees.

Joomla - Front and BackProviding access to tools for configuring the site.

Media ManagerThe Media Manager provides a repository for images used in articles, modules, etc.

Joomla Templates

★ Define how a web site LOOKS ★ Front-end and back-end templates provided ★ Vendors provide both free & paid templates ★ OR ... You can build your own

Installing a Template1) Download the Template Package(s)

2) Load the file(s) with Extension Manager

Choose File - then click Upload & Install

Now Make It Your Default1) Extensions/Template Manager

2) Click the star icon in the Default column for the Template

3) Verify - Go to the Front-end to see the template applied.

Template PositionsAbout Positions

★ Specific to a given template

★ The unnamed position used for components (e.g. content)

★ Positions determine where Modules appear

Positions Are Named Page Regions

topcenter

midleft midright

left right

footer

Template PositionsViewing PositionsPositions Are Named

Page Regionstopcenter

midleft midright

left right

footer

Enable Preview Module Position in Template Manager Options

Append /?tp=1 to front-end URL

Viewing With /?tp=1

ModulesModules can be:

★ Menus

★ Login Forms

★ Custom HTML

★ Breadcrumbs

★ Random Images

★ ... and Much More

Functionality to display in a Page Position

topcenter

midleft midright

left right

footer

ModulesWhere & When?Functionality to display

in a Page Position

topcenter

midleft midright

left right

footer

WHERE A Module is assigned to

One-and-Only-One Position ALWAYS

WHEN A Module appears ONLY on assigned Menu Items

Content ComponentWeb Page ContentDisplays in the Main Part

of the Web Page

topcenter

midleft midright

left rightMain

Part of the Web Page

footer

★ ONE component per page

★ Web content is managed via CAM:

✦ Categories

✦ Articles

✦ Menus

Manage Content with CAM

Categories

CAM Paradigm Managing Categories

★ Used to structure your site overall

★ Content/Category Manager

★ Nest categories using parents

★ PLAN your categories

Category/Article/Menu

Categories

Articles

CAM Paradigm Managing Articles

★ Creates content within the categories

★ Content/Article Manager

★ An article can belong to only one category

★ Articles aren’t visible until menus defined (with 1 exception)

Category/Article/Menu

Categories

Menus

Articles

CAM Paradigm Managing Menus

★ Menu items make articles visible

★ Manage menu items within a specific menu - NOT the Menu Mgr

★ Individual articles

★ Category lists or blogs

Category/Article/Menu

Categories

Menus

Articles

CAM Paradigm CAM Order is Important!Follow CAM order

when creatingReverse CAM

(i.e. MAC) when deleting

User GroupsSelect Users/Groups to see the default User Groups:

Default User Groups - Front-end

★ Public - users who just browse the front-end ★ Registered - log on to the front-end and get special

functionality (e.g. see something, comment, etc.) ★ Authors - allowed to create articles for the web site ★ Editors - Create and edit articles ★ Publishers - Create, edit, and publish articles

These groups operate solely from the front-end

Default User Groups - Back-end

★ Managers - Create/Edit/Publish & Link to Menus - but can’t manage Users, Templates, or Modules

★ Administrators - can do almost everything except configure Option Configurations (e.g. Article Manager Options)

★ Super Users - can do everything

These groups access the back-end of the site

Add UsersUsers/User Manager/Add New User:

Extending Joomla

Over 7,000 Extensions available at extensions.joomla.org

Extensions - Things to Look For

★ General description of the extension ★ What Joomla versions it supports ★ Review score and number of votes ★ Makeup: Component, Module, Plug-In

Adding an Extension1) Download the Extension from the JED2) Load the file with Extension Manager

Choose File - then click Upload & Install3) Follow any specific configuration instructions

Backing Up Your Site

Apache or IIS

DBMS

Joomla Files

PHP

Database

DON’T Backup This DO Backup This

Backing Up Your SiteBEFORE You Back Up

IMPORTANT FOR ACTIVE PRODUCTION

SITES!

Place site Offline in Global Configuration

AFTER You Back UpPlace site Online in

Global Configuration

Backing Up Your Site

Joomla Files

Database

Back Up Your Joomla Files DO Backup This

1. Compress the entire directory into a file

2. Download it and name it

3. Make an add’l backup copy

Backing Up Your Site

Joomla Files

Database

Back Up Your Joomla Database DO Backup This

1. Select the database in PHPMyAdmin

2. Click Export and accept defaults

3. Download the SQL file and name it

4. Make an add’l backup copy

Restoring Your Site

Joomla Files

Database

Restore the Joomla Files

To Your Site FolderUsing Your Backups

1. Delete all the existing files

2. Upload the compressed backup file

3. Extract the files in the folder

Restoring Your Site

Joomla Files

Database

Restore your database Using Your Backups

1. Drop old database 2. Create a new

empty database with same name*

3. Import data from your .SQL file

* If you change the db name, then update config.php accordingly.

Upgrading Joomla★ ALWAYS backup your site before updating ★ Check your extensions - will they work?

(particularly with major version upgrades) ★ Go to Components/Joomla Update - Joomla will

tell you if an update is available ★ Click Install The Upgrade

TIP! When upgrading has completed: refresh your screen or empty your browser cache

to adjust for template CSS changes.

Power the Joomla Community at HoustonJUG.Com

!

Join Today!

Questions?

Personal Website: JudyAndRodger.Com Email: Rodger@JudyAndRodger.Com

Hosted by: inmotionhosting.com

Supplemental Materials

For You To Consider!At Your!Leisure

Desktop Versions of AMP★ AMP stands for Apache/MySQL/PHP

★ Rather than downloading the AMP components individually, it is easiest to use:

✦ WAMP - for Windows PCs - find directions and downloads at www.wampserver.com/en/

✦ MAMP - AMP for the Mac - find directions and downloads at www.mamp.info/en/index.html

★ Installation is relatively straight-forward but, for more help, David Gassner has a video named Installing Apache, MySQL, and PHP at lynda.com

Desktop Document Root

★ For Desktop installations, you’ll end up with a Document Root (i.e. where you’ll set up your Joomla folders):

✦ WAMP: C:\wamp\www

✦ MAMP: Applications/MAMP/htdocs

✦ Create a folder for your Joomla site beneath that root: ✦ WAMP: C:\wamp\www\mysite

✦ MAMP: Application/MAMP/htdocs/mysite

Installing Joomla on Desktop

1. Go to Joomla.org and download the installation zip file 2. Copy that file into your Mysite folder and extract all the

files there 3. Create a new blank database in PHPMyAdmin 4. In your browser, go to localhost/mysite 5. The Joomla installation script will lead you through the

process

Other Joomla Components

★ Banners - for advertising banners ★ Contacts - creates contact forms ★ Search - allow users to search your site ★ News Feeds - pull news from other sites ★ Web Links - links to other sites

Access Control Lists

★ Joomla uses Access Control Lists to manage sophisticated permissions

★ ACL is beyond Joomla 101 ★ Suggest you attend training for ACL or

view training videos (e.g. @lynda.com)

Bending Display RulesBending the RulesNormal Display Rules:

topcenter

midleft midright

left rightMain

Part of the Web Page

footer

★ Display Modules in Articles using {loadposition positionname}

★ Some Components work together with Modules to display them in Positions (e.g. Banners)

Modules in PositionsComponents in Main Part