Upload
joomladayhouston
View
417
Download
0
Tags:
Embed Size (px)
DESCRIPTION
Rodger Fields' slideshow for Joomla 101! at JoomlaDay Houston 2013.
Citation preview
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: [email protected]
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