• Like
  • Save
Customizing your joomla site
Upcoming SlideShare
Loading in...5
×
 

Customizing your joomla site

on

  • 3,121 views

 

Statistics

Views

Total Views
3,121
Views on SlideShare
3,121
Embed Views
0

Actions

Likes
3
Downloads
31
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Customizing your joomla site Customizing your joomla site Presentation Transcript

    • Arnel I. Robles (arnelirobles.blogspot.com)CUSTOMIZING YOUR JOOMLA SITE
    • 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)
    • Log on as administrator
    • CHANGING YOUR TEMPLATE
    • Mouse Hover ExtensionsClick Extension Manager
    • Click Browse
    • Local the template. In our case, it is JustBusiness-FJT.zipFound in ..Joomla Training DENR XII0.Requirements Double click it
    • Click Upload & Install
    • Mouse Hover ExtensionsClick Template Manager
    • Check JustBusiness-FJT – DefaultClick Make Default
    • Go to the Tab for localhost/nameofsitePress F5
    • ADDING MENUS
    • In the administrator panel.Mouse Hover MenusClick Menu Manager
    • 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.
    • Lets add a menu itemsPROFILE, DIRECTORY, SECTOR,PRESS RELEASES, FEEDBACKI will show how to add PROFILE menu item.
    • Click New
    • Since we don’t have article yet we will use External URL as Menu Item Type.Click Select
    • Click External URL
    • Type PROFILE in the Menu TitleClick Save & Close *Use same process for the remaining Menu Items
    • DISPLAYING MENUS USINGMODULES
    • 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
    • Click New
    • Choose Menu as Module Type
    • Title: topmenu Click Save & ClosePosition: menuload
    • Switch to the other tab displaying your site and hit F5
    • ADDING DROPDOWN MENUS
    • Before adding a dropdown menu do this first.In Module Manager click topmenu
    • In the Basic Options -> Show Sub-menu ItemsChoose Yes and click Save & Close
    • We will add the following sub-menus:Directory Region XII Officials Organizational StructureSector FMS LMS
    • Go to Menus -> Menu ManagerClick Main Menu
    • I will add Region XII Officials under Directory.Click New.
    • 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
    • ADDING ARTICLES
    • Content -> Article Manager -> Add New Article
    • Title: About DENRWrite a brief article.Click Save & Close
    • Add other article using the same process
    • DISPLAYING ARTICLES BY LINKINGTO MENUS
    • Menus -> Main Menu
    • We will connect the About DENR article to HomeClick Home
    • Change Menu Item Type to Single Article
    • Click Select/ChangeClick About DENRClick Save and Close
    • Open your site and hit F5
    • REMOVING UNNECESSARY DETAILS
    • Details like this are not necessary.
    • Menus -> Main MenuClick HomeSet the options as shownClick Save & CloseView your site andHit F5
    • ADDING IMAGES
    • 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
    • Click Extensions -> Module ManagerAdd New Module with type Custom HTMLTitle: SECRETARY’s CORNERPosition: left
    • In the Custom Output click Image
    • Click image1.jpg and click Insert Resize the picture and click Save & Close
    • DISPLAYING LIST OF ARTICLES
    • Click Extensions -> Module ManagerClick NewChoose Articles Category as Menu TypeSet Title to RECENT ARTICLESPosition: RightClick Save & CloseView your site and hit F5
    • ADDING WEB LINKS
    • Mouse Hover ComponentsClick Weblinks then click NewTitle: DENR CENTRAL OFFICEURL: www.denr.gov.phSave & Close*Add more weblinks
    • DISPLAYING WEBLINKS
    • Extensions -> Module ManagerClick NewChoose Weblinks as Module TypeTitle: RELATED LINKSPosition: RightTarget Window: Open in New WindowSave & Close
    • CHANGING THE LOGO
    • Replace the logo.png file inC:wampwwwnameofsitetemplatesjustbusiness-fjtimages
    • OTHER CONFIGURATIONS
    • Mouse Hover ExtensionsClick Template ManagerClick Just Business-JFT (set your preferences)*For the slideshow just replace the images atC:wampwwwnameofsitetemplatesjustbusiness-fjtslideshow