Download as PDF, PPTX
Uploaded byDeepak K.C.
A complete guide to Joomla 2.5
The document discusses Joomla! CMS version 2.5. It provides an overview of content management systems and their advantages. It then describes features of Joomla!, how it can be used to build different types of websites, and includes examples of existing Joomla! sites. It also summarizes the installation process for Joomla! and describes some of its core administration features.
A complete guide to Joomla 2.5
- 1. + Joomla! CMS Version2.5 Deepak K.C. Department of Information Processing KTUAS
- 2. + Content Management System (CMS) n A software that keeps track of every piece of content on your website n Content : text, photos, music, video, documents … n Advantages of using CMS n No technical skill or knowledge to manage n Management through an easy to use browser based interface n Increased control over website n Publishing variety of content n Improved time to market with content changes n Lower cost per page Download Joomla : http://joomlacode.org/gf/download/frsrelease/ 18322/80354/Joomla_2.5.11-Stable-Full_Package.zip
- 3. + Joomla! n An awardwinning content management system (CMS) n Enables to build website & online applications n Features of Joomla! n Ease-of-use n Easy content management n Extensibility n Open source n Widely Accepted (More than 30 Million Downloads - 2012)
- 4. + Joomla can beused to build n Corporate Web sites or portals n Corporate intranets and extranets n Online magazines, newspapers, and publications n E-commerce and online reservations n Government applications n Small business Web sites n Non-profit and organizational Web sites n Community-based portals n School and church Web sites n Personal or family homepages
- 5. + Joomla! Sites n MTVNetworks Quizilla (Social networking) - http://www.quizilla.com n IHOP (Restaurant chain) - http://www.ihop.com n Harvard University (Educational) - http://gsas.harvard.edu n Citibank (Financial institution intranet) - Not publicly accessible n The Green Maven (Eco-resources) - http://www.greenmaven.com n Outdoor Photographer (Magazine) - http://www.outdoorphotographer.com n PlayShakespeare.com (Cultural) - http://www.playshakespeare.com n Senso Interiors (Furniture design) - http://www.sensointeriors.co.za More sites at : http://community.joomla.org/showcase
- 6. + Features included withthe core system n WYSIWYG Content Editor n Content Scheduling n User Management n Access Control n Media Manager n Language Manager n Banner Manager n Contact Manager n Polls n Search n Web Links Management n Content Syndication n News Feed aggregation & display n Template Management n 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 can customize the site to include the functionalities you need.Photo Gallery,Web shop,Booking system etc….
- 7. + Why Joomla? n Morethan 4500 extensions available – meaning more functionalities n Easy to customize the appearance of the site n E-commerce options n Easy to find help for Joomla! Site (Wide Developer Support) n Decent documentation n Active and dynamic community – providing support in the forums and one can be assured of the ongoing vitality of the project n Affordable development costs
- 8. + The Joomla! OpenSource License n Released under the GNU License (GNU GPL) n The GNU General Public License grants users four freedoms n The freedom to run the program for any purpose n The freedom to study how the program works and adapt it to your needs n The freedom to redistribute copies so you can help others n The freedom to improve the program and release your improvements to the public so that the whole community benefits
- 9. + Joomla Architecture n Designedto run on the popular LAMP stack n LAMP: Linux with the Apache web server, the MySQL database & the PHP programming language n Joomla! is primarily written in PHP n .css, .html n .ini , .js n .php , .xml n XAMP,WAMP, MAMP
- 10. + Joomla! Support &important sites n Over 200,000 community users and contributors n http://community.joomla.org/ n Joomla! Main site – http://www.joomla.org n Joomla! Code – http://www.joomlacode.org n Joomla! Developer site – http://developer.joomla.org n Joomla! Extensions Directory – http://extensions.joomla.org n Joomla! Documentation – http://docs.joomla.org n Joomla! Forums – http://forum.joomla.org
- 11.
- 12. + The installation process n Downloading & installing a web server called Apache, a database called MySQL & a scripting language PHP n Downloaded together as one package n XAMPP – Windows n MAMP – MAC OS X n LAMP – Linux n Downloading & installing Joomla n Configuring Joomla
- 13. + Download & InstallXAMPP n XAMPP Windows 1.8.1 n http://www.apachefriends.org/download.php?xampp- win32-1.8.1-VC9-installer.exe n XAMPP for Windows FAQ n http://www.apachefriends.org/en/faq-xampp-windows.html Apache 2.4.2, MySQL 5.5.27, PHP 5.4.7, OpenSSL 1.0.1c, phpMyAdmin 3.5.2.2, XAMPP Control Panel 3.1.0,Webalizer 2.23-04, Mercury Mail Transport System v4.62, FileZilla FTP Server 0.9.41,Tomcat 7.0.30 (with mod_proxy_ajp as connector), Strawberry Perl 5.16.0.1 Portable
- 14. + Installation process n DisableUAC n Search UAC n Select Change User Account Control settings n Drop the icon to Never notify and restart your Windows Right click the installation file and select run as administrator n Follow on screen instructions
- 22. You can nowre-enable UAC
- 32. + Site & theadministration pages n Site (Front-end): http://localhost/joomla n Administration page (Back-end): http://localhost/joomla/administrator
- 33. + Joomla Back-end To buildyour website you need to log into the administrator area. You can log in by opening the corresponding URL in your web browser http://localhost/joomla/administrator Provide your username & password that have been set during the installation
- 34.
- 35. + n Access Level: A method or functionality for the site administrator to control access to articles or functionality. n Archives : Articles can be removed from the general content areas and placed in an archive.This is most often used with blog-type sites as the archived articles can be use to organize old articles according to month posted n 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, unpublished or archived. n Component:The major units of functionality that provide output in the main content area of a page. Components are the most complex individual units in the system.They are sometimes constituting complete applications in themselves n Extensions: A generic term that refers to any component, module or plugin that is added to default joomla system. Extension can be added, deleted or managed through admin system’s extension manager Joomla Vocabulary
- 36. + n Module :Theyare typically output in the secondary areas of the page that is mostly outside the content area.They are simply containers that hold text or pictures and provide limited functionality like a login box. n Module Positions:They are places on the page where module can be assigned to appear n News feeds: It refers to RSS or similar syndication formats. n Plugin :They are helper applications that enable additional functionality in the sites components, articles or modules n Template: It controls the presentation layer of joomla site.Templates can be installed and installed templates are collected inside the template manager where they can be edited. n Language pack: New language packs can be added through the extension manager and installed language packs are collected inside the language manager. Joomla Vocabulary
- 37. + n The visibilityof modules depend on n Whether the module is enabled n Whether the module is assigned to the page you are viewing n Whether the viewer has sufficient access privileges to view the module Modules & module positions
- 39. + The Front-End n Theinterface that is seen by the visitor to the site. n The target of your output n The place where visitors access the site’s content & functionality n By default the site content and site is visible to everyone however the visibility of content and functionality can be restricted
- 41. + My first pagein Joomla n Click Add New Article icon from the Administration front-page n Type the title of the article n Select Category (leave it uncategorized – as we have not yet made any) n Select Save or Save & Close or Save & New Content >> Article Manager >> Add New Article
- 42. + Category Managers n Thecategory manager can be used to create, edit and delete categories in a site. n Categories are created to categorize articles. n Each category if needed can have sub categories n Examples : Faculty can be a category and it can have sub categories like n BIT n BM n Nursing n Social Service
- 43. + Adding New category n Content->Category Manager->Add New Category
- 44. + Batch Processes forthe selected categories n Set Access Level n Set Language n Select Category for Move/Copy
- 45. + Filter Options forcategories n Select Status : Published, Unpublished, Archived,Trashed, All n Select Category n Select Access n Select Language
- 46. + Category Levels n SelectMax Levels: n Lets you show only items whose category is at or above the specified level in the category hierarchy n - Select max levels n Show all items regardless of level of their assigned category. n 1: n Only show items whose category is at the top level in the category hierarchy (in other words, with categories whose parent category is "- No Parent -".) n 2- 10: n Only show items whose category is in the top 2-10 levels in the category hierarchy.
- 47. + Uncategorized Content n Duringthe creation of article n You have the option to assign the article to either an existing category or to leave it uncategorized n An uncategorized article is outside the system’s hierarchy n Article wont be shown in any page that displays the contents according to the articles membership in category n Uncategorized articles wont show up in Joomla’s latest News module
- 48. + Content Structure n FlatSites n Does not rely on multiple levels of nested articles n Appropriate for smaller sites that has little content n Does not require to use the typical category structure to hold articles n Multilevel Sites n Content hierarchy : categories and sub categories n Blog sites n Typically contain a home page that contains numerous articles which are ordered chronologically, with the newest items first n Can achieve by selecting Category Blog Menu Item Type at the time of creating Menu item
- 49. + Exercise n Create acategory named Faculty and add Business, ICT, Nursing as sub categories. n Create a category named News
- 50. + Article Manager n Createnew article n Edit the existing article n Publish or un-publish article n Mark article as featured n Archive articles n Check in n Trash n Options n Help n Batch processes n Set Access level n Set Language n Select Category for Move/ Copy
- 51. + Adding new article n 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 corresponding drop-down menu. n Change the article State to Published.
- 52. Click Save orSave & Close or Save and New to save the article
- 53. + Article parameters n GlobalArticle Parameters n Individual Article Parameters
- 54. + Individual Article Parameters n Atthe time of creating a new article n On selecting a single article
- 55.
- 56. + Linking Article n Linkingarticle is required to make your articles and corresponding pages accessible n Joomla Admin Area >> Menus >> Main Menu
- 57. + Linking Article n Openyour Joomla admin area->Menus->Main Menu.Click on 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 Article option. n Then enter the link title in the Menu Title field and select the corresponding article which will be linked through the Select Article functionality. n Save the changes and view the new menu item located on your frontend.
- 58. + Articles n Archived Articles n Single Article n List All Categories n Category Blog n Category List n Featured Articles n Create Article
- 59. + Exercise n Create followingarticles n Home Page n Administration: http://bit.tokem.fi/ktuas/administration.html n Visiting Us : http://bit.tokem.fi/ktuas/visiting-us.html n News n Summer Holidays are Coming n Reminder to enroll for the next academic year
- 60. + Publish Article asHome Page n In order to make one of your articles the home page for the web site, navigate to the Joomla admin area->Menus->Main Menus n Select the article and click on the Home icon
- 61. + n By default,all articles created in Joomla are presented as single page n Multipage articles are created by using the page-break button n The button is located at the bottom of the article editing window Creating multipage articles
- 62. + n Access thearticle editing dialogue n Place the cursor where you want to split the article n Click the Page-break button.The page break window opens. n Type a page title for the new page n Type a table of content Alias for the page n Click Insert page break Splitting a single page article into multiple pages
- 63. + n From theAdmin end main page, click Article Manager n Publishing and un-publishing articles n Modifying Articles n Copying Articles n Moving Articles n Deleting Articles n Permanently Deleting Articles n Archiving Articles n Unarchiving Articles Managing Existing Articles
- 64. + n Access theArticle Manager and click the icon in the published column. Clicking the icon toggles between published & unpublished. n Another way is to select a single article or group of articles by clicking the checkbox near to the article’s name in the Article Manager, then click Publish or Un-publish icon on the toolbar at top right. Publishing & Un-Publishing Article
- 65. + n Existing articlecan be modified at any time by accessing the Article Manager either by n Clicking the article name or n Clicking the checkbox next to the article name and then clicking the Edit icon on the Article Manager toolbar n Changes made to the article are applied once you save the article. Modifying Articles
- 66. + n Possible tocreate copies of articles n Steps to copy articles n Access the Article Manager n Select the article you want to copy by clicking the checkbox next to the article’s title n Under “Select Category for Move/Copy”, select category name and check Copy n Click Process n After the article is copied, you can edit it. Copying Articles
- 67. + n Possible tomove articles from one category to another n Steps to Move articles n Access the Article Manager n Select the article or articles you want to Move by clicking the checkbox next to the article’s title. n Under “Select Category for Move/Copy”, select category name and check Move n Click Process to move the article. Moving Articles
- 68. + n Deleting articlesis a two step process n Articles are first moved to trash n Select article or articles and then click Trash from the right top tool bar. n Articles in trash can be restored at any time you want or you can permanently delete them n To permanently delete the article n Select status “Trashed” n On the right top toolbar, select Empty Trash to permanently delete article or n In the status column check the button to re-store the article Deleting articles
- 69. + n To removean article from the primary content area of the site without deleting it, article or articles can be archived n Steps to archive articles n Access the article manager n Check the checkbox next to the articles you want to archive n Click the Archive icon on the top-right toolbar Archiving Articles
- 70. + n Archived articlescan be restored to the general content area of your site by un-archiving them n Steps to un-archive articles n Access the article manager n Click the checkbox next to the articles you want to un-archive n Click the Publish button from the right top tool bar to un-archive or publish the article in the general content Un-archiving articles
- 71. + n Archived articlesare not accessible to the front-end site visitors unless the archive module is published n Archive module contains link to the articles organized for view by date. n By default the module is unpublished n You need to publish the module and assign it to the position and pages you desire the module to be visible to the front- end site visitors Archive Module
- 72. + n Joomla preventanother user from editing the article if the article is in use by another user or article has been left open in an editing window or improperly closed. n Using Check in from the right top toolbar, you can close all articles that are currently open and blocked for editing are forced to close Global check in
- 73. + n WYSIWYG iseasy to use n The most popular feature of CMS n WYSIWYG:What you see is what you get n Let you view your text formatting as you work n Interface similar to typical desktop word processing tools such as Open Office or Microsoft Word. n TinyMCE is the default editor in Joomla n Possible to install other editors also WYSiWYG Editors
- 74. + n Includes numberof configuration options, multiple toolbars n Works like desktop word processor n Enables you to view your work as you go n Feature includes : Bold, Italic, Underline, Strikethrough, align left, align center, align right, align fully, styles, format, font family, bullet list, numbered list, decrease indent, increase indent, undo, redo, link, unlink, insert anchor, insert image, cleanup code…… TinyMCE Editor
- 75. + n Media manageris used to add image and other media files to the system n It helps to keep media files organized Media Manager
- 76. + Menu Manager n Loginto the backend of Joomla n Menus >> Menu Manager n Menus allow users to navigate through site n A menu is an object containing one or more menu items n Each menu items point to a logical page on the site n A menu module is required to place the menu on the page
- 77. + Adding menu tothe site n Create a new menu (using this screen). n Create one or more new menu items on the menu. Each menu item will have a specific menu item type. n Create one or more menu modules to display the menu on the site.When you create the modules, you will select which menu items (pages) the modules will show on.
- 78.
- 79. + n Menu Manager>> Click on the new button or select a menu and click on the ‘Edit’ Button. Adding New menu
- 80. + Adding new menuitems n Under Menu Manger click Menu Items and select new on the top n Select Menu Item type & type menu title then Select menu Location and click save
- 81. + Quick Tips n Givedescriptive title for new menus¨ n Better to use English alphanumeric characters without space in the Unique Name field. n If you don't enter a Module title, no module will be created and the menu cannot be displayed in the front end n You can use the Module Manager later to create a new mod_mainmenu module, and assign it to the menu. n If you delete an existing menu, do not forget that all the menu items of the respective menu will be also deleted. n The Main Menu has your default menu item, so it should not be deleted.
- 82. + Sub Menu items n Follow the same normal process to create a menu n Under Parent Item, select the menu item root under which you want the sub menu to be created
- 83. + Exercise n Create thefollowing menus n Home, AboutUs,VisitingUs, News, Departments n For Departments create sub menus n ICT n Business n Nursing n Health-Care
- 84. + Menu on thefront-end n To display menu on the front-end, we need to make Menu module and select position in the template n To include sub menus, Under the Menu Module, Check yes for Show Sub Menu Items.
- 85.
- 86. +Extensions n Add-ons toexpand the functionality of Joomla n 1000s of extensions available n 5 types of extensions n Component n A mini application rendering the main body of the page n Examples: contacts, news feeds n Module n Smaller extension n Rendering small elements that displays across multiple pages n Examples: menus, slideshows, breadcrumbs n Plugin n A section of code that runs when a pre-defined event happened within Joomla! n Examples: Editors are plugins that run when an edit session is opened n Language Extension n Allows multilingual site both Front-end & back end for which a language extension exists n Template controls n To control the way , the content of a website is displayed : location, layout of elements, colors, fonts…
- 87. + Installation Methods n Commoninstallation method n Download one or more archive files (.zip or tar.gz) from the extension providers website to your local directory on your computer n Browse to the location where you downloaded the extension’s archive file n Press “Upload File & Install”
- 88. + Tips n List ofJoomla Extensions : http://extensions.joomla.org/ n Use only those third party extensions if really neeeded n Do not use your live site for testing purpose n Joomla! Extensions may be infected by virus or malware n Installing from remote URL locations can be dangerous n On installing a component extension, it will be listed as a New menu item in the Components menu n On installing a module, it will be added to the list of Modules in the Module Manager where you can enable/disable n On installing plugin extension, it will be added to the list of the Plugin Manager where you can enable/disable n An installed language extension will be added to the Site of Administrator list of the Language Manager
- 89. + Exercise n Install thefollowing component n Joomgallery n http://www.en.joomgallery.net/downloads/joomgallery-for- joomla-25/component/joomgallery/download.html n Add 3 categories n Add few images to each of those categories n Install the following module n http://www.en.joomgallery.net/downloads/joomgallery-for- joomla-25/modules/joomcategories.html n Make the module visible on the front-end
- 90. + Template n The styleof the visual layout of your menus, modules & articles n Lots of templates and templates providers n Types of templates: commercial & non-commercial
- 92. + Installing a template n Download a template that you wish to use n Check the compatibility with the version of your Joomla n Log in to your admin end >> Administrator >> Extensions >> Extensions Manager >> Browse the appropriate template file , click Upload and Install
- 93. + Changing Template n Extensions>> Template Manager >> Choose the template you wish to use and click on the start icon in the default column n Remember, the module positions defined in a template is not always same, therefore after changing template you might need to change the module positions in-order to make them visible or in the appropriate place.
- 95. + Sites for JoomlaTemplates n http://www.joomla24.com/ n http://www.osskins.com/ n http://www.bestofjoomla.com/ n http://www.joomfreak.com/joomla-templates.html n http://www.joomlaos.de/
- 96. + n htdocs/templates/templatename Template filestructure htdocs/joomla/templates/templatename
- 97. + Exercise n Installing aJoomla template and enabling it n Download the template (Outsourcing) n Install it n Enable it n Arrange the module positions
- 98. Module positions forthe newly installed template
- 99. + Contact Manager n Accessedfrom the back-end Joomla! Administrator Panel n To manage contact in Joomla Website n How to access?? n Components → Contacts → Contacts from the drop-down menu of the Joomla! Administrator Panel.
- 100. Contact Manager screenallows to add contact information to the Joomla site. Categories can be used to categorize contacts
- 101. + Adding a Newcategories n On the Contact Manger screen, select categories and click the New icon on the top to add a new category n Type the category title and necessary information. Click save
- 102. + Adding a newcontact n On the Contact Manger screen, select Contacts and click the New icon on the top to add a new contact n Type the contact name and necessary information. Click save
- 103. + Displaying Contact inthe front- end n To display contact, we need to add a menu item n Menus >> Select the menu where you want to add a new item >> Click Add new item >> On Menu item type select one of the following action n Fill in the required information and click Save
- 104. + Exercise n Add twocontact categories n Add two contacts to each category made in the first task n Create a contact us page and link to one of the user among the contacts you created n Create a page to display list of contacts from one of your category made earlier
- 105.
- 106. + Language Manger n Extensions>> Language Manager n To set the default language for both the front-end and back- end of a Joomla site
- 107. + Installing a newlanguage n On Language Manager screen click Install Language n Search for the language you want to install n Check the language or languages to install and click install on the top
- 108. + To enable anew language n On the Language manager, select language for site or administrator tab and mark as default
- 109. + Exercise n Install FinnishLanguage n Make Finnish as default language for the back-end
- 110.
- 111. + n Login toadmin end n Click Site n Select Global Configuration Global Configuration
- 112.
- 113.
- 114.
- 115.
- 116.
- 117.
- 118. + n Backup everything n Zip all your Joomla files and download it to a folder in your local system n If your current site is already in some server, you can use FTP client like Filezilla to download your files Step 1
- 119. + n Export yourJoomla database n Use phpMyadmin to export your database n Most hosting companies have phpMyadmin already installed n Be sure to export your entire database Step 2
- 120. + n Upload allyour files to the new server (new system) n Again you can use FTP client like filezilla to upload all your files to the server Step 3
- 121. + n Import yourdatabase to your new MySQL server n Use phpMyadmin to import your database into the new server Step 4
- 122. + n Modify configuration.phpin 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
- 123. + n Test yournew installation Step 6
- 124. + References n http://www.joomla.org/ n http://www.contentmanager.eu.com/cms.htm n http://www.apachefriends.org/en/index.html
- 125. + Final Exercise n Letstry to make Menus of bit.tokem.fi, top menu and the menu on left n Lets create the following pages n http://bit.tokem.fi/ktuas/home.html n http://bit.tokem.fi/ktuas/ketoakku.html n http://bit.tokem.fi/ktuas/discover-finland.html n Enable search feature on the website