A complete guide to Joomla 2.5


Published on

Published in: Education, Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

A complete guide to Joomla 2.5

  1. 1. +Joomla! CMS Version 2.5Deepak K.C.Department of Information ProcessingKTUAS
  2. 2. +Content Management System(CMS)n  A software that keeps track of every piece ofcontent on your websiten  Content : text, photos, music, video, documents …n  Advantages of using CMSn  No technical skill or knowledge to managen  Management through an easy to use browser basedinterfacen  Increased control over websiten  Publishing variety of contentn  Improved time to market with content changesn  Lower cost per pageDownload Joomla : http://joomlacode.org/gf/download/frsrelease/18322/80354/Joomla_2.5.11-Stable-Full_Package.zip
  3. 3. +Joomla!n  An award winning content management system (CMS)n  Enables to build website & online applicationsn  Features of Joomla!n  Ease-of-usen  Easy content managementn  Extensibilityn  Open sourcen  Widely Accepted (More than 30 Million Downloads - 2012)
  4. 4. +Joomla can be used to buildn  Corporate Web sites or portalsn  Corporate intranets and extranetsn  Online magazines, newspapers, and publicationsn  E-commerce and online reservationsn  Government applicationsn  Small business Web sitesn  Non-profit and organizational Web sitesn  Community-based portalsn  School and church Web sitesn  Personal or family homepages
  5. 5. +Joomla! Sitesn  MTV Networks Quizilla (Social networking) - http://www.quizilla.comn  IHOP (Restaurant chain) - http://www.ihop.comn  Harvard University (Educational) - http://gsas.harvard.edun  Citibank (Financial institution intranet) - Not publicly accessiblen  The Green Maven (Eco-resources) - http://www.greenmaven.comn  Outdoor Photographer (Magazine) -http://www.outdoorphotographer.comn  PlayShakespeare.com (Cultural) - http://www.playshakespeare.comn  Senso Interiors (Furniture design) - http://www.sensointeriors.co.zaMore sites at : http://community.joomla.org/showcase
  6. 6. +Features included with the coresystemn  WYSIWYG Content Editorn  Content Schedulingn  User Managementn  Access Controln  Media Managern  Language Managern  Banner Managern  Contact Managern  Pollsn  Searchn  Web Links Managementn  Content Syndicationn  News Feed aggregation & displayn  Template Managementn  Search Engine Friendly URLs•  In addition to these core features,Joomla is extendable•  With over 4000 open source extensions available for free or low cost,you cancustomize the site to include the functionalities you need.Photo Gallery,Webshop,Booking system etc….
  7. 7. +Why Joomla?n  More than 4500 extensions available – meaning morefunctionalitiesn  Easy to customize the appearance of the siten  E-commerce optionsn  Easy to find help for Joomla! Site (Wide Developer Support)n  Decent documentationn  Active and dynamic community – providing support in theforums and one can be assured of the ongoing vitality of theprojectn  Affordable development costs
  8. 8. +The Joomla! Open Source Licensen  Released under the GNU License (GNU GPL)n  The GNU General Public License grants users four freedomsn  The freedom to run the program for any purposen  The freedom to study how the program works and adapt it to yourneedsn  The freedom to redistribute copies so you can help othersn  The freedom to improve the program and release yourimprovements to the public so that the whole community benefits
  9. 9. +Joomla Architecturen  Designed to run on the popular LAMP stackn  LAMP: Linux with the Apache web server, the MySQLdatabase & the PHP programming languagen  Joomla! is primarily written in PHPn  .css, .htmln  .ini , .jsn  .php , .xmln  XAMP,WAMP, MAMP
  10. 10. +Joomla! Support & important sitesn  Over 200,000 community users and contributorsn  http://community.joomla.org/n  Joomla! Main site – http://www.joomla.orgn  Joomla! Code – http://www.joomlacode.orgn  Joomla! Developer site – http://developer.joomla.orgn  Joomla! Extensions Directory – http://extensions.joomla.orgn  Joomla! Documentation – http://docs.joomla.orgn  Joomla! Forums – http://forum.joomla.org
  11. 11. +Joomla 2.5 Installation
  12. 12. +The installation processn  Downloading & installing a web server called Apache, adatabase called MySQL & a scripting language PHPn  Downloaded together as one packagen  XAMPP – Windowsn  MAMP – MAC OS Xn  LAMP – Linuxn  Downloading & installing Joomlan  Configuring Joomla
  13. 13. +Download & Install XAMPPn  XAMPP Windows 1.8.1n  http://www.apachefriends.org/download.php?xampp-win32-1.8.1-VC9-installer.exen  XAMPP for Windows FAQn  http://www.apachefriends.org/en/faq-xampp-windows.htmlApache 2.4.2, MySQL 5.5.27, PHP 5.4.7, OpenSSL 1.0.1c, phpMyAdmin3.5.2.2, XAMPP Control Panel 3.1.0,Webalizer 2.23-04, Mercury MailTransport System v4.62, FileZilla FTP Server 0.9.41,Tomcat 7.0.30 (withmod_proxy_ajp as connector), Strawberry Perl Portable
  14. 14. +Installation processn  Disable UACn  Search UACn  Select Change User Account Control settingsn  Drop the icon to Never notify and restart your Windows Right clickthe installation file and select run as administratorn  Follow on screen instructions
  15. 15. You can now re-enable UAC
  16. 16. +Site & the administration pagesn  Site (Front-end): http://localhost/joomlan  Administration page (Back-end):http://localhost/joomla/administrator
  17. 17. +Joomla Back-endTo build your website you need to log into the administrator area.You can log in by opening the corresponding URL in your web browserhttp://localhost/joomla/administratorProvide your username & password that have been set during the installation
  18. 18. +Joomla Administration
  19. 19. +n  Access Level : A method or functionality for the site administrator to control access toarticles or functionality.n  Archives : Articles can be removed from the general content areas and placed in anarchive.This is most often used with blog-type sites as the archived articles can be useto organize old articles according to month postedn  Article : An article is a page of content created with Joomla’s New Article functionality.Using Article manager, article can be created, edited, deleted, published, unpublishedor archived.n  Component:The major units of functionality that provide output in the main content areaof a page. Components are the most complex individual units in the system.They aresometimes constituting complete applications in themselvesn  Extensions: A generic term that refers to any component, module or plugin that isadded to default joomla system. Extension can be added, deleted or managed throughadmin system’s extension managerJoomla Vocabulary
  20. 20. +n  Module :They are typically output in the secondary areas of the page that ismostly outside the content area.They are simply containers that hold text orpictures and provide limited functionality like a login box.n  Module Positions:They are places on the page where module can beassigned to appearn  News feeds: It refers to RSS or similar syndication formats.n  Plugin :They are helper applications that enable additional functionality inthe sites components, articles or modulesn  Template: It controls the presentation layer of joomla site.Templates can beinstalled and installed templates are collected inside the template managerwhere they can be edited.n  Language pack: New language packs can be added through the extensionmanager and installed language packs are collected inside the languagemanager.Joomla Vocabulary
  21. 21. +n  The visibility of modules depend onn  Whether the module is enabledn  Whether the module is assigned to the page you are viewingn  Whether the viewer has sufficient access privileges to view themoduleModules & module positions
  22. 22. +The Front-Endn  The interface that is seen by the visitor to the site.n  The target of your outputn  The place where visitors access the site’s content &functionalityn  By default the site content and site is visible to everyonehowever the visibility of content and functionality can berestricted
  23. 23. +My first page in Joomlan  Click Add New Article icon from the Administration front-pagen  Type the title of the articlen  Select Category (leave it uncategorized – as we have not yetmade any)n  Select Save or Save & Close or Save & NewContent >> Article Manager >> Add New Article
  24. 24. +Category Managersn  The category manager can be used to create, edit and deletecategories in a site.n  Categories are created to categorize articles.n  Each category if needed can have sub categoriesn  Examples : Faculty can be a category and it can have subcategories liken  BITn  BMn  Nursingn  Social Service
  25. 25. +Adding New categoryn  Content->Category Manager->Add New Category
  26. 26. +Batch Processes for the selectedcategoriesn  Set Access Leveln  Set Languagen  Select Category for Move/Copy
  27. 27. +Filter Options for categoriesn  Select Status : Published, Unpublished, Archived,Trashed, Alln  Select Categoryn  Select Accessn  Select Language
  28. 28. +Category Levelsn  Select Max Levels:n  Lets you show only items whose category is at or above thespecified level in the category hierarchyn  - Select max levelsn  Show all items regardless of level of their assignedcategory.n  1:n  Only show items whose category is at the top level in thecategory hierarchy (in other words, with categories whoseparent category is "- No Parent -".)n  2- 10:n  Only show items whose category is in the top 2-10 levels in thecategory hierarchy.
  29. 29. +Uncategorized Contentn  During the creation of articlen  You have the option to assign the article to either an existingcategory or to leave it uncategorizedn  An uncategorized article is outside the system’s hierarchyn  Article wont be shown in any page that displays the contentsaccording to the articles membership in categoryn  Uncategorized articles wont show up in Joomla’s latest Newsmodule
  30. 30. +Content Structuren  Flat Sitesn  Does not rely on multiple levels of nested articlesn  Appropriate for smaller sites that has little contentn  Does not require to use the typical category structure to holdarticlesn  Multilevel Sitesn  Content hierarchy : categories and sub categoriesn  Blog sitesn  Typically contain a home page that contains numerous articleswhich are ordered chronologically, with the newest items firstn  Can achieve by selecting Category Blog Menu Item Type at thetime of creating Menu item
  31. 31. +Exercisen  Create a category named Faculty and add Business, ICT,Nursing as sub categories.n  Create a category named News
  32. 32. +Article Managern  Create new articlen  Edit the existing articlen  Publish or un-publish articlen  Mark article as featuredn  Archive articlesn  Check inn  Trashn  Optionsn  Helpn  Batch processesn  Set Access leveln  Set Languagen  Select Category for Move/Copy
  33. 33. +Adding new articlen  Content->Article Manager->Add New Article.n  Only the Title field is mandatory. Enter the article title.n  You can also select your category from the correspondingdrop-down menu.n  Change the article State to Published.
  34. 34. Click Save or Save & Close or Save and New to save the article
  35. 35. +Article parametersn  Global Article Parametersn  Individual Article Parameters
  36. 36. +Individual ArticleParametersn  At the time of creating a newarticlen  On selecting a single article
  37. 37. +Global Parameters
  38. 38. +Linking Articlen  Linking article is required to make your articles andcorresponding pages accessiblen  Joomla Admin Area >> Menus >> Main Menu
  39. 39. +Linking Articlen  Open your Joomla admin area->Menus->Main Menu.Clickon the New button.n  Choose the Menu Item Type from the corresponding dialog.n  If you want to link a standard article pick the Single Articleoption.n  Then enter the link title in the Menu Title field and selectthe corresponding article which will be linked through theSelect Article functionality.n  Save the changes and view the new menu item located onyour frontend.
  40. 40. +Articlesn  Archived Articlesn  Single Articlen  List All Categoriesn  Category Blogn  Category Listn  Featured Articlesn  Create Article
  41. 41. +Exercisen  Create following articlesn  Home Pagen  Administration: http://bit.tokem.fi/ktuas/administration.htmln  Visiting Us : http://bit.tokem.fi/ktuas/visiting-us.htmln  Newsn  Summer Holidays are Comingn  Reminder to enroll for the next academic year
  42. 42. +Publish Article as Home Pagen  In order to make one of your articles the home page for theweb site, navigate to the Joomla admin area->Menus->MainMenusn  Select the article and click on the Home icon
  43. 43. +n  By default, all articles created in Joomla are presented assingle pagen  Multipage articles are created by using the page-breakbuttonn  The button is located at the bottom of the article editingwindowCreating multipage articles
  44. 44. +n  Access the article editing dialoguen  Place the cursor where you want to split the articlen  Click the Page-break button.The page break window opens.n  Type a page title for the new pagen  Type a table of content Alias for the pagen  Click Insert page breakSplitting a single page article intomultiple pages
  45. 45. +n  From the Admin end main page, click Article Managern  Publishing and un-publishing articlesn  Modifying Articlesn  Copying Articlesn  Moving Articlesn  Deleting Articlesn  Permanently Deleting Articlesn  Archiving Articlesn  Unarchiving ArticlesManaging Existing Articles
  46. 46. +n  Access the Article Manager and click the icon in thepublished column. Clicking the icon toggles betweenpublished & unpublished.n  Another way is to select a single article or group of articlesby clicking the checkbox near to the article’s name in theArticle Manager, then click Publish or Un-publish icon on thetoolbar at top right.Publishing & Un-Publishing Article
  47. 47. +n  Existing article can be modified at any time by accessing theArticle Manager either byn  Clicking the article name orn  Clicking the checkbox next to the article name and then clickingthe Edit icon on the Article Manager toolbarn  Changes made to the article are applied once you save thearticle.Modifying Articles
  48. 48. +n  Possible to create copies of articlesn  Steps to copy articlesn  Access the Article Managern  Select the article you want to copy by clicking the checkbox nextto the article’s titlen  Under “Select Category for Move/Copy”, select category nameand check Copyn  Click Processn  After the article is copied, you can edit it.Copying Articles
  49. 49. +n  Possible to move articles from one category to anothern  Steps to Move articlesn  Access the Article Managern  Select the article or articles you want to Move by clicking thecheckbox next to the article’s title.n  Under “Select Category for Move/Copy”, select category nameand check Moven  Click Process to move the article.Moving Articles
  50. 50. +n  Deleting articles is a two step processn  Articles are first moved to trashn  Select article or articles and then click Trash from the right top toolbar.n  Articles in trash can be restored at any time you want or you canpermanently delete themn  To permanently delete the articlen  Select status “Trashed”n  On the right top toolbar, select Empty Trash to permanently deletearticle orn  In the status column check the button to re-store the articleDeleting articles
  51. 51. +n  To remove an article from the primary content area of the sitewithout deleting it, article or articles can be archivedn  Steps to archive articlesn  Access the article managern  Check the checkbox next to the articles you want to archiven  Click the Archive icon on the top-right toolbarArchiving Articles
  52. 52. +n  Archived articles can be restored to the general content areaof your site by un-archiving themn  Steps to un-archive articlesn  Access the article managern  Click the checkbox next to the articles you want to un-archiven  Click the Publish button from the right top tool bar to un-archiveor publish the article in the general contentUn-archiving articles
  53. 53. +n  Archived articles are not accessible to the front-end sitevisitors unless the archive module is publishedn  Archive module contains link to the articles organized forview by date.n  By default the module is unpublishedn  You need to publish the module and assign it to the positionand pages you desire the module to be visible to the front-end site visitorsArchive Module
  54. 54. +n  Joomla prevent another user from editing the article if thearticle is in use by another user or article has been left openin an editing window or improperly closed.n  Using Check in from the right top toolbar, you can close allarticles that are currently open and blocked for editing areforced to closeGlobal check in
  55. 55. +n  WYSIWYG is easy to usen  The most popular feature of CMSn  WYSIWYG:What you see is what you getn  Let you view your text formatting as you workn  Interface similar to typical desktop word processing toolssuch as Open Office or Microsoft Word.n  TinyMCE is the default editor in Joomlan  Possible to install other editors alsoWYSiWYG Editors
  56. 56. +n  Includes number of configuration options, multiple toolbarsn  Works like desktop word processorn  Enables you to view your work as you gon  Feature includes : Bold, Italic, Underline, Strikethrough, alignleft, align center, align right, align fully, styles, format, fontfamily, bullet list, numbered list, decrease indent, increaseindent, undo, redo, link, unlink, insert anchor, insert image,cleanup code……TinyMCE Editor
  57. 57. +n  Media manager is used to add image and other media files tothe systemn  It helps to keep media files organizedMedia Manager
  58. 58. +Menu Managern  Login to the backend of Joomlan  Menus >> Menu Managern  Menus allow users to navigate through siten  A menu is an object containing one or more menu itemsn  Each menu items point to a logical page on the siten  A menu module is required to place the menu on the page
  59. 59. +Adding menu to the siten  Create a new menu (using this screen).n  Create one or more new menu items on the menu. Each menuitem will have a specific menu item type.n  Create one or more menu modules to display the menu on thesite.When you create the modules, you will select which menuitems (pages) the modules will show on.
  60. 60. +Menu Manager
  61. 61. +n  Menu Manager >> Click on the new button or select a menuand click on the ‘Edit’ Button.Adding New menu
  62. 62. +Adding new menu itemsn  Under Menu Manger click Menu Items and select new on thetopn  Select Menu Item type & type menu title then Select menuLocation and click save
  63. 63. +Quick Tipsn  Give descriptive title for new menus¨n  Better to use English alphanumeric characters without space inthe Unique Name field.n  If you dont enter a Module title, no module will be created andthe menu cannot be displayed in the front endn  You can use the Module Manager later to create a newmod_mainmenu module, and assign it to the menu.n  If you delete an existing menu, do not forget that all the menuitems of the respective menu will be also deleted.n  The Main Menu has your default menu item, so it should not bedeleted.
  64. 64. +Sub Menu itemsn  Follow the same normal process to create a menun  Under Parent Item, select the menu item root under whichyou want the sub menu to be created
  65. 65. +Exercisen  Create the following menusn  Home, AboutUs,VisitingUs, News, Departmentsn  For Departments create sub menusn  ICTn  Businessn  Nursingn  Health-Care
  66. 66. +Menu on the front-endn  To display menu on the front-end, we need to make Menumodule and select position in the templaten  To include sub menus, Under the Menu Module, Check yesfor Show Sub Menu Items.
  67. 67. +Extension Manager
  68. 68. +Extensionsn  Add-ons to expand the functionality of Joomlan  1000s of extensions availablen  5 types of extensionsn  Componentn  A mini application rendering the main body of the pagen  Examples: contacts, news feedsn  Modulen  Smaller extensionn  Rendering small elements that displays across multiple pagesn  Examples: menus, slideshows, breadcrumbsn  Pluginn  A section of code that runs when a pre-defined event happened withinJoomla!n  Examples: Editors are plugins that run when an edit session is openedn  Language Extensionn  Allows multilingual site both Front-end & back end for which a languageextension existsn  Template controlsn  To control the way , the content of a website is displayed : location, layout ofelements, colors, fonts…
  69. 69. +Installation Methodsn  Common installation methodn  Download one or more archive files (.zip or tar.gz) from theextension providers website to your local directory on yourcomputern  Browse to the location where you downloaded the extension’sarchive filen  Press “Upload File & Install”
  70. 70. +Tipsn  List of Joomla Extensions : http://extensions.joomla.org/n  Use only those third party extensions if really neeededn  Do not use your live site for testing purposen  Joomla! Extensions may be infected by virus or malwaren  Installing from remote URL locations can be dangerousn  On installing a component extension, it will be listed as a New menuitem in the Components menun  On installing a module, it will be added to the list of Modules in theModule Manager where you can enable/disablen  On installing plugin extension, it will be added to the list of the PluginManager where you can enable/disablen  An installed language extension will be added to the Site ofAdministrator list of the Language Manager
  71. 71. +Exercisen  Install the following componentn  Joomgalleryn  http://www.en.joomgallery.net/downloads/joomgallery-for-joomla-25/component/joomgallery/download.htmln  Add 3 categoriesn  Add few images to each of those categoriesn  Install the following modulen  http://www.en.joomgallery.net/downloads/joomgallery-for-joomla-25/modules/joomcategories.htmln  Make the module visible on the front-end
  72. 72. +Templaten  The style of the visual layout of your menus, modules &articlesn  Lots of templates and templates providersn  Types of templates: commercial & non-commercial
  73. 73. +Installing a templaten  Download a template that you wish to usen  Check the compatibility with the version of your Joomlan  Log in to your admin end >> Administrator >> Extensions >>Extensions Manager >>Browse the appropriate template file , click Upload and Install
  74. 74. +Changing Templaten  Extensions >> Template Manager >> Choose the templateyou wish to use and click on the start icon in the defaultcolumnn  Remember, the module positions defined in a template is notalways same, therefore after changing template you mightneed to change the module positions in-order to make themvisible or in the appropriate place.
  75. 75. +Sites for Joomla Templatesn  http://www.joomla24.com/n  http://www.osskins.com/n  http://www.bestofjoomla.com/n  http://www.joomfreak.com/joomla-templates.htmln  http://www.joomlaos.de/
  76. 76. +n  htdocs/templates/templatenameTemplate file structurehtdocs/joomla/templates/templatename
  77. 77. +Exercisen  Installing a Joomla template and enabling itn  Download the template (Outsourcing)n  Install itn  Enable itn  Arrange the module positions
  78. 78. Module positions for the newly installed template
  79. 79. +Contact Managern  Accessed from the back-end Joomla! Administrator Paneln  To manage contact in Joomla Websiten  How to access??n  Components → Contacts → Contacts from the drop-down menuof the Joomla! Administrator Panel.
  80. 80. Contact Manager screen allows to add contact information to the Joomla site.Categories can be used to categorize contacts
  81. 81. +Adding a New categoriesn  On the Contact Manger screen, select categories and clickthe New icon on the top to add a new categoryn  Type the category title and necessary information. Click save
  82. 82. +Adding a new contactn  On the Contact Manger screen, select Contacts and click theNew icon on the top to add a new contactn  Type the contact name and necessary information. Click save
  83. 83. +Displaying Contact in the front-endn  To display contact, we need to add a menu itemn  Menus >> Select the menu where you want to add a newitem >> Click Add new item >> On Menu item typeselect one of the following actionn  Fill in the required information and click Save
  84. 84. +Exercisen  Add two contact categoriesn  Add two contacts to each category made in the first taskn  Create a contact us page and link to one of the user amongthe contacts you createdn  Create a page to display list of contacts from one of yourcategory made earlier
  85. 85. +Language Manager
  86. 86. +Language Mangern  Extensions >> Language Managern  To set the default language for both the front-end and back-end of a Joomla site
  87. 87. +Installing a new languagen  On Language Manager screen click Install Languagen  Search for the language you want to installn  Check the language or languages to install and click installon the top
  88. 88. +To enable a new languagen  On the Language manager, select language for site oradministrator tab and mark as default
  89. 89. +Exercisen  Install Finnish Languagen  Make Finnish as default language for the back-end
  90. 90. +Global Configuration
  91. 91. +n  Login to admin endn  Click Siten  Select Global ConfigurationGlobal Configuration
  92. 92. +Site Config
  93. 93. +System Config
  94. 94. +Server Config
  95. 95. +Permissions
  96. 96. +Text Filters
  97. 97. +User Managerhttp://help.joomla.org/proxy/index.php?option=com_help&keyref=Help25:Users_User_Manager
  98. 98. +n  Backup everythingn  Zip all your Joomla files and download it to a folder in yourlocal systemn  If your current site is already in some server, you can use FTPclient like Filezilla to download your filesStep 1
  99. 99. +n  Export your Joomla databasen  Use phpMyadmin to export your databasen  Most hosting companies have phpMyadmin already installedn  Be sure to export your entire databaseStep 2
  100. 100. +n  Upload all your files to the new server (new system)n  Again you can use FTP client like filezilla to upload all yourfiles to the serverStep 3
  101. 101. +n  Import your database to your new MySQL servern  Use phpMyadmin to import your database into the newserverStep 4
  102. 102. +n  Modify configuration.php in your new server (system)n  You need to modify the following parameters:n  public $user = root’;n  public $password = root’;n  public $db = joomla123;n  public $log_path = /Volumes/Deepak/www/joomla/logs;n  public $tmp_path = /Volumes/Deepak/www/joomla/tmp;Step 5
  103. 103. +n  Test your new installationStep 6
  104. 104. +Referencesn  http://www.joomla.org/n  http://www.contentmanager.eu.com/cms.htmn  http://www.apachefriends.org/en/index.html
  105. 105. +Final Exercisen  Lets try to make Menus of bit.tokem.fi, top menu and themenu on leftn  Lets create the following pagesn  http://bit.tokem.fi/ktuas/home.htmln  http://bit.tokem.fi/ktuas/ketoakku.htmln  http://bit.tokem.fi/ktuas/discover-finland.htmln  Enable search feature on the website