Preface

Theoriginal'LearnJoomla!1.5Fast!'wasagreatintroductiontoJoomla!1.5bySaurabhR.Bhide. Thisisarewriteforversion1.7.3withcorrections,updatesandadditionsbyTinusvandeWouw. Thankyoufordecidingtoreadthisbook.WehavewrittenthisbookforyoutolearnJoomla1.7asfastas possible. Thisbookismeanttobereadcovertocover,andallyouhavetodoisreadapage,dowhatitsays,andgo ahead.Aftercompletingallthetasksinthebook,youwillbeafluentJoomlauser,readytomaketypical contentwebsites. WhenIfirstcameacrossJoomla,Ifounditeasytoinstall,butabitdifficulttolearntheadministration.Even moredifficulttolearnwashowtocustomizethesiteaspermyrequirements.Thereweremanytutorialsout therewhichexplaineddifferenttasks,butnotasingleonethatexplainedhowtoinstall,modifyandadminister aJoomlawebsiteaspermyneeds.Hence,IlearnedJoomlatheharderwaybytryingoutdifferenttutorials, experimentingdifferentbuttonsintheadministration,andseeingwhathappens.Igraduallybecamefluentin makingandadministratingJoomlawebsites.Butthebadpartisthiswholeprocesstook6months! Now,wehavewrittenthisbookinsuchawaythatyouwilllearnallthatwithinasingleweekend,or2days.If youhavestartedreadingthisbookthismorning,youwillbeabletomakeanytypeofJoomlawebsitesby tomorrowevening. So,telleveryoneyou'rebusy,ordersomepizzaanddrinks,andlearnJoomla! Note:Toimprovereadabilityweremovedthe'!'fromJoomla!

Contents
InstallingJoomla.............................................................................................................................................................................6 InstallaLocalWebServerusingXAMPPorWAMP...............................................................................................................................7 InstallingJoomla1.7...............................................................................................................................................................................8 BasicsofJoomla....................................................................................................................................................................................11 YourFirstJoomlasite:Cattle ........................................................................................................................................................12 . HowContentisStored..................................................................................................................................................................22 MakingyoursecondJoomlaWebsite............................................................................................................................................23 Step#1:Makeadrawingofthestructureofthesite..........................................................................................................................24 Step#2:Setthesitename....................................................................................................................................................................25 Step#3:MakeUncategorisedPages....................................................................................................................................................26 Step#4:CreateallCategories..............................................................................................................................................................28 Step#5:Addarticlesinthecategories.................................................................................................................................................30 Step#6:AddLinksintheMenu............................................................................................................................................................32 Step#7:Cleanup&FineTuning ...........................................................................................................................................................34 . UsingaTemplate..........................................................................................................................................................................37 Uploadingthesiteonawebserver...............................................................................................................................................39 7stepprocedure...................................................................................................................................................................................41 Toconclude..................................................................................................................................................................................48

Appendiceswithhintsandtips.....................................................................................................................................................49 Appendix1Displayerrors...................................................................................................................................................................49 Appendix2InstallanotherlanguageforcontrolPanel/Site/Content.................................................................................................49 Appendix3RemovetheFontSizebox.................................................................................................................................................50 Appendix4UsingtheTrash.................................................................................................................................................................50 Appendix5UseExtensionsfromInternet...........................................................................................................................................51 Appendix6Placeamoduleinsideanarticle......................................................................................................................................51 Index............................................................................................................................................................................................52

License
Theoriginalbookaboutversion1.5islicensedundertheCreativeCommonsAttribution2.5IndiaLicense.For moredetails,gotohttp://creativecommons.org/licenses/by/2.5/in/

InstallingJoomla
JoomlaisawebapplicationwrittenusingPHP,andhenceitneedsa'webserver'torun. TomakeaJoomlaWebsiteavailableontheWorldWideWeb,youneedtohostitonawebhost. ButtolearnJoomla,youcan(temporarily)convertyourowncomputerintoawebserver,andInstallJoomlaon it.Itisalsogreattodoexperimentsbeforeimplementingonyoursiteonceitispublishedonarealserver. Hence,installingJoomlaonyourcomputerrequiresyoutodoinstallalocalserverfirst. IfyoualreadyhaveawebserverwithPHPandMySQLinstalledonyourcomputer,youmaysimplyskipthefirst step.

InstallaLocalWebServerusingXAMPPorWAMP
Installingawebserverusedtobeapain,especiallybecauseyouhadtomanuallyconfigureittorunPHP.But notanymore,thanksto'XAMPP'freesoftwarethatinstallsanApacheWebServer,PHPandMySQLoryour computerandconfiguresthesethreetoworktogether.Allyouhavetodoisdownloaditandinstall! Fromwww.apachefriends.org/en/xampp.html(changethe'en'to'fr' fortheFrenchversion)youmaydownloadXAMPP.Thereare differentversionsavailablefordifferentoperatingsystemssuchas WindowsXP,Vista,Linux,Mac,Solarisetc.Selectthecorrectversion foryourcomputerandinstallit. TostartXAMPP'sApacheserverandMySQL,gotoStart>AllPrograms >ApacheFriends>XAMPPControlPanelandclickonthe'Start' buttonsforApacheandMySQL. Forautomaticstartduringyourlearningperiodyoumayclickthe'Svc' buttonsforApacheandMySQL. Ifonday2yourwebsitedoesn'twork,youprobablyforgottorestartXAMPP! Asalternative(especiallyifXAMPPrunsawfullyslowashappensonsomecomputers) youmayinstallWAMPfromhttp://www.wampserver.com.en/.Duringinstallacceptall defaults. IfWAMPisnolongerneededyoushoulduninstalltheprogramtominimizememory usageandstartuptime.
7

InstallingJoomla1.7
NowthatyouhaveawebserverreadywithPHPandMySQL,let'sinstalltheJoomlaCMS.Downloadthelatest versionofJoomlafromjoomla.orgusingthe'download'linkonthehomepage.Downloadthezipfileto 'C:\xampp\htdocs\'sinceyouhaveinstalledthewebserverusingXAMPP. Note:IfyouuseWAMPyoushoulduse'C:\wamp\www\' Makeafolder'joomla17'inthisdirectoryandextractthearchiveinit.Now,youcanaccessthisfolderfrom yourwebbrowserusingthepath'localhost/joomla17'.Soopenyourbrowserandtypetheaddress 'localhost/joomla17'init.YouwillbeshowntheinstallationscreenofJoomla. Note.Thisdocumentassumesthatyouusefolder'joomla17'foryourJoomlainstallation.IfyouinstallJoomlain anotherfolder,readthatfoldernameinsteadofJoomal17! Thefirstscreenletsyouselectthelanguageforinstallation(notforJoomlaitself!).Chooseyourlanguageand click'Next',andyouwillbeshownthesecondscreenwithallthesettingsofyourwebserverandwhetherthey aregoodforJoomlaIfyouseearedonfordisplayerrorsseeappendix1.Click'Next'toproceed.

Thethirdscreenisalicenseagreementthatyouhavetoagreeto.Click'Next'.

Thefourthscreenisspecifyingthedatabasesettings,includingthedatabase,username,andpassword.Usethe followingsettings: DatabaseType:MySql HostName:localhost UserName:root Password:leavethisfieldempty,otherwiseyouwillgetanerrormessage! Databasename:'joomla17' Tableprefix:accepttheproposedprefix

Click'Next'.
8

ThefifthscreenisforspecifyingFTPsettingtoJoomla.ButsinceweareinstallingJoomlaonalocal computer,say'no'to'EnableFTPlayer'andclick'next'. ThesixthscreenistospecifytheSitenameandapassword fortheadministrator.Sofilltheformwithanameforthe site,youremailaddress,anadminname('admin'isOK now)andanadministratorpassword. Whileinthisstep,youshouldclickonthe'InstallSample Data'buttonsothatyourwebsitewillinitiallyhavesome sampledataorcontentwhichyoucaneditordelete. Afterclickingonthatbutton,youareshownamessage 'Sampledatainstalledsuccessfully'.Nowclickon'Next'. Theseventhscreen:click'RemoveInstallationFolder'tominimizethechanceofbeinghacked. IfyouwishtouseanotherlanguagethanEnglish,click'Joomlainyourownlanguage?'toinstallsupportfor yourlanguage.Thiswillguideyoutothelanguagepackswhichyoumayinstall(alsoseeappendix2). Clickon'Site'toviewthesampledata. Congratulations!YousuccessfullyinstalledJoomla1.7onyourcomputer!

ExploringtheFrontend
Nowthatyouhavesuccessfully installedJoomla,youcanalways accessthewebsitebytypingthe address'localhost/joomla17'in yourwebbrowser.Thisisthedefault Joomlasitewiththesamplecontent. Wewillshowyouhowtomodifythis siteaccordingtoyourneedsinthe followingchapters.Rightnow,just browsethesite,clickingondifferent buttonsandtryingthemout. Itisalsoveryinstructivetoreadthe 'GettingStarted'and'UsingJoomla!' pages.

10

BasicsofJoomla
Joomlaisa'ContentManagementSystem'(CMS),whichmeansthatitisasystemfor managingdifferenttypesofcontent. Allcontentisstoredinthedatabase TheadministrativebackendofJoomlaallowsyoutoeditthiscontentoradd newcontent. Wheneveravisitorvisitsthewebsite,thefrontendshowshimthiscontent fromthedatabase. Hence,managingaJoomlasiteismainlyaboutloggingintotheadministrativepanelandaddingorediting content. So,whenyouseeaJoomlapoweredwebsite,itsfrontendshowsyousomecontentfromthedatabase. Allthedata,rightfromthelinksinthemenutotheinformationaboutusersisstoredinthedatabase. Theadministrativeinterfaceletsyoueditthisdatabase,hencegivingyoutotalcontroloverthesite.

11

YourFirstJoomlasite:Cattle
NowthatyouhaveinstalledJoomlaonyourcomputer,let'screateyourfirstJoomlawebsite. IfyouhaveinstalledJoomlaexactlythewayshownabove,yourwebsiteshouldbeaccessiblebypointingthe browserto'localhost/joomla17'andyoushouldbeabletoaccesstheadministrativeinterfaceofthewebsite bypointingyourbrowserto'localhost/joomla17/administrator'. Selectanytopicformakingyourfirstwebsite.We'rechoosingthetopic'Cattle'orCows.Wikipediahasa specialpageaboutcattle:seehttp://en.wikipedia.org/wiki/cattle.WewillusetheinformationintheWiki pagestopracticehowtomakeourfirstwebsite. Thiswebsitewillbeverysimple,andjustconsistof4pages. Wewillmakethewebsitein4easysteps:

12

Step#1:SettheSiteName
Thisisreallyeasy.Gototheadministrativebackendofthesitebypointingyourbrowserto http://localhost/joomla17/administrator/. Loginwithusernameas'admin'andtheadministratorpasswordthatyouhadsetwhileinstallingthisJoomla. YouwillbeshownthecooladministrativeinterfaceofyourJoomlasite. Clickonthe'GlobalConfiguration'button.Youwillseeaformwithdifferentfields. Now,usethe'SiteName'Fieldtospecifythenameoryoursite,whichis'Cattle'inourcase.

Now,clickonthe'Save&Close'buttonatthetopright.Youwillseeamessage'Configurationwassuccessfully saved'. Click'ViewSite'atthetopright.Dependingonyourbrowsersettingsyoumayseethetext'Cattle'inyour browser. Ifyouseemanylineswitherrormessageslike'StrictStandards:NonstaticmethodJLoader...'thensee Appendix1tochangedisplay_errors. Congratulationsondoingthefirstmodificationtoyoursite!

13

Step#2:CreatePages
OurCattlewebsitewillhave4pagesaboutCattle.Theseare: 1 Home 2 WordOrigin 3 Economy 4 Health Itisveryeasytocreatesuchpages.Justgototheadministrativeinterface (joomla17/administrator)ifyouaren'ttherealready,andclickonthe'AddNewArticle' Button. Youcanalsodothisbygoingto'Content'>'ArticleManager'inthemenuandclickingon 'AddNewArticle'. Fillinthetitleforthepage("Home"),leaveAliasempty(it willbefilledinforyou),selectthe'category'as 'Uncategorised'. ThenaddsometextintheArticleTextboxstartingwith HomePage.Select(highlight)'HomePage'andchoose 'Heading1'asstyle. Clickonthe'Save&Close'buttonatthetopright. Youwillbenowtakento'ArticleManager'fromwhere youcaneditanyarticle,deleteanyarticleormakenew articles.Clickonthe'new'buttononthetoprightto createanewarticle.
14

Forthe2ndpage'WordOrigin',simplycopytherelevantpartformWikiandpasteitinthetextbox.

NotethatJoomlaletsyouwritethearticles/pagesusingarichtexteditor,asshownintheabovepicture.This meansthatyoucanmakethetextappearthewayyouwantit.Usethisrichtexteditorjustlikeyouwoulduse anywordprocessingsoftware.

Asforthefirstarticle,select(highlight)thetitle"WordOrigin"andchoosethestyle'Heading1'.

Toinsertimages,youshouldusethe'Image'buttonatthebottomleftoftherichtextbox.Ifasuitableimageis notyetinyourdatabase(seethelist)thenyoumaybrowseanduploadit.

Whenyouarereadyclick'Save&New'todirectlycreateanewarticle.Inthisway,maketheremainingtwo pages. Notethatthefourpagesthatcreatedarenotyetvisibleonthewebsite!Theywillbecomevisibleonlyafter wecreateamenulinkforthem.

So,nowthatwehaveallthefourpagesready,let'smoveontothenextstepandcreatemenulinksforthose pages.

15

Step#3:MakeMenuLinks
TherearedifferentmenusinaJoomlawebsite,andyoucanaddlinkstothenewlycreatedpagesinanyon thesemenus.Onthesamplesitehomepagewecanseethreedifferentmenusthesearedefinedintheused Beez2template.

16

Now,chooseMenus>MainMenu,andthenclickon'AddNewMenuItem'tocreateanewmenulinkforone ofourpages. Inthenewscreenyoushouldtakethefollowingfoursteps. 1.Choosewhatkindofitemyouwanttoaddtothemenu.

Clickon'Select'nexttotheMenuItemTypebox. Nowanewboxappearswhereyoushouldchoose thetypeofmenuitem.Undertheheading'Articles' clickon'SingleArticle'. 2.Choosethespecificitemyouwanttoadd

Ontherighthandsideunder'RequiredSettings'clickonthe box'Select/Change'.Nowyouwillseealistofarticleson multiplepages.Find'Home'(withtoday'sdate)andclickit. 3.Enterthemenutitleasitappearsonthescreen.

Enter"Home"intheMenuTitlebox. 4.Specifythemenulocationi.e.whereinthemenuthisitemshouldappear.

Under'MenuLocation'makesurethat'MainMenu'isselected andin'ParentItem'choose'MenuItemRoot'. Now,inthetoprighthandcornerclick'SaveandClose'and...youwillseeanerrormessage!Anothermenu itemwiththesamealiasexists!Continuefromstep2abovebutinstep3alsoenter"homecattle"inthe'alias' boxandclick'SaveandClose'.

YounowreturntothemenumanagerwhereyoucanseethecurrentstructureoftheMainMenu.
17

IfyouvisityourJoomlawebsitenowbypointingyourbrowserto'localhost/joomla17',there willbetwo'home'linksinthemainmenu.Thesecondoneistheonethatyoujustcreated. Clickonit,andyouwillbeshownthehomepagethatyouhadmadepreviously. Well,notquite!ThereisextrainformationabouttheCategory('uncategorised'),publishdate, writerofthearticleandthenumberofhits.Alsothetitleisshown,wherewealsoinserteda menutitleinthearticle.Beforewewillmaketheothermenuitems,wewillchangethis. FromtheAdministratorscreenclickonArticleManagerandinthetoprighthandcornerchoose'Options'.Here wecansetthedefaultvaluesforarticles.Wealsohavethepossibilitytooverridethesedefaultvaluesforeach separatearticlewhenweeditit. Change'ShowTitle','ShowCategory','ShowParent','ShowPublishDate', 'ShowIcons','ShowPrintIcon','Showemailicon'and'ShowHits'to'Hide' andclick'Save'.Whenyourmousehoversabouttheoptiontext,an explanationisshown.Whenyoulookatthepageagain(pressF5toupdate thepage)youwillseethattheextrainfoisgone.

Now,repeatthestepsabovetocreatemenulinksfortheotherthreepages.Youcanwrite anynameforthelinks,butrealizethattheremaybeanitemwiththesamealias...

Themainmenuwillnowlooklikethefigureontheright.

Nowwehavethefourpagesreadywithsomecontentinthemandmenulinkspointingat them.However,westillneedtocleanthepage: 1 AllitemsthatarenotrelatedtoourCattleinformationshouldbecleanedup. 2 Whenthesiteisvisitedthrough'localhost/joomla17',the'home'pagethatyou createdshouldbeshown. 3 Allotherlinksfromthemenushouldberemoved.

18

Step#4Removeallunwantedstuff
Thefigureshowsthepageasitisrightnow, butithastoomanythingsinit.These 'things'arecalled'modules'andareshown inthepicture.Theonlyrequiredmoduleis 'MainMenu'(howeverwithlessmenu items)andtheothersarenotrequiredby ourCattlewebsite.Solet'shidethem. Tohideunnecessarymodulesshowingon thepage,gototheadministrativebackend ofthesitebypointingthebrowserto 'localhost/joomla17/administrator'andlog in.Nowgoto'Extensions'>'Module Manager'usingthemenu.The'Module Manager'letsyoumanageallthemodules. Thereyouwillseethefirstpagewith20of thecurrentlyinstalledmodulesonthesite. Thethreepages(selectableatthebottom)containsome50itemsintotal. Youmayselectapageatthebottominthepageselectbar:

Nowusethetickboxatthetoptoselectallmodulesonthepage,butmakesureyouuncheck'MainMenu'and 'ThisSite'andthenclickonthe'Unpublish'buttonatthetopright.Doingthiswillhideallmodulesexceptboth menumodules.Whenyou'redoneclick'viewsite'toseetheresult!

19

Nowlet'scleanupthemainmenuandhideallthelinksotherthantheonespointingtoour4pages,andalso makethe'home'pagethatyoucreatedasthedefaultpagetobeshownwhenyouseethewebsite. Gototheadministrativebackend,andopenthemenumanagerfor'mainmenu'bygoingto 'Menus'>'MainMenu'inthemenu. Youwillbeshownalistofallthelinkscurrentlyseeninthemainmenuandthetreestructure withthesubmenus. Tomakeour'Home'pagedefault,selectitusingthetickboxandclickonthe'Home'buttononthetopright. Now,youwillnotethatasmallstarappearsintheHomecolumn.Makethe'home'linkTHATYOUCREATED BEFOREasthedefault.Itshouldbesomewhereatthebottomofthelist. Tocleanupthemenuandremoveallthelinksotherthanrequired,justdolikeyoudidforthemodules,select allthemenulinkswhicharenotrequired,and'unpublish'them,i.e.selectallthelinksexceptfortheones pointingtothe4pagesthatyoucreatedandthenclickonthe'unpublish'button. Tip:Changingthelogoandslogan TheJoomlalogothatyouseeonthetopleftofeverypageonthewebsiteisapartofatemplate.Wewillgo intothisindetaillater,butifyouhaveacoollogofortheCattlewebsite,choose'Extensions'>'Template Manager'whichwillshowvarioustemplates.Thetemplatewenowuseis'Beez2default'.Clickthatnameand youmayeditvarioussettings.Intherighthandcolumnnexttothecurrentlogo,click'Select'.Belowtheimages click'Browse'tochooseyourlogo,then'StartUpload',soitappearsintheimages.Clickitandthen'Insert'. Lastly,change'SiteDescription'(aniceplaceforaslogan)to"HeartforCattle"andclick'Save&Close'. Click'ViewSite'toseethenewlogoandslogan.

20

Hereweare,withourcustomCattlewebsitewith4pageswhichyoucaneditanytimebyloggingintothe administrativebackendandgoingto'articlemanager'.

Tofinishthingsoff:youmaydeletetheFontSizeboxatthetop.Itisnotsomethingthatcanbedoneeasilyvia theadministratorcontrolpageandtheprocedurecanbefoundinAppendix3. WehopeyouenjoyedmakingtheCattlewebsite!

21

HowContentisStored
ThecontentinJoomlaisthepagesofinformationtobeshownonthewebsite.Thereare2typesofcontent: categorizedanduncategorized. 1. UncategorisedContent Thisreferstoplainpagesthatareshownonthewebsite.Youcanedittheseusingthebackend,andadd asmanyofthemasyouwant.Thesepagesdonotbelongtoanycategoryhencetheyaretermedas 'uncategorised'. 2. CategorisedContent Categorisedcontentalsoreferstopages,butthesepagesbelongtoastructure,whichismadeupof categoriesandarticles.A'category'maycontainsother'categories'and'articles',whichcontainpagesof contentsotheyarealsocalled 'contentitems'. Thefigureshowsanexampleofasite havinginformationaboutdifferent cars.'Cars'isacategory,havingtwo othercategories'Hatchbacks'and 'Sedans' Thesecategorieshaveapageforeach carinthatcategory.

22

MakingyoursecondJoomlaWebsite
Wewillnormallycreateawebsitein7steps: Step#1: Makeadrawingofthestructureofthesite

Step#2: Setthesitename

Step#3: Createtheuncategorisedpages(Home,AboutUs,etc...)

Step#4: Createallcategories

Step#5: Addpages/contentitemsinthesecategories

Step#6: Addlinksforallthisstuffinthemenu

Step#7: Cleanup&FineTuning Wewillfollowthese7stepstomakeawebsiteofacollege.... ForthisexerciseyoushouldreinstallJoomla. First,gotoC:\XAMPP\htdocs\joomla17anderaseallfilesandfoldersinthisfolder.IfyouuseWAMP,eraseall contentinC:\WAMP\www\joomla17. Thenusetheinstallationinstructionsasdescribedonpages8/9,howeverthistimewithoutthesampledata! Ifyouwish,youmayalsoinstallJoomlainanotherdirectorye.g."college".So,firstmakeanewdirectorycalled C:\XAMPP\htdocs\collegeandinstallJoomlathere.Justrememberthatinthiscaseyoushoulduse "localhost/college"toviewthesiteand"localhost/college/administrator"tostartthebackendcontrolpanel. Inthisfashionyoumayactuallyworkonmultiplewebsitesinparallel!Eachrequiresitsownfolderand installationprocedure.
23

Step#1:Makeadrawingofthestructureofthesite
Let'smakeacoolcollegewebsiteusingtheJoomlainstancethatyoujustinstalled.Thinkofanimaginary college.We'llnamethisimaginarycollege'BhideCollegeofEngineering'. BeforemakinganyJoomlawebsite,youneedtodecideuponthestructureofthewebsite.Westrongly recommendthatyoudrawthisstructureonpaperbyhand,anditwillbemucheasiertomakethesite. So,here'sthestructure:

24

Step#2:Setthesitename
Thisisreallyeasy.Gototheadministrativebackendofthesitebypointingyourbrowserto http://localhost/joomla17/administrator(orwhereeveryouinstalledJoomlaforthisexercise!). Loginwithusernameas'admin'andtheadministratorpasswordthatyouhadsetwhile installingthisJoomla.YouwillbeshownthecooladministrativeinterfaceofyourJoomla site. Clickonthe'GlobalConfiguration'button.Youwillseeaformwithdifferentfields. Now,usethe'SiteName'Fieldtospecifythenameoryoursite,whichis'BhideCollegeof Engineering'inourcase.

Notethatonthispageyoumayalsoplaceyoursiteonline/offlineandchangetheofflinemessage. Next,clickonthe'Save&Close'buttonatthetopright.Youwillseeamessage'Configurationsuccessfully saved'.Youmayalsoseethatthetitleofbrowsernowcontainsyoursitename.Congratulationsondoingthe firstmodificationtoyoursite!

25

Step#3:MakeUncategorisedPages
Aslaidoutinthesitestructure,ourwebsitewillhave3pagesthatdonotbelongtoanycategory,andare simpleplainpageswhichyoumayneedtoeditsometimes.Theseare: Home AboutUs ThePrincipal Itisveryeasytocreatesuchuncategorisedcontent.Justgototheadministrativeinterface (joomla17/administrator)ifyouaren'ttherealready,andclickonthe'AddNewArticle' Button.Youcanalsodothisbygoingto'Content'>'ArticleManager'inthemenuand clickingonthe'AddNew Article'button. Fillinthetitleforthepage,specify'category'as 'Uncategorised',addsomearticletext,givethe text'AboutUs'thestyle'Heading1'clickonthe 'Save&Close'buttonatthetopright. Congratulations!Youjustcreatedyourfirstpage! Rightnowthispageisnotvisibleonthewebsite frontend,becausethereisn'tanylinkinthe menupointingtothispage. Wewilladdlinksinthemenulater(Step#6).
26

 Afteryouclickedthe'Save&Close'button,youaretakentothe'ArticleManager',whereyoucanmanageall thearticles/pages/content.Youwillnowseethepagethatyoujustcreatedistheonlyarticlebutlaterother articlesyoucreatewillbeaddedhere. Ifyouwanttoeditanypage,justclickonitsnameorselectitusingthetickboxandclickthe'edit'button.Use the'New'buttontocreatetheother2pages,i.e.the'Home'and'ThePrincipal'pages.Ensureyouaddatitleto thearticletextandchoose'Heading1'asstyle.Alsomakethe'ContactUs'pagewhereyoushouldaddsome namesandtelephonenumbers.WhenyouaddanemailID,itwillautomaticallyturnintoanemaillink.To makeamorespecialContactUspage,seelaterunderstep#7. YoumaynowjumptoStep#6andaddmenulinkstothesepages,orcontinuetothenextstepandmakethe restofthecontent.
27

Step#4:CreateallCategories
Creatingacategoryisveryeasy.Youneedtogoto'CategoryManager',whichyoucandoby clickingonthe'CategoryManager'buttononthemainpageofadministrativepanel,orby usingthemenuthrough'Content'>'CategoryManager'.Notethatyoucanreturntothe mainpageorthe'controlpanel'ofadministrativebackendbyclicking'Administration'in thetop.Youmayalsousethemenuthrough'Site'>'ControlPanel'. Onceyouareinthe'CategoryManager',youwillseealistofalltheexistingcategories.Justclickonthe'New' buttontocreateanewcategory. Writethenameforthecategoryas'Departments'andgodownandwriteadescriptionforthiscategoryinthe 'Details'richtextfield.First,writeaheading"DepartmentalDetails"(Style:Heading1).Thenenteradescription e.g.'Thissectioncontainsalltheinformationaboutthedifferentdepartmentsinourcollege'.Theapproachis likewhatwedidbeforewhenaddinganarticle. Justwriteanydescription,andclickon'Save&Close'button.Youwillseethatthecategoryisaddedinthelist. Youcaneditthedescriptionorchangethenameofthecategorywheneveryouwantbycomingbacktothe 'Categorymanager'. Wesuggestyouhavealookatthesite structurethatwehavedesigned,and tickitoffallitemsthatarefinishedwith acheckmark. Now,let'smaketheothercategories!

28

 Youcancreatecategoriesbygoingto'CategoryManager'eitherfromthecontrolpanel (i.e.themainpageofadministrativebackend)orbyusingthemenuthrough'Content' >'CategoryManager'thenclick'New'. Now,wejusthavetocreateacategoryforeachdepartmentofourcollege.Todothis, clickonthe'New'button Writethenameofthecategory(i.e.thename ofthedepartment)astitle. Select'departments'intheParentbox,asthis categoryisadepartment.Refertothechartif youaregettingconfused. Writeasmalldescriptionofthedepartmentin the'Description'box. Thenclickonthe'Save&Close'button.You willbetakenbacktothecategorymanager. Repeattheprocessforallthedepartments Tip:Youmayalsouse'Save&New'tosavethe categoryandstartanewcategory immediately,ratherthangoingviathe CategoryManager. Now,alsomakethecategories'ElectricalEngineering'and'CivilEngineering'andalsocheckhowtheCategory Managerpageshowsthetreestructureofthecategories.
29

Step#5:Addarticlesinthecategories

Nowthatwehavemadeacategoryforeachdepartment,eachdepartmentneeds2or3pagesfordisplaying informationaboutthedepartment.Forexample,themechanicalengineeringdepartmentneeds3pages 1 Faculty:Apageaboutalltheteachersinthedepartment 2 Facilities:Apagetoshowoffallthelabsandmachinery 3 Projects:Apagetoshowoffallthecoolprojectsdonebystudentsinthisdept. Youcancreatethecategorisedpagesthesamewayyoucreatedtheuncategorisedpages.Theonlydifference isthatyouhavetospecifythecategory.Refertostep#3ifyouforgothowtoaddapage/article.

30

Belowishowwecreatedthe'Faculty'pageoftheMechanicalEngineeringdepartment.

Inthesamefashionmaketheremainingfourarticles'Facilities','Projects','Faculty'andanother'Projects'! Makesurethatyouselectthepropercategoryforeachpage.
31

Step#6:AddLinksintheMenu
Onceyoucreateallthedifferentpagesforeachdepartment,it'stimetoaddlinkstoallthecontentinthe menu. 1:AddLinkstotheUncategorisedContent Loginintotheadministrativepanel.Goto 'Menus'>'MainMenu'inthemenu,thenclick on'AddNewMenuItem'. Takethefollowingfoursteps: 1. Specifythemenutype:Clickon'Select' in'MenuItemType'.Inthebox,under 'Articles'select'SingleArticle'.Thebox willclose. 2. Specifythemenuitem:Ontherighthandsideclick'Select/Change'.Choose'Home'inthearticleslist 3. EntertheMenuTitle:Enter"Home"inthe'MenuTitle'field. 4. Specifythemenulocation:Inthiscasethereisnoparentinthemenustructure,so,under'ParentItem' select'MenuItemRoot'(itisactuallytheonlyoptionnow). Nowclick'Save&Close'tosavethemenulink.Click'ViewSite'toseetheresultofaddingyourfirstmenuitem!

Whenaddingmenuitemsitisagoodideatotickoffthemenulinksinourdiagram...

Weworkourwaydowninthemenulayers,alsowedefinethefiverootmenuitemsfirst,followingthefirst3 stepsabove.Whenaddingthecategory'Departments'instep1,intheboxselect'ListofCategories'(under 'Articles'),theninstep2,obviously,pickthecategory'Departments'fromthecategorylistanduse 'Departments'instep3.

32

2:AddLinkstotheDepartmentpages Theselinksaremadewiththesame4stepsasthefirstmenuitemabove.Wehave8menuitemswithaspecific parent:3categoriesand5articles. Wewillfirstcreatealinkinthemenuforeach category.Startwith'MechanicalEngineering': step1,intheboxselectunder'Articles'select 'ListofCategories',instep2,pickthecategory 'MechanicalEngineering'fromthecategorylist andfillin"MechanicalEngineering".Instep4, select'Departments'sothatthemenuitem 'MechanicalEngineering'isasubmenuunder 'Departments'.Dothesameforthe2other categories. Addtheremaining5articlesinthesamefashion.Instep1choose'SingleArticle',instep4pickthemenu wherethearticlebelongstoe.g.forarticle'faculty'select'MechanicalEngineering'. Nowclick'ViewSite'andyouwillseethemainmenuaswecreatedit.Howeverwewishtohavethemenuitem 'ContactUs'toappearafterthedepartments. Withthesmallbluearrowsinthecolumn'Ordering',youmaymanipulatethemenutree.Clickontheblue 'MoveDown'arrownextto'ContactUs'andheypresto,itmovesdownindeed! Inthesamewayyoumaychangetheorderofthedepartmentsandthearticleseasily. Whenyouarehappywiththemenustructure,let'scleanuptheinformationwedontneed!
33

Step#7:Cleanup&FineTuning
First,doublecheckifthe'Home'linkofthissiteasthe'default'link.Goto'Menus'>'mainmenu'inthetop menuofadminpanel.Ifalliswell,thereshouldbea symbolinthe'Home'column.Ifnot,clickthe checkmarkbeforehomeandthenthe symbolinthetoprighthandofthepage. Now,weshoulddisablesomearticleoptionstopreventunnecessaryinformation.Goto'ArticleManagement', clicktheOptionsbuttonandhide'ShowTitle','ShowCategory','ShowParent','ShowPublishDate'and'Show Hits'andclick'Save'.Bytheway,ifyouwishtohideorshowhetitleisamatterofpersonalpreference.We preferdohavethetitlewithinthearticle/categorytext,butyouothersprefertohavenotitletextinthearticle itselfandtoshowtheArticleorCategoryTitle. Thereisaloginboxonthepage.Thisisamodulethatwemaydisable.Goto theModuleManagerandcheckthetickboxbefore'LoginForm',thenclick 'Unpublish'.Notetheredsymbolunder'Status'. Whileweareatitthereisalsoamodulecalled'Breadcrumbs'thisshows thetext'Youarehere:'andthemenupathwithinthesite.Youmaywantto unpublishthistoo. OntheHomepageyouwillstillseeboththeMenutitleaswellasthe headingfromthearticletext.Choose'Menus'>'MainMenu'.ClickHome, thenontherighthandside,click'PageDisplayOptions'andchoose'no'for 'ShowPageHeading'.Thenasusual'Save&Close'.

34

Ifonthewebsiteyouclick'Departments'inthemainmenu, youwillseethatthereisadescriptionofthesubcategories andanarticlecount.Inadditionyouwillsee2linkstothe departments,ratherthan3! First,tomaketheextrainfodisappear,gototheCategory Manager,thereclick'Options'andundertab'Categories'hide 'SubcategoriesDescriptions'and'#ArticlesinCategory'. Toshowall3categories,click'Show'forEmptyCategories. Therearenoarticlesaddedfor'ElectricalEngineering'(hence itisconsideredempty)butwedohaveinformationinthe Categorypage! Makeaspecial'ContactUs'page IntheAdministratorControlPanelclick'Components'>'Contacts'>'Contacts'(totheright),thenclick'New'. Nowaddacontact:firstenteraName.Ontherighthandsideclick'ContactDetails'andfillinname,email, streetnameandnumberandcity.Youmayalsofindaphotoofthecontactandinsertit.Click'Save&New'and addanothercontactinthesameway. Nowaddthistothemainmenu:'Menus'>'MainMenu'>'AddMenuItem'.Asusual,first,chooseamenuitem typenowfromtheselectionscreenchoose'ListContactinaCategory'.Specifythetitle("ContactUs"),then 'Save&Close'.Youwillgetanerrormessage:specifyanaliasandclick'Save&Close'again. NowchooseViewSitetochecktheresultonthesecondContactUsmenuitem.Youwillseethetwopersons youenteredclickononeofthenametoseethecontactform!
35

ToEditAnyPage...
Thebeautyofcontentmanagementsystemsisthatcontentoncewrittencanbechangedanytimebythe webmasterusingthewebbasedadministrativeinterface. Butfirst,let'senablemoreoptionsintheWYSIWYGtexteditor!Thiseditorisa'plugin'smallprogramsthat makelifeeasierforus.Choose'Extensions'>'PluginManager',anewpageopens.Click'EditorTinyMCE'and then,ontherighthandside,for'Functionality'choose'Extended'.'Save&Close'.Nowyouhavemanymore optionstomanipulatetheArticleandCategorytext. Nowthatwehaveawebsiteforourengineeringcollege,youcanchangethecontentsofanypageeasily.Goto thearticlemanager(bynowyouknowhowtodothat!)andclickthepageyouwanttoeditfromthelist.And thereyougo,youareshownallthesettingsandcontentofthatpagethatyoucaneditandsave. Youmayexperimentwiththevarious'Options'settingsintheArticleManagerandtheCategoryManager.You see,therearemanyoptionsanditmaybeoverwhelmingatfirst.Justexperimentwiththemtoseetheeffect andafterawhileyouwillfeelcomfortabletofindwhatyouneed. Wheneditinganarticle,youmayalsosetoptions.Hereyoucandecidetooverruletheglobalsettingsasseton theArticlesMenupage.Similarly,wheneditingaCategory,youmayalsooverruletheglobalsettingsasseton theCategoriesMenupage.

36

UsingaTemplate
AJoomlatemplateprovidesadesignforJoomlatousefordisplayingthecontentlayout,fonts,colours, locationoflogoetc.Usinganothertemplatedoesnotchangeitscontents.Howeverinsomecasesitmaybe thatsomemodulesaresimplynotshownduetodifferentormissinglocationdefinitions...

Asanexperiment,goto'Extensions'>'TemplateManager'.Youseethetemplatesthatareintheinstallation packageofJoomla3areforthewebsite,2arefortheadministrationcontrolpanel.

Thetemplate'Beez2'isthetemplatecurrentlyinuse(seethe inthe'Default'column).Tickthecheckboxin frontof'Beez5',thenclick'MakeDefault'.Notethatthe symbolnowmovesto'Beez5'.Next,seewhatthe websitenowlookslike.

Youmaychangeafewcharacteristicsofthetemplate.Inthe'TemplateManager',clickon'Beez5'.Ontheright handsideunder'AdvancedOptions'youmayforinstancechangethelogo(300x35pixels),thesitetitleand description.Manytemplatesonlyhaveafewitemsthatyoucanchange. Special:TochangethebanneryoushouldnavigatetoC:\xampp\htdocs\joomla17\templates\beez5\images\. Openfruits.jpginyourfavouriteimageeditor,andmakewhateverchangesyouwant.Saveitbackwiththe samenameandextension,format1050x180pixels. Unfortunatelythelocationandnameofthebannerfilediffersforeachtemplate.Itmaybefoundin'index.php' inthetemplatedirectory,inthiscaseC:\xampp\htdocs\joomla17\templates\beez5\index.php. TherearemanywebsitesthatgiveyoufreeandpaidJoomlatemplateswhichyoucanuseonyoursite.Youcan gotojoomla.organddoasearchfor'freetemplates',andyouwillgetmanytemplatestouse. Onewordofwarning:ifyouuseatemplatedesignedforJoomla1.5,itmayoritmaynotworkwithinJoomla 1.7!Justtry...Youmayalwaysgobacktothetemplatethatworked...
37

Let'stryoutafreetemplatefromcompanyPixelpointCreative.Thenameofthetemplateis'Gratis'anditis availableat:http://www.pixelpointcreative.com/downloads/finish/53gratis/116gratistemplate.html Toinstallthetemplate,loginintotheadministrativeinterface,andgoto'Extensions'>'Install/Uninstall'.You maydownloadthetemplatetoyourPCandinstallitfromthere,butwemayalsousetheURLabove:inthe 'InstallfromURL'box,typetheaboveURL.

Clickinstall.Joomlawillautomaticallydownloadandinstallthetemplate.Youwillgetasuccessmessageanda screenshotofthetemplate. Now,let'ssetthistemplateasthedefaulttemplate.Asbefore,goto'Extensions'>'TemplateManager'inthe topmenu.SelecttheGratistemplateusingthetickboxattheleftofitsnameand thenclickonthe'MakeDefault'buttonatthetopright. Nowviewyourwebsite.Itwillnowlooklikethescreenshotthatyouhadjustseen. YoucanusethissamemethodtoinstallanyJoomla1.7template.Tocustomizeit,justgotothefolderwhereit isinstalled,andmakechangestoimages,CSSfiles,etc.asperyourskills. Nowthatwehavethesiteready,let'sseehowtouploaditonawebserverontheinternet.

38

Uploadingthesiteonawebserver
Tomakeyourwebsiteavailableontheinternet,youneedtouploaditonawebhost'sserver.Touploadand setupyourJoomlawebsiteonawebhost'sserver,thewebhostmustofferthese3services: 1. PHP 2. MySQL 3. FTP JoomlarequiresPHPandMySQL,andtheFTPfeatureletsyouuploadfilestotheirserverusingtheFTP software. Youcansearchthewebforwebhoststhatprovidethesefeatures.Wehaveshownthefollowingstepsusinga freewebhostthatprovidescpanel/vistapanel,whichisamanagementconsoleforadministratingwebhosting accounts.Youcanuseanywebhostthatofferssimilarservices. Ifyouhavetheoption,specifyanotherloginnamethan'admin'andmakesureyouhavealong,difficultto guesspasswordtomakeitmoredifficultforbadguystohackyoursite. Itisagoodideatocheckhttp://docs.joomla.org/Category:Security_Checklisttomaximizethesecurityofyour site. Onceyouregister,activateyouraccountandlogin,youwillbesuppliedwiththefollowingdetails.Thenext pageshowsthedetailsIwassuppliedwith.

39

40

7stepprocedure
Printoutthedetailsofyouraccountifyoucan,becauseyouwillneedtorefertothemseveraltimes. Now,wehavetocopyourlocalJoomlaWebsitetotheserver.Thiswillbedonein7steps.Eachstepis essential.Let'slistoutthestepsfirstandthenI'llshoweachstepindetail. 1 LoginintotheCpaneloftheserver 2 Createadatabaseontheserver 3 Exportthedatabasefromyourcomputer 4 Importthedatabaseintheserver 5 Changetheconfigurationfileofthelocalwebsiteasperyouraccount'sdetails 6 LoginintotheserverusinganFTPprogram 7 UploadtheJoomlawebsiteontheserverusingFTP Now,let'sseehowtoperformeachstep,andyourwebsitewillbeonlineinafewminutes! Step1:LoginintotheCpaneloftheserver Refertotheaccountsettingsprovidedtoyoubytheserver,andyouwill findalinktoyourCpanel.Inmycase,thelinkiscpanel.example.com. LoginwiththeCpanelusernameandpasswordgivenintheaccount details.

41

 Step2:Createadatabaseontheserver OnceyouareloggedintotheCpanel,clickonthe'MySQLdatabases'linkinthedatabaseslist.Youcanenter anynameforthenewdatabase. Asnameforthenewdatabase"database_for_joomla"wasentered. Youcanenteranyname.Yournamewillbemodifiedbythesystem withsomecomputergeneratedprefix. Therealnameisshown whenyouclickthe'create database'button.Rememberorwritedownthisname.Asyoucan seeinthepicture,Igotaname 'zoka_1988637_database_for_joomla' Step3:ExporttheJoomladatabasefromyourcomputer. OpenyourlocalPHPmyAdminbygoingto localhost/phpmyadmin(orwhereveryourlocal phpmyadminis). Inthedatabaseslist,selectthedatabaseinwhichyou haveinstalledJoomla.Inmycase,itis 'database_for_joomla'. Onceyouselectthedatabase,youwillbetakentothe controlscreenofthatdatabase.
42

 Nowyouwillseeabuttonnamed'Export'inthetop tabs.Clickit. Youwillbepresentedwithallthesettingstoexportthedatabase.Forgetabouttherestofthesettings.Justtick onthe'saveasfile'boxandclickon'Go'.

YourbrowserwillgiveyouanSQLfilewhich youhavetostoreonyourcomputer. Rememberwhereyoustoreit,becauseyou havetogiveittotheserver'sPHPmyAdmin. Ok,youaredonewiththethirdstep.'

43

Step4:Importthedatabaseintheserver Gotothecpanelofthewebhostandclickon'phpMyAdmin'intheDatabases' list.Then,clickonthelinkforconnectingtothisdatabase. Youwillbetakentothewebhost'sphpMyAdmin.

Clickonthe'Import'buttononthetoptab.

Clickonthe'Choose'buttonandselectthe filethatyouhadsavedinstep#3. Clickon'Go',andyouwillbepresentedwith asuccessmessage.

44

Step5:ChangethelocalJoomlaWebsiteconfigurationasperthewebhostingaccountanddatabasedetails GotoC:\xampp\htdocs\joomla17\.First,makeabackupcopyof'configuration.php'andtheneditit,for instancewithWordPad.Thisfilehasalistofvariablenamesandvalues,forexample:var$editor='tinymce';

Youwillneedtochangethefollowinglinesofthisfile:

var var var var var var

$log_path = 'C:\\xampp\\htdocs\\joomla17\\logs'; $tmp_path = 'C:\\xampp\\htdocs\\joomla17\\tmp'; $host = 'localhost'; $user = 'joomla_user'; $db = 'database_for_joomla'; $password = 'password';

asperthedetailsofyourwebhostingaccount. The$log_pathwillnowbethe'documentroot'pathasgivenbythewebhostappendedwith/logsin caseofunixbasedwebhosts,and\logsincaseofwindowsbasedwebhosts.Thevaluefor$hostwillbe the'MySQLHostname'asgivenbythewebhost Thevaluefor$userwillbethe'MySQLUsername'asgivenbythewebhost Thevaluefor$dbwillbethenameofthedatabaseyoucreatedinstep#4 Thevaluefor$passwordwillbethe'MySQLPassword'asgivenbythewebhost

Hence,ournewconfigurationfilewilllooklikethis:

var var var var var var

$log_path = '/home/vol4/freezoka.com/zoka_1988637/htdocs/logs'; $tmp_path = '/home/vol4/freezoka.com/zoka_1988637/htdocs/tmp'; $host = 'sql107.example.com'; $user = 'zoka_1988637'; $db = 'zoka_1988637_database_for_joomla'; $password = 'the mysql password';

That'sit,we'redonewiththefifthstep.

45

Step6:LoginintotheserverusinganFTPprogram YouneedFTPsoftwaretouploadthesite.Werecommend'FileZilla',freeFTPclientsoftware.Itisavailablefor windows,MacandLinux.

Youcandownloaditfromhttp://filezillaproject.org/download.php?type=client

Afterdownloadingandinstallingthesoftware,openitandentertheFTPdetailsgiventoyoubythewebhostin thetopbarandsayQuickconnect.

Step7:UploadtheJoomlaWebsiteontheserverusingFTP Nowthatyouhaveloggedintotheserver,youwillbeshownthedirectorystructureontheserverintheright column,andyourlocalcomputer'sfolderstructureintheleftcolumn.

46

 First,gotothefolderinwhichJoomlaisstoredon yourcomputerintheleftcolumn,andthendouble clickonthehtdocsfolderontherightcolumnto enterinthehtdocsfolder.Younowhaveto transferallthefilesofJoomlainthishtdocsfolder. Doingthisisverysimple.JustselectalltheJoomla filesintheleftcolumn,rightclickontheselection, andclickon'upload'. Thetransferwilltakelotsoftime,sincethereare thousandsoffilesthatneedtobetransferred. Viewingandeditingyourwebsite Finally,yourwebsiteisuploadedandreadytouse ontheinternet.Allyouhavetodonowisgoto theURLofyourwebsite,andyouwillseeitin action! ToopentheJoomlaAdministrativepanelofyour website,justadd/administratortothewebsite's URL.Fromhereyoumayedityoursiteasusual.

47

Toconclude
Goingahead.. NowthatyouknowhowtobuildabasicwebsiteusingJoomla,youcanexplorethelimitlesspossibilitiesJoomla hastooffer. Subscribetothehttp://joomla.org/blog,readmoreadvanceddocumentationonthewebsite,andbuild complexwebsites! Printingthisdocument Savepaper!Ifyoureallywishtoprintthisdocument,print2pagesononeside(caneasilybedonewith AcrobatReader)andprintdoublesided. Commentsandsuggestions Ifyouhavecommentsorsuggestionsforthisbook,pleasefeelfreetowritetojoomla@vdwouw.net. FinalWords Thankyouforreadingthisbook.Wehopeyouhaveasmuchfunreadingitaswehadmakingit!

48

Appendiceswithhintsandtips
Appendix1Displayerrors Tocorrectdisplayerrorslike'StrictStandards:NonstaticmethodJLoader...',openc:\xampp\php\php.ini(with WordpadorNotepad)andchangedisplay_errors = Ontodisplay_errors = Off StopandthenrestartApacheviathexamppcontrolpanelforthenewsettingstotakeeffect. Appendix2InstallanotherlanguageforcontrolPanel/Site/Content Downloadalanguagepackfromhttp://community.joomla.org/translations/joomla16translations.html.For thisexercisewewillassume'French_frFR_1.7.3_lang_pack'. FromtheAdministratorcontrolpanelclick'ExtensionManager','Browse'tothedownloadlocationandthen click'Upload&Install'.

Next,fromthetopmenuchoose'Extensions'>'LanguageManager'.Under'InstalledSite'youwillnowsee Frenchasextralanguagetochoosefrom.Setthelanguageyoupreferwiththe symbol.Youmaydothe samefor'InstalledAdministrator'.

Under'Content'youshouldclick'New'and enterthefollowing:'Title':"French",'Title Native':"Franais",'URLLanguageCode':"fr", 'Imageprefix':"fr",'LanguageTag':"frFR".

Tomakeamultilanguagewebsiterequires quitesomework!Pleasecheckthevarious tutorialsforversion1.7.3onInternet.

49

Appendix3RemovetheFontSizebox Ifyouusethebeez5templategotoC:\xampp\htdocs\joomla17\templates\beez5\andinfileindex.phpdelete line32: $doc>addScript($this>baseurl.'/templates/beez5/javascript/md_stylechanger.js','text/javascript',true);

Ifyouusethebeez2template,thendothesameinfolderC:\xampp\htdocs\joomla17\templates\beez20\ Appendix4UsingtheTrash SomeerrorsresultfromthefactthatafilewiththesamealiasisstillintheTrash.Buttodelete(orrestore)files fromthetrashisnotintuitive!

Goto'ArticleManager',thenfindthefilterbox'SelectStatus'andinthedropdownbox,choose'Trashed'. Nowyouwillseealltrashedarticlesandfromhereyoumayrestorethearticle(clicktickbox,thenchoosethe green'Publish'button)ordeleteitforever. Whenyouseenomorearticles,changethefilter'Trashed'backto'SelectStatus'andyouwillseeallyour articlesagain.

Inthesamefashionyoumayprocesstrashedcategories(dothesameontheCategoryManagerpage)and menuitems(fromtheMenuManagerpages).

50

Appendix5UseExtensionsfromInternet OnInternetmanyextensionsareavailabletoaddfunctionalitytoyourwebsite,functionsthatarenotnormally availablewithinJoomla. Asanexamplethereisastandardcontactformtousein'ContactUs',butyoumaywishtouseanotherone. Onsitehttp://extensions.joomla.org/extensions/contactsandfeedback/contactforms/8219youmayfinda simplecontactform'RapidContact'.DownloadittoyourPCandtheninstall'mod_rapid_contact16.zip'using the'ExtensionManager'.SeethenextAppendixbelowhowtouseit. Note:Notallextensionsaresafe!Pleasecheckhttp://docs.joomla.org/Vulnerable_Extensions_List\forsecurity informationofmanyextensions. Appendix6Placeamoduleinsideanarticle Asanexample,let'suse"RapidContact"(seepreviousAppendix)inanarticle. First,start'Extensions'>'PluginManager'andmakesurethat'ContentLoadModules'isenabled. Thenstart'ModuleManager'andedit'RapidContact'.FillinaTitleandauniquenamefor'Position'e.g. "rapidcontact"(oneword!).Alsospecifytheemailrecipientontherighthandside. Now,addanewArticleorCategoryandenterthetext"{loadpositionrapidcontact}"(includingthebrackets, withoutthequotes!).ThiswillfindtheRapidContactmoduleandplaceittherewhereyouenteredthetext! Pleasenotethatsendinganemailfromthismodulewon'tworkfromwithinXAMPPorWAMPbecausethereis noemailmoduleinstalled...

51

Index

Apache ArticleManager AddNewArticle options Articleoptions Backend Banner Beez2 Beez5 Breadcrumbs Categoriesoptions CategoryManager options ContactForm ContactUs cpanel Createwebsite Displayerrors EditorTinyMCE ExtensionManager FontSizebox Frontend FTP Home Languagepack Loadposition Loginbox Logo format

7,49 14,27 14 18 34 11 37 16,20,37,50 37,50 34 35 28 36 35,51 35 39 23 8,49 36 49 21,50 11 39 34 9,49 51 34 20 37 52

Menu AddMenuItem Menupathwithinthesite Module insidearticle ModuleManager MySQL Options overrideglobaloptions PHP Save&New Security Slogan Structureofthesite Style Template TemplateManager TexteditorTinyMCE Trash UncategorisedPages Uploadtoserver WAMP Website MultipleWebsites online/offline WYSIWYG XAMPP Youarehere:

15 16,17,32 34 19 51 19,34 6,8,39 18,34,35,36 36 6,39 15,29,35 39,51 20 24 14 37 20 36 50 26 39 7,8,23 23 25 36 7 34