Customizing your joomla site

3,327 views

Published on

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,327
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
39
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Customizing your joomla site

  1. 1. Arnel I. Robles (arnelirobles.blogspot.com)CUSTOMIZING YOUR JOOMLA SITE
  2. 2. Open your web browser.Type in the address bar: localhost/nameofsite/administratorAdd New Tab and type:localhost/nameofsite*Note: nameofsite is the name your website (mysite, practicedenr, etc)
  3. 3. Log on as administrator
  4. 4. CHANGING YOUR TEMPLATE
  5. 5. Mouse Hover ExtensionsClick Extension Manager
  6. 6. Click Browse
  7. 7. Local the template. In our case, it is JustBusiness-FJT.zipFound in ..Joomla Training DENR XII0.Requirements Double click it
  8. 8. Click Upload & Install
  9. 9. Mouse Hover ExtensionsClick Template Manager
  10. 10. Check JustBusiness-FJT – DefaultClick Make Default
  11. 11. Go to the Tab for localhost/nameofsitePress F5
  12. 12. ADDING MENUS
  13. 13. In the administrator panel.Mouse Hover MenusClick Menu Manager
  14. 14. NoteThere is a predefined menu named Main Menu.For ease, we will edit the predefined menu.To create another menu just click New.Click Main Menu. The following window appears.
  15. 15. Lets add a menu itemsPROFILE, DIRECTORY, SECTOR,PRESS RELEASES, FEEDBACKI will show how to add PROFILE menu item.
  16. 16. Click New
  17. 17. Since we don’t have article yet we will use External URL as Menu Item Type.Click Select
  18. 18. Click External URL
  19. 19. Type PROFILE in the Menu TitleClick Save & Close *Use same process for the remaining Menu Items
  20. 20. DISPLAYING MENUS USINGMODULES
  21. 21. In order to display your menus, modules must be defined.We will work with the modulePositions in our template.In the admin panel Mouse Hover ExtensionsClick Module Manager
  22. 22. Click New
  23. 23. Choose Menu as Module Type
  24. 24. Title: topmenu Click Save & ClosePosition: menuload
  25. 25. Switch to the other tab displaying your site and hit F5
  26. 26. ADDING DROPDOWN MENUS
  27. 27. Before adding a dropdown menu do this first.In Module Manager click topmenu
  28. 28. In the Basic Options -> Show Sub-menu ItemsChoose Yes and click Save & Close
  29. 29. We will add the following sub-menus:Directory Region XII Officials Organizational StructureSector FMS LMS
  30. 30. Go to Menus -> Menu ManagerClick Main Menu
  31. 31. I will add Region XII Officials under Directory.Click New.
  32. 32. Choose External URL as Menu Item TypeMenu Title: Region XII OfficialsParent Item: -DirectoryClick Save & CloseOpen your site and hit F5. *Do the same steps on other sub-menus
  33. 33. ADDING ARTICLES
  34. 34. Content -> Article Manager -> Add New Article
  35. 35. Title: About DENRWrite a brief article.Click Save & Close
  36. 36. Add other article using the same process
  37. 37. DISPLAYING ARTICLES BY LINKINGTO MENUS
  38. 38. Menus -> Main Menu
  39. 39. We will connect the About DENR article to HomeClick Home
  40. 40. Change Menu Item Type to Single Article
  41. 41. Click Select/ChangeClick About DENRClick Save and Close
  42. 42. Open your site and hit F5
  43. 43. REMOVING UNNECESSARY DETAILS
  44. 44. Details like this are not necessary.
  45. 45. Menus -> Main MenuClick HomeSet the options as shownClick Save & CloseView your site andHit F5
  46. 46. ADDING IMAGES
  47. 47. We will add a module on the left.By this time it will be an image.From Joomla Training DENR XII0.Requirementscopy image1.jpg toC:wampwwwnameofsiteimages
  48. 48. Click Extensions -> Module ManagerAdd New Module with type Custom HTMLTitle: SECRETARY’s CORNERPosition: left
  49. 49. In the Custom Output click Image
  50. 50. Click image1.jpg and click Insert Resize the picture and click Save & Close
  51. 51. DISPLAYING LIST OF ARTICLES
  52. 52. Click Extensions -> Module ManagerClick NewChoose Articles Category as Menu TypeSet Title to RECENT ARTICLESPosition: RightClick Save & CloseView your site and hit F5
  53. 53. ADDING WEB LINKS
  54. 54. Mouse Hover ComponentsClick Weblinks then click NewTitle: DENR CENTRAL OFFICEURL: www.denr.gov.phSave & Close*Add more weblinks
  55. 55. DISPLAYING WEBLINKS
  56. 56. Extensions -> Module ManagerClick NewChoose Weblinks as Module TypeTitle: RELATED LINKSPosition: RightTarget Window: Open in New WindowSave & Close
  57. 57. CHANGING THE LOGO
  58. 58. Replace the logo.png file inC:wampwwwnameofsitetemplatesjustbusiness-fjtimages
  59. 59. OTHER CONFIGURATIONS
  60. 60. Mouse Hover ExtensionsClick Template ManagerClick Just Business-JFT (set your preferences)*For the slideshow just replace the images atC:wampwwwnameofsitetemplatesjustbusiness-fjtslideshow

×