1

HandleidingJoomla!

Dezehandleidingwordtuaangebodendoor

Cloudfaction,Internetspecialisten.

DezehandleidingisooktevindenophandleidingJoomla.nl

November2014,versie201411

2

InhoudsopgaveVoorwoord...........................................................................................................................4Inloggenopjewebsite.....................................................................................................6DeJoomla!Structuur........................................................................................................8Templateindeling......................................................................................................................8Artikel............................................................................................................................................9Menu...............................................................................................................................................9Module...........................................................................................................................................9

Deback-officeinterface................................................................................................10Statistiekeninstellen.....................................................................................................13Gebruikersbeheer..........................................................................................................14Samenvattend:..........................................................................................................................16

Template–debasisbegrippen...................................................................................17CSS.................................................................................................................................................17Moduleposities.........................................................................................................................17Responsive.................................................................................................................................18

Stylesheets........................................................................................................................19Templatebeheer..............................................................................................................20Artikelen–Eennieuwartikeltoevoegen...............................................................22Eenartikelkoppelen.....................................................................................................24Artikeleigenschappen...................................................................................................25EenBlogmaken...............................................................................................................27Deeditor............................................................................................................................31Afbeeldingenvoorjesite.............................................................................................34HetformaatJPG........................................................................................................................34HetformaatGIF........................................................................................................................34HetformaatPNG.......................................................................................................................35Zekernietopjesitezetten...................................................................................................35Afbeeldingenophetgoedeformaatmaken....................................................................35Gebruikniettegroteafbeeldingen!..................................................................................35

Menubeheer.....................................................................................................................37Modules..............................................................................................................................40Eennieuwemodulemaken.........................................................................................41

3

Eenfotoboekmaken......................................................................................................42Instellingenvanhetfotoboek..............................................................................................44

Eenbackupvanjesitemaken....................................................................................46Eenslideshowmaken....................................................................................................50EenXMLsitemapmaken..............................................................................................53Referenties:YoutubeFilmpjes...................................................................................54Referenties:Gebruiktepluginsencomponenten................................................55

4

VoorwoordDezehandleidingisbedoeldalshandleidingvoorJoomla!3-gebruikersinhetalgemeenmaarmeerspecifiekvooronzeCloudfactionklantendiegebruikmakenvanonzeaangepasteJoomla!installatie.Oponsblogbehandelenwealledaagsedingenwaarwetegenaanlopenbijhetgebruik.

http://www.handleidingJoomla.nlJoomla!isopen-source,datbetekentondermeerdateengrotegroepvanontwikkelaarsconstantaanhetontwikkelenisomveelalopvrijwilligebasishetContentmanagementsysteemteverbeteren.Erzijnduizendenextensiesdiejekuntinstalleren,waarjevaakwelgeldvoormoetbetalen,ennatuurlijkisdehostingvaneenJoomla!websiteooknietgratis.Quaserver-eisen,gebruikersgemakenmogelijkhedenpositioneertJoomla!zichtussenWordpressenDrupal,andereveelgebruikteCMS'en.Dezehandleidinggaatnietoverdeinstallatie,maaralleenoverhetgebruik.Hetisduseengebruikershandleidingengeeninstallatiehandleiding.WegaanalleendemeestrelevanteaspectenvanJoomla!behandelen.Juistdieonderdelendiejehetmeestzultgebruiken.Joomla!iseenvandemeestgebruikteCMSsystementerwereld.Deversiedieopdezewebsitebehandeldwordtisversie3,demeestrecenteversie.OmdaterveelwebsitesgemaaktwordenmetJoomla!enomdathetopen-sourceis,komenermetregelmaatnieuweversiesuit.HetisaanteradenderichtlijnenvandeJoomla!communitytevolgenalshetgaatomdeinstallatievandenieuweversies.

5

WatisJoomla!Beginnendoejealtijdbijhetbegin,duswemoeteneerstwetenwatJoomla!is,voordatweermeegaanwerken.Joomla!iseencontentmanagementsysteem,ookwelCMSgenoemd.Eenstuksoftware,datonlinebeschikbaaris,waarmeejezondertechnischekennisjewebsitekuntonderhouden.Joomla!iseenopen-sourcecontentmanagementsysteem.Erzijnduizendenextensiesdiejekuntinstalleren,waarjevaakwelgeldvoormoetbetalen,ennatuurlijkisdehostingvaneenJoomla!websiteooknietgratis.Dezehandleidinggaatnietoverdeinstallatie,maaralleenoverhetgebruik.hetisduseengebruikershandleidingengeeninstallatiehandleiding.WegaanalleendemeestrelevanteaspectenvanJoomla!behandelen.Juistdieonderdelendiejehetmeestzultgebruiken.Joomla!iseenvandemeestgebruikteCMSsystementerwereld,endeversiedeonzewebsitebehandelt,isversie3.Demeestrecenteversie.OmdaterveelwebsitesgemaaktwordenmetJoomla!,enomdathetopen-sourceis,komenermetregelmaatnieuweversiesuit.HetisaanteradenderichtlijnenvandeJoomla!communitytevolgenalshetgaatomdeinstallatievandenieuweversies.IkschrijfdezehandleidinginhetalgemeenvoorJoomla!3,maarspecifiekvoorCloudfactionklanten,diegebruikmakenvandeaangepasteinstallatievanJoomla!diewijgebruikenvooronzewebsites.

6

InloggenopjewebsiteHetinloggenopdesiteisnietmoeilijk:erzijnverschillendevormenvaninloggen.Jekuntinloggenopdefront-endvandesite;dankunjealsbeheerderviadefront-endpagina'saanpassen.Ookkunjeinloggenviadeback-endvandesite:danhebjetoegangtothetgehelebeheergedeelte.Ominteloggenviadefront-endishetvanbelangdatdeinlogmoduleisgeactiveerd.Alsjegeeninlogvensterzietbijjouwsite,danisdezenietactief,ziejedatweldankunjeinloggen:

Hierkunjealsbeheerderinloggen,maarookkunnenwebsitebezoekerszichregistreren.Ditisoptioneelenkunjeookuitzettenindeback-office.Dezeoptieisbijvoorbeeldgeschiktvooreenextranet,ofvoordealersdieeenaparteinlogkrijgen,enmiddelsdieinlogdantoegangkunnenkrijgentoteenafgeschermddeelvandewebsite.Registratieheefteenaantalmogelijkescenario's:

• Ledenkunnenzichzelfaanmeldenenkunnendanmeteeninloggen;• Ledenkunnenzichzelfaanmelden,maareenadminmoetzegoedkeuren,

voordatzekunneninloggen;• LedenkunnenzichzelfNIETaanmelden,maaralleenmaarinloggenmet

eeninlogcombinatie.VervolgenskunjebinnenJoomla!menu'senpagina'smakendiespecifiekvoordezegroepledenbeschikbaarworden.Hierovervolgtlatereenuitleg.Inloggenopdeback-endvandesitedoejemiddelseenstandaardurl:/administratorOmdatextrabeveiligingstoolsinstalleren,zalditechternietwerken.Jezulteen,diewijjougeven,uniekecodehierachtermoetenintikkenombijhetinlogvenstertekomen:

7

Enhierkunjeookinloggenmetdegegevengebruikersnaamenwachtwoord.Ookhebjedeoptieomeentaaltekiezen.Ditisdetaalwaarindebackofficegetoondwordt.Afhankelijkvandegeïnstalleerdetalen,kunjehiereenkeuzemaken.

8

DeJoomla!StructuurInhetdagelijksgebruikmerkjedatJoomla!erggestructureerdisingedeeld.HierdoorisminimalegewenningnodigomjezelfsnelintewerkeninhetgebruikvanjouwCMS.IkzaldestructuurenopbouwvanJoomla!indithoofdstuknaderuitleggen.Joomla!werktmettemplates,menu's,artikelenenmodules.Natuurlijknogmetveelmeer,maarhetisvanbelanghetonderscheidenonderlingesamenhangtussendezetermengoedtekennen.IedereJoomla!websiteheeftiniedergevaleentemplate,menu,modulesenartikelen.

TemplateindelingIedereJoomla!websitemaaktgebruikvaneentemplate.StandaardiseentemplatemeegeleverdbijdeeersteinstallatievanJoomla!3,genaamdProtostar.Iedertemplateheeftmoduleposities.Ditzijnvirtueleblokken,ingedeeldineenrasterdatdegehelewebsitevormt.

Bovenstaandisslechtseenvoorbeeld.Afhankelijkvanwelktemplatewordtgebruikt,kunnendemoduleposities(websiteblokken)afwijken.DekrachtvanJoomla!isdatjeeenblokjeinhetrasterkuntaan-enuitzettenalnaargelangjeopeenbepaaldepaginastaat.Alsjeopeenpaginacontactbijvoorbeeldindekolomjeadresgegevenswilttonen,maarnietopanderepagina'sdanisdatbinnenJoomla!eenvoudigteregelen.Hiermeebenjeongelofelijkflexibelalshetgaatomindelingvanjouwcontent.

9

Methetoogopdeplaatsingvancontentenmodulesishetzinvoltewetenwatdebenamingenvandemodulepositieszijn.Bijveelvoorkomendepositiesspreektditechtervoorzicht.Denkhierbijbijvoorbeeldaan'footer'en'logo'en'search'en'menu'en'content'.

ArtikelEenartikeliseenopzichzelfstaandstukcontent,ookweltekstgenoemd.Eenartikelkangekoppeldwordenaaneenmenu,maarookineenarchiefvanblogsstaan,ofgekoppeldaaneenanderartikel,ofstuktekst.Maaran-sichishetnietsmeerofminderdanopgemaaktetekst,aldannietvoorzienvanhtmlelementenenplaatjes.Alsjeeenartikelviaeenmenuzichtbaarwiltmaken,zuljedatartikelaaneenmenu-itemmoetenkoppelen.Eenartikelwordtstandaardaltijdinhetblok'content'geplaatst.

MenuEenmenuiseenweergavevaneennavigatiestructuur.Eenmenuplaatsje,alsmodule,opeenmodulepositieineentemplate.Alshetwareeenblokjeinhetrastervandewebsiteblokken:Eenpaginakanmeerderemenu'shebben,opverschillendeplekken.Vaakziejeeentop-menuookineenfooterterugkomen.Eenmenunavigeertnaarartikelen,maarooknaarmodules,ofcomponenten.Eenmenuiseenverzamelingvandenavigatieelementenvanjewebsite.Menu'shebbenveeleigenschappen,waarondermeertaligheid,verborgenofniet,uitklapbaarenzovoort.Veelvandieeigenschappenhangensamenmetdekeuzevanhettemplatevoorjouwsite.

ModuleEenmoduleisinhetkortgezegd,alleextrafunctionaliteitnaastmenu'sencontent.Hierbijvalttedenkenaaneeninlogvenster,eenkruimelpad,eenblog,eeninschrijfmogelijkheidvooreennieuwsbrief,ennogveelmeer.Afhankelijkvanwelkecomponentenjeinstalleert,zullendeoptiesvoormodulesooktoenemen.

10

Deback-officeinterfaceNadatjeindebackofficebentingelogd,zalereenback-officeinterfaceverschijnen.Ditzaleenschermzijnwaarjealsbeheerdervanjesiteveelmeetemakenzultkrijgen.Enerzittenwathandigedingenindiejemogelijkopheteerstegezichtnietzultzien.Vandaareennadereuitleghierover.

Nadatjeindebackofficebentingelogd,zalereenback-officeinterfaceverschijnen.Ditzaleenschermzijnwaarjealsbeheerdervanjesiteveelmeetemakenzultkrijgen.Enerzittenwathandigedingenindiejemogelijkopheteerstegezichtnietzultzien.Vandaareennadereuitleghierover.Alseerstehebjelinksboven,hetCloudfaction-logostaan.Ditlogoisde'home'knop.Alsjehieropdruktkomjealtijdweerteruginditvenster.Daarnaasthebjedenavigatiestaandieookaltijdzichtbaaris.HijisNIETaltijdklikbaar.Alsjeineenschermzit,zuljeditvaakeerstmoetensluiten,omweerbijdezemenu'stekunnenkomen.Rechtsziejedenaamvanjesitestaan,inditgeval'Cloudfaction'endaarkunjeopklikkenomineennieuwvensterdesiteteopenen,zoalseenbezoekerhemzalzien.Aandelinkerkantzieookweereenaantal'quicklinks'terugkomen,onderInhoud,Structuur,Gebruikers,Extensies,Onderhoud.Ditzijndemeetvoorkomendedingendiejedoet,endaarzittendusallinksnaartoezonderdatjedieinhetmenuhoefterugtezoeken.Welzogemakkelijk.

11

Alsweopartikelbeheerklikken,verschijntditvenster.Ditvensterisindicatief,bijnaallevensterszijnopgebouwdmetgelijkeelementen.

Alseerstehebjedebalkdiebegintmetdegroeneknop'nieuw'.Hiermeekunjeeennieuwartikelmaken.Bewerkendoejedooreersteenartikelteselecterenendanopbewerkenteklikken,ofteklikkenopdetitelvanhetartikel.Deoptiepubliceren,de-publicerenenoverigewerkenookopeenselectievanartikelen.Jemoetduseersteenartikelselecterenomvervolgenseenvandieoptiesopdatartikel,ofartikelenuittevoeren.Bijdebalkhieronder,hebjezoekopties,metzoekmiddelen.Alsjeeengrotesitehebt,metveelartikelen,dankunjemetdezoekmiddelenjezoekresultaatverfijnen,ofhetoverzichtbeperken.DooreenzoektermoptegevenendanophetzoekicoonteklikkenzalJoomla!eenresultaattonenmetindetitelovereenkomenderesultaten.Bijdekolomstatusziejevooriederartikeleenvinkje,sterretjeendriehoekjestaan.Hiermeekunjesneleenartikeluitzetten,ofde-publiceren.Jeartikelisdannietweggegooid,maareven'uitgezet'.Hijisnietzichtbaarvoordebezoekers,maarinditlijstjekunjeernogwelbij,voorbewerken.Nogeenkeerklikkenactiveerthetartikelweer.Bijsommigeartikelenziejeookeenslotjestaan.Datbetekentdatiemandandershetartikelheeft'ingecheckt'hetgeenongeveerinhoudtdatdiepersoonermeebezigis,endatditartikelopslotstaattotdatdiepersoonermeeklaaris.Ditisbedoeldomtevoorkomendat2beheerdersgelijktijdigaaneenartikelzittentewerken.Meeroverhetin-enuitcheckenvanartikelenbijhethoofdstukartikelbeheer.

12

Dekolomkoppenzijnookaanklikbaar,omdevolgordevanweergavetewijzigen.dooropeenkolomteklikkenwordthieropgesorteerd,klikjeernogeenkeeropdanisdesorteervolgordeomgekeerd.

13

StatistiekeninstellenVrijvroegalbehandelikdestatistieken.Ditisietsdatjenamelijksnelvergeet,entochwelwiltweten.Enhetkanbesttrickyzijn,maarvaakookniet.AlsjenaarGoogleAnalyticsgaat,jewebsiteaanmeldt,endaneentrackingcodekrijgt,isdatvaakeenstukhtmlcodediejeergensmoetgebruiken.Sterkafhankelijkvanjetemplate,kunjedat:

• Indeindex.phpvanjetemplate,voorde</head>zetten.LETWELOP:aanpassingendoenaanjetemplatekunnenongedaanwordengemaaktzodrajeeenupdatedraaitvanJoomla!.Voordatjegaatupdaten,dusaltijdeerstdebestandendiejehetaangepastbackuppen!

• Bijjetemplateinstellingeninvoeren,veeltemplateshebbeneenvoorzieningvoordezeoptie.

• AlleendetrackingIDopgeven.Ditisookweertemplateafhankelijk.Detemplatesdiewijgebruiken,biedenoptie1.MaarhetstandaardtemplatevanJoomla!,Protostar,zuljeviaoptie2moetenbewerken.

Begeleidendfilmpje:https://www.youtube.com/watch?v=tFffAVeM0HM#t=19

14

GebruikersbeheerInditartikelgaikuitleggenhoejegebruikerskuntopvoerendieeenapartdeelvandesite(ofeenaantalartikelen)mogenbeheren.Ditprocesisvrijlogisch,maarjemoetjewelaaneenaantal'regels'houden.Alseerstemoetjeeengebruikersgroepopvoerenendaareengebruikeraankoppelen.Ditdoejevia:'Gebruikers-Groepen-Nieuwegroeptoevoegen'

Jewiltdatdezegroepspecifiekepagina'skanbeheren.Datdoenzeviaeenfront-endinlogopdeaanhuntoegewezenpagina's.Omzedanookmetdeeditortekunnenlatenwerken,moetjevoordezegroephethtml-filteruizetten.Doejeditniet,dankunnenzewelbewerken,maardanzaldeeditoralleswatzedoenfilterenendusdeopmaakvandepaginadiegemaaktwordt,compleetomzettennaartekst.Deeditorheeftdangeenfunctie.Dusditisbestbelangrijkeneenvandestappendiejesnelvergeet.Omditterealiserengajenaar'Systeem-Algemeneinstellingen-tekstfilter'

15

Envervolgensgeefjevoordezegroepeenfiltertypeop.Wiljedatdezegroepgewoonkanbewerken,dankiesjedeoptie'GeenFilter'.Nadatjeeengroephebttoegevoegd,moetjeeengebruikeropvoerenendiekoppelenaandiegroep.Datdoejevia'Gebruikers-Gebuikersbeheer-Nieuwegebruikertoevoegen'

Wehebbennudegebruikeropgevoerd,gekoppeldaandegroepenhettekstfilterzoingestelddatdezegebruikerookeenpaginamagbewerkenmetopmaak(tekstfilter)Danresteertnunoghetkoppelenvaneenpaginaaandiegebruikers(groep).Ganaardepaginainkwestie(via'inhoud-artikelen-artikelbeheer')enkiesvoorbewerkenvandezepagina.GanaarhettabbladPublicatieenkieshierbij'Gemaaktdoor'degebruikerinkwestie.Opditmomentkandezegebruiker,endebeheerdersvandesite(deadmins)dezepaginabeheren.

16

Hiermeeisdeeigenaaringesteld,nunogderechtengoedgaanzetten.Datdoejeinhettabblad'rechten'.Hierkunjepergroepopgevenwelkerechtenzevoordedesbetreffendepaginahebben.

Samenvattend:

• Gebruikersgroepistoegevoegd;• HTMLfiltervoorgebruikersgroepisingesteld;• Gebruikeristoegevoegdaandegroep;• Paginaisgekoppeldaandegebruiker.• Rechtentoekennen.

Nuishetmogelijkomverschillendebeheerdersiederzijneigendeelvandesitetelatenbeheren.Viadefront-endinlogkomterdanonderdepaginaeen'bewerk'optietestaan.

17

Template–debasisbegrippenZoalsaleerdervermeld,werktJoomla!mettemplates.eentemplateiseengrafischeschilvanjewebsite,diedelook-and-feelbepaalt.Alsdeinstallatieoptimaalis,danhoefjenietveelaaneentemplateteveranderenalsjecontentgaatplaatsen.IedereJoomla!websiteheefteentemplate.OokkaniedereJoomla!websitemeerderetemplatesgelijktijdiggebruiken.Datbetekentdatje1sitekunthebben,metcompleetverschillendogendepagina's.Ditkunjedoenvooronderdelenvaneensite,ofvoorhetextranetgedeeltevaneensitebijvoorbeeld.DekrachtvanJoomla!ishierookweerdemogelijkheidomeentemplateopbepaaldepagina'stegebruiken,eneenanderweeropanderepagina's.Veeltemplateshebbenookdiverse(kleur)variaties,dievervolgensookweerperpaginaindedelenzijn.

CSSCascadingStyleSheets(afgekorttotCSS),stijlbladen,zijneenmogelijkheidomdevormgevingvanwebpagina'slostekoppelenvanhunfeitelijkeinhoudencentraalvastteleggen.HetEngelse"style"heeftdebetekenisvan"opmaak",nietvanschrijfstijl.Hetbegrip"cascading"(alseenwaterval)verwijstnaardemogelijkheidvanhetoverervenvanopmaak-eigenschappen(zieonder).DeCSS-informatievoordevormgevingvanhetdocumentwordttoegevoegdaandeHTML-codeervan.DieinformatiemaginhetHTML-bestandzelfstaan,maarookineenapartbestandwaarhetHTML-documentnaarverwijst.Eendergelijkexternbestandwordtookwelstylesheetgenoemd.EenbelangrijkeredenvoordeintroductievanCascadingStyleSheetswasdeeenvoudigereenconsistenterevormgevingvanwebpagina's,metminderwebbrowser-specifiekeeigenaardigheden.HetWorldWideWebConsortium(W3C)heeftdaartoedestandaardvastgelegd.Devastgelegdestandaardisindeloopvandejarensignificantuitgebreid.DeoorspronkelijkestandaardstaatbekendalsCSS1.LatereuitbreidingenstaanbekendalsCSS2enCSS3.Dezelaatsteuitbreiding(CSS3)isgedeeltelijknoginontwikkelingenisalszodaniggeenofficiëlestandaard.ModernebrowsersondersteunenCSS1enCSS2.CSS3isnoggeenofficiëlestandaard,hierdooriserminderondersteuningdoorwebbrowsers.

ModulepositiesEenmoduleaanmakenkan,maaralsjedezepubliceertzonderhemzichtbaartemaken,m.a.w.,jezegt'hoiikbener'maarnietwaarhijis,danzalhijooknietzichtbaarzijn.Templatesmakenvaakgebruikvanframeworksdievoormodulepositieszorgen,endatdoenzevaakooknogflexibel.Alsjeietszichtbaar

18

wiltmaken,zuljeduseenmodulepositiemoetenkiezenvoorhetgeenjezichtbaarwiltmaken.

ResponsiveAlletemplatesdieCloudfactiongebruiktzijnresponsive.EenresponsivewebsitepastzichzelfaanaandeomgevingwaarinhijgetoondwordtmetbehulpvanflexibelegridsflexibeleafbeeldingenenCSS3mediaqueries.Ditbetekentconcreetdatdesiteopalledeviceswaarmeehijbekekenwordtgoedzichtbaarzalzijn.

19

StylesheetsZoalseerdergemeld,iseenstylesheetvooreengrootdeelverantwoordelijkvoorhoejewebsiteeruitziet.Veelzulje,nadeeerstebouw,echternietdoenmetstylesheets.Zodrajeeenartikelgaatmaken,zuljedatdoenineenWYSIWYGeditor(WYSIWYGstaatvoorWhatYouSeeIsWhatYouGet).Datiseenword-achtigeinterface,diejeinstaatsteltomzonderalteveeltechnischekennis(jebentinfeiteHTMLaanhetprogrammeren)eenstuktekstoptemaken.DietekstwordtonderhuidsopgemaaktinHTMLdiegeschiktisomweergegeventewordeninmodernebrowsers.Maarvanalditmerkjenietveel,endatisookpreciesdebedoeling.Veeleditors(Joomla!kanermeerdan1gebruiken)hebbenwelwatelementenvaneenstylesheetdiejekuntgebruiken.Zokomendekoppen(h1totenmeth5)terug,enanderestijlen,zoalsdiv.Allemaalnietergspannend,maarzonderdezeelementenkunjegewoonweggeentekstopmaken.

20

TemplatebeheerViatemplatebeheerishetmogelijkeentemplateaantepassen.Pashierechtermeeop,eenaanpassingisdirectzichtbaarvoorjebezoekers,enfoutjeskunjesnelmaken.Doeditdusalleenalsjeerverstandvanhebt,ofzekerweetdatjehiernietsdoetwatjenietwilt.Ganaarextensies/templatebeheer:

Afhankelijkvandegeïnstalleerdetemplatesziejehiereenlijstje.Dekolomlocatiegeeftaanvoorwelkgedeeltevandesitehettemplatebestemdis,endegoudensterbij'Standaard'geeftaanwelktemplatestandaardactiefis.Jehebtduseen'standaard'template,datinprincipealtijdactiefis.Echterkunjepermenuenperpaginaeen'override'instellen,zodatvoordiepaginaeenandertemplateactiefwordt.EentemplatetoevoegendoejeviaExtensie/extensiebeheer.KlikhieropUploadpakketbestandenhetvolgendeschermverschijnt:

Hierkunjeeengekochtofgedownloadtemplatebestanduploadenininstalleren.Bijdeoptie'beheren'kunjeeentemplateookweerverwijderen.Alsjeeentemplateverwijdert,verwijderjegeeninhoud,pagina’smodules,ofmenu's.Daarhoefjedusnietbangvoortezijn.Hetkanwelzozijndatalsjebepaaldemodulesoptemplatespecifiekemodulepositieshebtgeplaatst,datje

21

diemoetherplaatsen,zodatzeinhetopdatmomentactievetemplateweerzichtbaarworden.Aanpassingenaaneentemplate,dusnietinstellingen,maarechteaanpassingenaaneentemplatezoalshetaanpassenvan.phpbestandenzijnzeergoedmogelijk,maarjemoetdanwelrekeninghoudenmethetfeitdatalseentemplate,ofJoomla!,wordtge-update,hetzeergoedmogelijkisdatdezeaanpassingenverlorengaan.Vaakiservoorhetaanpassenvancssbestandeneen'custom.css'aanwezig,dietijdenseenupdatenietwordtoverschreven.Hetisechterraadzaamomvoordatjeeenupdatedraaitvanjetemplate,ofvanJoomla!,eenback-uptemaken.

22

Artikelen–EennieuwartikeltoevoegenEennieuwartikeltoevoegendoealsvolgt:

Afhankelijkvanwelkeeditorjeingebruikhebt,zuljeeenbewerkvenstertezienkrijgendateralsvolgtuitziet:

1. Hierhebdeoptiesomhetartikelopteslaan.Nadatjehetartikelhebtopgeslagen,komtereenmogelijkheidomvanuithierhetartikelrechtstreeksaaneenmenutekoppelen.Dieknopheet'addtomenu'.Met

23

deoptie'opslaan'slajehetartikeltussentijdsop,enmet'opslaanensluiten'sluitjehetartikelafenbenjeklaarmetmuterenvanditartikel.

2. Hiergeefjedetitlevanhetartikelop.Hetismogelijkdatdezebijallepagina'sgetoondwordt,maarbijoptieskunjeditnogaanpassen.

3. Dealias,isdedoorJoomla!automatischgegenereerdetekstdieeendeelvandeURLzalgaanvormen.Dezehoefjenietaantepassen,maardatkanwel,indiengewenst.

4. Detabbladengevenperartikelalleoptieseneigenschappenvaneenpublicatieweer.

5. Ditisdeeditor,inonsgevaldeJCE(Joomla!ContentEditor)maarhierkanookeenandereeditorstaan.Hiergajedetekstmaken,deafbeeldingenplaatsenendelinksmaken.

6. Kieshiervooreencategorie.Handigvoorhetrubricerenvanjeartikelen.7. Destatusvaneenartikel.Gepubliceerdbetekentvindbaarenopenbaar,

gedepubliceerdbetekentdathetartikelnietzichtbaaris.8. Toegangisvanbelangomaantegevenofdezepaginavooriedereen

beschikbaaris,ofvooreenbeperktpubliek,bijvoorbeeldpagina'sdiejevooreenextranetwiltgebruiken.daarkunjehettoegangsniveaukiezendatovereenkomtmethetniveauvandeingelogdegebruiker.

24

EenartikelkoppelenNadatjeeenartikelhebtaangemaaktmoethetnogzichtbaarwordenopdewebsite.Ditkandoorhetartikeltekoppelenaaneenmenuofeencategorie.Eerstevenwatuitlegoverhetbegripcategorie.EencategorieisbinnenJoomla!eenverzamelingvangegroepeerdeartikelen.Dooreenartikelteplaatsenineencategorie,endiecategorieviaeenmenuzichtbaartemaken,kunjeeenlijstgegroepeerdeartikeleneenvoudigweergeven.Eenartikelkoppelenaaneenmenuhoudtindatjealleendatartikelkoppeltaaneenenkelmenu.Hoewerkthetkoppelenaaneenmenunuprecies.Nou,nadatjehetartikelhebtaangemaaktenjeopdeknop'opslaan'hebtgeklikt,verschijntindatzelfdemenu,helemaalrechts,deoptie'addtomenu'.Alsjedaaropkliktziejeallemenu'sdiebeschikbaarzijn,endoorereentekiezenkoppeljeditartikelaandatmenu:

Inditvoorbeeldwordtditartikelduseensubmenuonder'Artikelen'.Klikopopslaanenhetartikelisgekoppeld.LETOP,denaamvanhetmenuwordtnuautomatischdetitelvanhetartikel.Ookzalhijautomatischalslaatstewordentoegevoegd.Wiljeditniet,dankunjeviamenubeheerdenaamvanhetmenuwijzigen.Ofwegaanhetartikelviaeenanderemanierkoppelen.Bovenstaandemanierisechterweldemeestgemakkelijkemanier.Deanderemanierishetartikelinkwestieviamenubeheertekoppelenaaneen(nogtemaken)menu.Hiervoorisdevolgendewerkwijzeverplicht:Jemoeteersteenartikelhebbenendanhetmenumaken.Andersomisnietmogelijk.(AddtomenuisgeenstandaardfunctionaliteitvanJoomla!,maareenextraextensiedieisgeïnstalleerd)

25

ArtikeleigenschappenEenartikelheeftdiverseeigenschappen.Dezekunjeglobaalinstellen,datbetekentdatdieeigenschappendanvooralleartikelenvantoepassingzijn.Ookkunjezeperartikelaanpassen.Daarmeewijkjedanafvandeglobaleinstellingen.Deglobaleinstellingenvanartikelenkunjevindenvia'inhoud-artikelen-opties'

Vervolgenskrijgjeditschermtezien:

26

Veeloptiessprekenvoorzich,enalsjenietafwijktvandezeoptiesopartikelniveau,kunjehierinstellingenopslaandievooralleartikelengelden.Zokunjehierbijvoorbeeldopgevendatdetitelvaneenartikelaltijdzichtbaarmoetzijn.Ditiseenkeuze,diehetmakkelijkermaaktomdatjedannietiederekeereenartikelhoefttebeginnenmeteenkoptekstdiejezelfmoetopmaken.Hiermeebehoudjeeenuniformeuitstralingvanalleartikelenbinnendesite.Erzijnnogveelmeeroptiesintestellen,maarhetmerendeelspreektvoorzich.

27

EenBlogmakenInditartikelgaikuitleggenhoejeeenblogkuntmaken.Eenblogiseenweergavevanartikelendiejehebtgekoppeldaaneencategorie.Vanbelangisdusalseerste,datjeeencategoriehebt.Eencategorieiseenvoudigaantemakenvia'inhoud-categorieën-nieuwecategorietoevoegen'

Vervolgenskrijgjeditvenstertezien.Hiergeefjedenaamopvandecategorie,eventueeleenomschrijvingenkiesdanvoor'opslaan'.

• Jekunteencategorieplaatsenineenanderecategorie,viadeoptie'hoofdcategorie'

• Jekunteencategoriewelofnietpubliceren.• Jekunthettoegangsniveauaangeven.Isdezecategorievooriedereen

bestemd,ofvooreenbeperktegroepgebruikers.• Jekuntdetaalkiezen.Mijmeertaligewebsitesisditgewenstivm

zoekresultatenpertaal.

28

Nudecategoriegemaaktiskunnenweviaartikelbeheerartikelengaanplaatsenindezecategorie.Alsweeenaantalartikelenhebben,kunnenwebij'inhoud-artikelen'eenkeuzemakenvoordecategorieomtekijkenwelkeartikelenerallemaalinonzeblogstaan.

Zo,wehebbennuduseenlijstjemetartikelenklaarstaanomgetoondtegaanwordenineenblogoponzewebsite.Hoegaanweditnubewerkstelligen.Datdoenweviamenubeheer.Ganaar'menu's-mainmenu-Nieuwemenuitemtoevoegen'.

29

Geefdemenutitelop,denaamvanjeblog,enkiesbij'menu-itemtype'middels'selecteer'voor'Artikelen-categorieblog'

Nuverschijnthetvensterwaarjedeweergaveoptiesvoorditblogkuntinstellen:

1. Hierkiesjealseerstewelkerubriekjewiltgebruikenvoorjeblog

30

2. Hierkiesjeinwelkmenujeditblogwiltplaatsen,alshoofdmenu,ofalssubmenu

3. Hierkiesjebijcategorieenblogweergavedeoptiesdiegebruiktwordenomjeblogvormtegeven.Hiermoetjemeegaanspelenomtekijkenwathetresultaatis.

Klikvervolgensop'opslaan'enjeblogiseenfeit.

Maar...Jezultziendatalleartikelennuinzijngeheelgetoondzullenwordenonderelkaar.Ookisergeen'leesverder'optie.Diezuljenunogperartikelmoetengaantoevoegen,maardatisnietveelwerk.Ganaareenartikel,enbewerkdat.onderdeeditorhebjedeoptie'leesmeer'staan.Plaatsdecursornadeeerstealineavanjetekst,enklikdanopdieknop.Erzaleengrijzebalkverschijnen,endatisdeafkappingvanhetartikelenhetbeginvande'leesmeer'optie:

Alsjedithebtgedaanbijaljeartikelen,enindetoekomstookdoetblijnieuweartikelendiejeindezebloggaatplaatsen,danisjeblogeenfeit!

31

DeeditorEenJoomla!artikelmaakjealtijdmeteenWYSIWYGeditor,eenWhatYouSeeIsWhatYouGeteditor.Ditiseeneditordiehtmlomzetineenword-achtigeinterface,diejeinstaatsteltomeenstuktekstoptemakenzoalsjegewendbent.VoorJoomla!zijnerdiverseeditorsbeschikbaar.Demeestgangbare,endegenediewijookgebruikenisJCE,Joomla!ContentEditor.Inditartikellegikdewerkinguitvandezeeditor.Erzijnprofielenvandeeditor,instellingen,diegekoppeldzijnaangebruikers.BinnenonzeinstallatievanJoomla!heeftiedereendezelfderechten,enmogelijkhedenbinnenJCE,maarhetismogelijkompergebruikersgroepeeneigeneditorbeschikbaartestellen.Zokunjedanbijvoorbeeldredacteurengeenmogelijkheidgevenomafbeeldingenteplaatsen.

Eenheleboelfunctiessprekenvoorzich.EchterzijnereenaantalweetjesdiebeslisthandigzijnvoorhetgebruikvanJCE.Derechtermuisknopisookafhankelijkvanwaarjestaatenzalkeeropkeerandereeigenschappengeven.Eenuitlegvaneenaantalknoppen:[] [Toggleeditor]Verbergtoftoontdeeditorinzijngeheel

Laateenvolledigvensterzien.hiermeekunjesneltussendefull-screenenwindowedmodeswitchen

Laatdebroncodevaneendocumentzien.hierkunjeHTMLcodebewerken.

Verwijdertverkeerdeopmaakuitgeselecteerdetekst.eersttekstselecterenendanhieropklikken

Gebruikjeomeenhyperlinktemaken.Selecteertekst,enklikopdezeknopvoorhetmakenvaneenlink

Gebruikjeomeenafbeeldingintevoegen.

Specialetekensnodig?Jekuntzevindenonderdezeknop.

Voorjeblogartikeleen'leesverder'optietoevoegen.Klikopdezeknopende'leesverder'balkverschijnt

Geeftdeoptieomeentabelintevoegen.nainvoegenenselectievantabelzullendeknoppenrechtshiervanookactiefworden.

32

DeEditor–AfbeeldinginvoegenBekijkditfilmpjevoorhetinvoegenvanafbeeldingenhttps://www.youtube.com/watch?v=hDAxcvKXZzo

Inmiddelsisbijveelinstallatiesdeuitgebreideimageeditorbeschikbaar(jekuntditziendoordaterbijhetafbeeldingsicoontjeeensterretjestaat )dieookafbeeldingenvanformaat(dusdewerkelijkegrootteinMB's)kanwijzigen.Eendigitalefotowordtnauploaddanineensvan5mbbijvoorbeeldslecht120kb(bijnafactor50kleiner)Ditkandoorgewooneenafbeeldingteuploadenendantekiezenvoorhetaanpassenvanhetformaat:

33

Hetvoorgesteldeformaatvan640x480isvaakprima.Maximaalzouikniethogergaanals1024x768.Datiseenformaatdatprimageschiktisvoordemeestewebsites.Doorhetlinkicoontjeonderde640xpx(ziehierboven)uittezetten,ishetookmogelijkhetformaatvaneenafbeeldingteforceren,inplaatsvaneenproportioneleaanpassing.Ditmoetjealleendoenalsjeechtweetwatjedoet,ikzougewoondevoorgesteldeinstellingengebruiken.

34

AfbeeldingenvoorjesiteOmuwwebsiteofwebshop‘aantekleden’ishetgebruikvanonderandereafbeeldingenietswatveelvoorkomt.Omechtermetafbeeldingentewerkenmoetuweleenaantalzakeninogenschouwnemen.Hierbespreekikeenaantalachtergrondenomumeerinzichttegeveninhoeukuntomgaanmetafbeeldingen.Eenafbeeldingkaneenfotozijn,eentekening,ofeengrafiek-bijvoorbeeldindevormvaneendiagram.Eenaantalzakenwaarurekeningmeemoethouden:

• groottevandeafbeelding.• hetaantaltegebruikenkleuren.• dekleurendiepte

Hoeminderkleuren,hoekleinerdeomvangvandeafbeelding.Hetismoeilijkomregelsoptestellen,maaroverhetalgemeenkangezegdwordendateenfotozichhetbesteleentalsjpgformaat,eneendiagramofeentekeningalsGIF.JPGenGIFzijndemeestgebruikteafbeeldingformaten.

HetformaatJPGVandetweemeestgebruikteimagesophetinternetisditereen.EenJPGcomprimeertdoorkleurendieopelkaarlijken,samentevoegen.IndienugaatinzoomenopeenJPGafbeeldingkrijgtuvaakookeenwatbrokkeligbeeldtezien.Ditheefttemakenmethetcompressiepercentage.Eencompressievan80%geeftoverhetalgemeeneengoedtoonbareafbeelding.Indienulagergaat,danmoeturekeninghoudenmeteensterkminderwordendekwaliteit.Compressiekuntuinnagenoegiedertekenpakketinstellen.EenJPG-afbeeldingheeftaltijdeenkleurendieptevan16miljoenkleuren.Hierkuntunietsaanveranderen.VooreenfotoisjuistvanwegedielaatsteeigenschaphetformaatJPGzeergeschikt.

HetformaatGIFDewatmindergebruiktevariantisdeGIF.EenGIF-afbeeldingbestaatuitmaximaal256kleuren.Hiermeeleentdittypezichalmindervoorfoto’s.Indienueengrafiekwiltweergevenisditbijuitstekhetgoedeformaat.VeelgrafischepakkettenondersteunendemogelijkheidomeenGIF-afbeeldingvanmeerofminderkleurentevoorzien.Ukuntdekleurendaninstellenvan256,128,64,32,16tot4totaan2kleuren.Hoeminderkleuren,destekleinerhetformaat.OokkuntueenafbeeldingvoorzienvanhetGIFformaat"transparantmaken".Datwilzeggendatueenkleurkuntopgevendiewegvalttegendeachtergrond.Voorwebsitesmeteenachtergrondafbeeldingishetmooierdeafbeeldingendie

35

ugebruiktdanooktransparanttemakenzodatdeachtergrondafbeeldinghetbestedoorkomt.

HetformaatPNGVanafInternetExplorer7isdePNGeenleukalternatiefvooreenGIF.PNG(spreekuit:pee-en-geeofalsPing)iseenbestandsformaatvoorafbeeldingenmetverlieslozecompressie.DeafkortingstaatvoorPortableNetworkGraphics,maarsomswordtookhetrecursievebackroniemPNG’snotGIFgebruikt.DoordatdeveelgebruikteinternetbrowserMicrosoftInternetExplorertotenmetversie6.0hetPNG-formaatquatransparantienietvolledigondersteunt,ishetPNG-formaatnognietzopopulairalsGIF,maarhetgebruikvanPNGstijgtterwijldatvanGIFdaalt.InternetExplorer7beschiktwelovercorrectePNG-ondersteuning.PraktischelkmodernbeeldverwerkingsprogrammaondersteunthetPNG-formaat.PNGisnietgeschiktomfoto'smeetepubliceren.

ZekernietopjesitezettenDevolgendeformatenzijnzekerNIETgeschiktalsafbeeldingopjewebsite:.bmp,.tiff

AfbeeldingenophetgoedeformaatmakenEerstdevraag:watiseengoedformaat?Voordrukwerkkandeafbeeldingnietgrootgenoegzijn.Vooreenintranetofwebsitegeldtvaakhettegenovergestelde.Omeengoedemiddenwegtevindenishetaltijdgoedeenafbeeldingmaximaal60kbgroottelatenzijn.Enquaformaatis320x240pixelsprima.

Gebruikniettegroteafbeeldingen!Plaatjeszijnaltijdtegrootvoorgebruikopeenwebsite.Vaakgebeurthetdatafbeeldingennietophetgoedeformaatgemaaktwordenvoorhetweb.Wenemeneendigitalefotoenzettendieonlinezonderietstedoenaanhetformaathiervan.Resultaatisdandatdeafbeeldingtegrootis,hetuploadenduurtlangendewebsiteofblogwordttrager.Nuzijnerleuketooltjesopdemarkt,gratisnogwel,dieditkunnenoplossen.Nietsingewikkelds,maarvaakergeenvoudig.Ikgaereenaantalbenoemen.Faststonecatpure*****Ergmakkelijkingebruik.Jekuntdelenvanjedesktopcapturen,resizenenvoorzienvantekst,pijltjes..whatever.Ookzithiereencolorpickerineneenlineaal.Exporterennaarprinter/word/email/powerpoit,ftpallesismogelijk.Ikgebruikdezeechtdagelijks.(http://www.faststone.org/FSCaptureDetail.htm)Imageresizervanwindows/powertoysvoorXP***Windowsxpmagal'oud'zijn,tochwordtditnoghetmeestgebruikt.Alsleuketoevoegingenzijnerdepowertoys,endeimageresizerisereenvan.Installeerdeze(500kb)enjekuntindeverkennermetderechtermuisknopdeafbeeldingkleinermakennaarhetformaatnaarwens.Ergmakkelijkdus.(microsoftsite)

36

Shrinkpic*****Altijdmakkelijk.Installeerdezeappenzodrajeeenafbeeldingwiltuploaden(dusde'kiesafbeelding'knopgebruiktomteuploadennaarjeblogofsite)wordtdegekozenafbeeldingkleinergemaakt.Jehoefthelemaalnietstedoen,eentijdelijkefilewordtgeuploadenjebentklaar.Online**Jekuntookviadiverseonlinedienstenafbeeldingenkleinermaken.Nadeelisdatjeeersthetplaatjemoetuploadenendatduurtvaakeven.Maarjehoeftverdernietstedoenopjepcenjehoeftnietsteinstalleren.(http://www.shrinkpictures.com/)VSOImageresizer***Ditiseenpowertoysvariant,maardanvoorVistaenWindows7.Deeerdergenoemdepowertoywerktnietopdezebesturingssystemen.(http://www.vso-software.fr/products/image_resizer/)

37

MenubeheerZoalsaleerdergemeldzijnmenu'seenessentieelonderdeelvaniederewebsite.Joomla!heeftveeloptiesalshetgaatopmenu's.Alseersteeenvuistregel:Eenmenuwordtviaeenmoduleopeenpositiegezet.Ditbetekentdateenmenualtijdviamodulebeheertebeherenis.Althans,alshetgaatomdeeigenschappen,nietomdeinhoudvanhetmenu.Datdoejevia'Menu's'.Alseerstegajeeenmenuaanmakenvia'Menu's-Menubeheer-Nieuwmenutoevoegen'

Watjehierdoetiseenmenuaanmaken,waarbinnenjemenu-itemsgaatplaatsen.Vaakiseraleenmenuaanwezig,zoookbijonzeinstallatiesvanJoomla!.DatmenuheetvaakMainMenu,endaarkunjedemenu-itemsookaantoevoegen.Eenvandezemenu's,NIETmenu-items,maardeverzamelingvanmenu-itemsdus,kunjeviaModulebeheereenpositiegeven.Ganaar'Extensies-Modulebeheer-Nieuw'Hierkiesjevooreentypemoduleendattypewordtdan'Menu'

38

Vervolgenskunjehetmenukiezendatjewiltplaatsen.

39

• Bij'Selecteermenu'kiesjehetmenudatjewilttonen• Bij'Startniveau'geefjeaanofjebijhethoofdniveauwilstarten,ofop1

niveaulager.ditishandigvoornavigatieineenvandesidebars.alsjehierkiestvoorstartniveau2danwordenallesubmenu'svanhetactievehoofdmenugetoond.Bij'Eindniveau'bepaaljetothoeveelsubmenu'sjewiltlatenzien.Lethierbijwelopdatveelafhangtvandemogelijkhedendiehettemplatebiedtvoordeweergavevandemenu's.Ookkunjebijvoorbeeldeenmenuineenvandefooterpositiesteruglatenkomen,maardanwiljevaakalleendehoofmenu'stonen.Dankunjedeoptie'Toonsubmenu-items'uitzetten.

• Bij'Toonsubmenuitems'kunjeaangevenofjeooksubmenu'swiltweergevenalsdieerzijn

• Bij'Positie'bepaaljewaarinjetemplateditmenugetoondgaatworden.• Bij'Taal'geefjeaanbijwelketaalhetmenuactiefis.• Bijhettabblad'Menutoewijzing'kunjeaangevenopwelkepagina'shet

menuzichtbaarmoetzijnAlsjeditallemaalhebtingesteld,danisjemenuactiefs.

40

ModulesAlseersteeveneenuitleg,vooralsjenognietweetwateenmoduleis.EenmoduleiseenvandebouwstenenvanJoomla!.Aldiebouwstenen,samenmetdeinhoud(content)vormenjesite.EenmoduleisduseenbelangrijkbegripbinnenJoomla!enhetisbestbelangrijkdatjehiermeekuntwerken.Modulesgevenjesitenaastbasisfunctionaliteit,ookextrafunctionaliteiten,afhankelijkvanwelkejeerinstalleert.Demeestvoorkomendemoduleszijnonderandere:logo,menu,navigatiepad,inloggen,footer.Modulesbeheerjevia'Extensies-Modulebeheer'Hierziejewelkemoduleserzijn,enwelkeactiefzijn.

1. Hierkunjeallefilteroptiesinstellen.Joomla!onthoudtdezefilters,dusbijeenvolgendbezoekzuljedezeingesteldefiltersterugvinden.

2. Handigomjemodulestesorteren,nietalleendeweergavehier,watdatdoejeviadekolommenendedriehoekjes(zienaast'positie')maarjuistdesorteringvandemoduleszoalsdezeopdesitekomen.Alsjebijvoorbeeldmeerderemodulesineensidebarhebtgezet,ishethandigtekunnensorteren.Hierovermaakikeenapartfilmpjelater.

3. Moduleskunje,netzoalsartikelen,publiceren,depublicerenenin-enuitchecken.

Wegaanverdermethetmakenvaneennieuwemodule.

41

EennieuwemodulemakenHiergaanweeennieuwemodulemaken.WegaanineenvandesidebarseenaangepasteHTMLmodulemaken.Ditisalshetwareeenartikel,eenstukcontentdus,datweopeenpositiegaanplaatsenindefooter.Ooklaatikinditfilmpjezienhoewedevolgordenvandemodulesonderlingkunnenbepalen.Hiermeekunjedusaangevenwelkemodulevoorofbovendeandermoetkomentestaanopeengelijkemodulepositie.Bekijkonderstaandfilmpjehoeweditdoen.Linknaarhetfilmpje:https://www.youtube.com/watch?v=1pNV0iUFKxg

Vanbelangisdathelderiswaarjedemodulewiltplaatsen(depositie)endemenutoewijzingentaal.Zokunjevooreenmeertaligesiteeencompleetanderefootermakendiebestaatuitmodulesdiepertaalgetoondwordenendaarmeedusnietalleendecontentvandesitevantaaldoenveranderen,maarookdeoverigeelementen.

42

EenfotoboekmakenOmeenfotoboektemakenhebbenwijeencomponentgeïnstalleerdwaarmeejemappenmetdaarinafbeeldingenkuntomtoverentoteenfotoboek.Hoewerktdit?GametdeJCEfilebrowsernaardemappenopdeserverenmaakhiereennieuwemapaan.

LETOP:geenspatiesindenaamvandemap,engeenspatiesindenamenvandeafbeeldingen!Alsjeeenmaphebtaangemaaktdankunjeindiemapafbeeldingenuploaden(jemoetdemapdanwelselectereneerst!)

43

Alsjedanafbeeldingenhebtge-upload,danmoetjedenaamvandemaponthouden,datkanookeensubmapzijn.Hierbovenishetdemapsampledata/slideshowMaakvervolgenseenpaginaaan,ofganaardepaginawaarjehetfotoboekwiltplaatsenenoveralwaarjewiltindiepaginakunjedevolgendeshortcodeplaatsen,omhetfotoboekopdieplaatsactief-temaken.

44

Opdiepaginazullennudefoto'sverschijnen,diejegewoonkuntraadplegenenaanklikken.hetzijnautomatischthumbnailsdieopenklikkennaareenhelefoto.Jehoeftnietsbijzondersmeertedoen.Jefotoboekisnueenfeit.

Instellingenvanhetfotoboek.Jekuntdegroottevanjethumbnailsaanpassen,endecompressievandeafbeeldingook.datdoejevia'Extensies-pluginbeheer-SimpleImagegallery'

Endaarkunjedeinstellingenbewerken:

Eengepubliceerdfotoboekzieteralsvolgtuitenhierkunjeeenlivevoorbeeldbekijken:

45

(SimpleimageGalleryisgeenstandaardJoomla!functionaliteit,maareencomponentdatwijextrainstalleren!)

46

Eenback-upvanjesitemakenAlsjeeensitehebt,danweetjedathetbelangrijkisregelmatigeenback-uptemakenvanjesite.Eenback-upkunjemakenmetAkeebabackup,eencomponentdatwijstandaardinstallerenenookinstellenomautomatischback-uptekunnenmaken.Ofdatookgebeurtisafhankelijkjouwsituatie.Alsjezelfeenback-upwiltmakendankandatmiddelsAkeebaback-up.Hoegaatdit?Noudatisbesteenvoudig!Ganaar'Componenten–Akeebabackup'enklikop'Back-up'

Klikvervolgensop'Backup-now!'

47

Deback-upwordtnugemaakt:

48

Standaardgaanalleback-up’snaareenonlineopslagvanCloudfaction.Maaralsjewiltkunjeeenback-upookzelfdownloaden,ofdeback-upzoinstellendatdezenaarjedropboxgaatofnaareenandereonlineopslagdiejezelfinjebeheerhebt.Ditproceskan,zoalsgezegd,dusookautomatischgaan,middelseenzogenaamdeCRONJOB,eeninstellinginhetCPANELvanjewebsite,endoorhetopgevenvaneenopdrachtregelenhetkoppelenvaneenschema,kanditautomatischgebeuren.Doorhetinstellenvaneenremoteback-up,kunjevoorkomendatjeonlineopslagvoorjewebsitevollooptmetback-upbestanden.Volgdeaanwijzingenophetscherm,ensluithetschermnietvoordathetprocesisafgerond.

49

Jehebtnueenback-upvanjecompletesite,dusinclusiefdedatabase.Dezeback-upzitin1bestand,endatbestandkunjerestorenmiddelsakeebabackup-kickstart.(AkeebabackupisgeenstandaardJoomla!functionaliteit,maareencomponentdatwijextrainstalleren!)

50

EenslideshowmakenVeelwebsitehebbenmooieslideshowsalsbinnenkomer.Eenreeksplaatjes,dieopeenmooiemanierinelkaarovervloeien.InditartikelgaikuitleggenhoejezelfeenslideshowkuntmakenmetdeWidgetkit.Alseerstemoetjeervoorzorgendatjeeenreeksafbeeldingenhebtdieexacthetzelfdeformaathebben.Vaakisbreedbeeldeenmooiformaat,dushoueen16-9verhoudingaan.bijvoorbeeld800x450px.Maakdezeafbeeldingenineengrafischpakket,enuploadzeviadeJCEmediabrowser,ineendaarvooraangemaaktemap.Ookhiergeldt,geenspatiesindemapnaamenbestandsnamen!

1. SelecteerJCEbestandsbrowser2. Klikopditicoonenmaakeenmapaan,enklikop'OK'3. Enuploaddebestandennu.

51

Zo.hierzijnwenuklaar.Ganaar'componenten-widgetkit'enkieshiervoor'Gallery'enmaakeennieuweaan.

1. Kiesdezojuistaangemaaktemap2. klikop'addtophotogallery'

52

3. Defoto'sverschijnenlinksinhetvenster.Geefeennaamaanhetfotoboek.Geefwaarjewilttekstopeneenlink,perplaatje

4. Pasdeeigenschappenvandegalleryaan.Hierkunjetalvandingenaanpassen,zoalseenaangepastformaat,eenovergang,hoelangdeslidersmoetenlopen,engazomaardoor.

Benjeklaar,drukdanop'Save'gevolgddoor'Annuleren'Jekomtnuweerteruginhetoverzichtvandeslideshows,endejouweisnuaangemaakt.

Naastjeslideshowziejeeen'SHORTCODE'staan.Diecodekunjeknippenenplakkenopdeplekwaarjijwiltdatdeslideshowgetoondwordt.Ikwildathijhiergetoondgaatwordenenplakmijncodedusgewoonindetekst:

Deslideshowisnugemaakt,hijisresponsive,dusdeafbeeldingenpassenzichaanalshetschermkleinervergt,enjekuntdezeshortcodeookgewoonhergebruiken,dus1slideshowopmeerdereplekkenteruglatenkomen.(WidgetkitisgeenstandaardJoomla!functionaliteit,maareencomponentdatwijextrainstalleren!)

53

EenXMLsitemapmakenInonderstaandevideowordtgetoondhoejeeenXMLsitemapkuntmaken.eenXMLsitemapiseensitemapdiejekuntindienenbijGoogle,omdesitesnellervindbaartemaken.Eensitemapiseenpaginawaarinallelinksvaneenwebpaginastaan,dienormaalgesprokenopbelangrijkheidzijngesorteerd.Ditiseenhandighulpmiddelvoorbezoekersenzoekmachinesompagina'stevindenopeensite.Websiteskunnenhunzoekmachineoptimalisatieverbeterendoormiddelvaneensitemap,wanteenzoekmachinekanzobeteralhunpagina'svinden.EensitemapisvooralhandigvoorsitesdieinMacromediaFlashgemaaktzijnofinJavaScriptwaarinlinksvoorkomendieeenzoekmachinenietkanzien.LinknaarYoutubeFimpje:https://www.youtube.com/watch?v=QAaGDOpASCM

Viagooglewebmastertoolskunjedesitemapindienen.(X-MapisgeenstandaardJoomla!functionaliteit,maareencomponentdatwijextrainstalleren!)

54

Referenties:YoutubeFilmpjesModulesmakeninJoomla!https://www.youtube.com/watch?v=1pNV0iUFKxgGoogleanalyticsplaatsenbijJoomla!3Protostareneenandertemplate/handleidingJoomla!.nlhttp://youtu.be/tFffAVeM0HM?list=UUz-95Jne37bjZswkrmvyXCQGooglesitemapVoorJoomla!3,metXmap/handleidingJoomla!.nlhttp://youtu.be/QAaGDOpASCM?list=UUz-95Jne37bjZswkrmvyXCQContactformuliermetJoomla!3/handleidingJoomla!.nlhttp://youtu.be/Kx5kbaagzUw?list=UUz-95Jne37bjZswkrmvyXCQPlattegrondmakenmetWidgetkitinJoomla!3/handleidingJoomla!.nlhttp://youtu.be/zO-DOVYV8ys?list=UUz-95Jne37bjZswkrmvyXCQMenumakenmetJoomla!3/handleidingJoomla!.nlhttp://youtu.be/vCa65GUg_MU?list=UUz-95Jne37bjZswkrmvyXCQEenPDFuploadenenlinkenmetJoomla!3/handleidingJoomla!.nlhttp://youtu.be/5ZGuAaQWCkc?list=UUz-95Jne37bjZswkrmvyXCQTabelinvoegenmetJCEenJoomla!3/handleidingJoomla!.nlhttp://youtu.be/PEvqQs1T0-Y?list=UUz-95Jne37bjZswkrmvyXCQHyperlinkenmetJCEenJoomla!3/handleidingJoomla!.nlhttp://youtu.be/YglT1qJ_H7o?list=UUz-95Jne37bjZswkrmvyXCQAfbeeldingeninvoegenmetJCEenJoomla!3/handleidingJoomla!.nlhttp://youtu.be/hDAxcvKXZzo?list=UUz-95Jne37bjZswkrmvyXCQ

55

Referenties:Gebruikteplug-insencomponentenOnderstaandsommenwijopwelkeextensiesencomponentenwijgebruikthebbenindezeJoomla!handleiding.Doortegoogelenopdezetermenkomjezezotegen!

• AkeebaBackup• YoothemeWidgetkit• SimpleImageGallery(SIG)• AddToMenu–NoNumber• Joomla!ContentEditor(JCE)• X-MapforJoomla!