Handboek Joomla

Joomla! versie 1.0xHandleiding voor redacteuren

met weinig tijd

Datum 11 Januari 2007Versie 1.0Auteurs Evert-Jan Hoojer

Leon RenkemaGermaine Hofman

Dutch Open Projects B.V.

Doornseweg 123832 RL Leusden

T: +31[0]33 – 4 50 50 50

@: [email protected]: www.dop.nuW3:www.opensphere.nl

Inhoudsopgave1 INLEIDING..............................................................................................................3

1.1 DOEL HANDBOEK................................................................................................................................31.2 PERSOONLIJKE NOOT EVERT JAN HOOIJER.................................................................................................31.3 MEER INFORMATIE................................................................................................................................31.4 OVER DIT DOCUMENT...........................................................................................................................31.5 EEN PAAR WOORDEN OVER JOOMLA........................................................................................................31.6 ENKELE BEGRIPPEN................................................................................................................................6

2 UW EERSTE KENNISMAKING................................................................................. 73 HET ECHTE WERK, TEKST MAKEN...........................................................................9

3.1 INLOGGEN, UITLOGGEN.........................................................................................................................93.2 HET CONTROL PANEL ........................................................................................................................103.3 NIEUWE CONTENT TOEVOEGEN..............................................................................................................11 3.3.1 Naam van uw content............................................................................................................ 12 3.3.2 Tekst invoeren........................................................................................................................... 12 3.3.3 Content opslaan...................................................................................................................... 143.4 PLAATJES IN DE TEKST PLAATSEN..............................................................................................................153.5 DE VELE PARAMETERS BIJ DE CONTENT.....................................................................................................15

4 FOTOALBUM MIDDELS HET COMPONENT “EXPOSÉ”........................................ 164.1 ALBUMS BEHEREN...............................................................................................................................164.2 COLLECTIE AANMAKEN........................................................................................................................164.3 AANMAKEN ALBUM.............................................................................................................................164.4 FOTO'S TOEVOEGEN...........................................................................................................................174.5 TUMBNAIL AANMAKEN.........................................................................................................................18

5 VRAAG EN AANBOD MIDDELS COMPONENT “MARKETPLACE”......................195.1 ADVERTENTIE BEKIJKEN.........................................................................................................................195.2 ADVERTENTIE TOEVOEGEN....................................................................................................................19

6 GEBRUIKERS BEHEREN.........................................................................................216.1 OVERZICHT VAN GEBRUIKERS.................................................................................................................216.2 TOEVOEGEN VAN EEN GEBRUIKER...........................................................................................................216.3 BEWERKEN VAN EEN GEBRUIKER..............................................................................................................226.4 VERWIJDEREN VAN EEN GEBRUIKER.........................................................................................................22

7 VEELGESTELDE VRAGEN MIDDELS COMPONTENT “SIMPLEFAQ”..................... 237.1 OVERZICHT VEELGESTELDE VRAGEN.........................................................................................................237.2 TOEVOEGEN VRAAG EN ANTWOORD.......................................................................................................24

8 BIJLAGEN............................................................................................................ 258.1 EEN PLAATJE IN DE BIBLIOTHEEK PLAATSEN OF VERWIJDEREN...........................................................................258.2 EEN LINK OPNEMEN OF AANPASSEN........................................................................................................298.3 CONTROLEREN VAN DE RESULTATEN........................................................................................................318.4 HOE STAAT U BOVENAAN IN GOOGLE? .................................................................................................31 8.4.1 Methode 1................................................................................................................................. 31

Handboek Joomla Pagina 2 van 35

1 Inleiding

Dit hoofdstuk kunt u overslaan als u weinig tijd heeft. Maar ja, ieder Handboek moet nu éénmaal beginnen met een Inleiding toch?

1.1 Doel Handboek

Dit document is bedoeld voor gebruikers van Joomla die een aantal (relatief éénvoudige) taken moeten uitvoeren. Daarbij ligt de nadruk op het beheren van content voor lopende sites. Denk aan taken als inloggen, het aanmaken en wijzigen van tekst en het plaatsen van plaatjes. De dagelijkse dingen dus.

1.2 Persoonlijke noot Evert Jan Hooijer

Het leuke en spannende van OpenSource is dat overal te wereld gezamenlijk gewerkt wordt aan een product. Een bekende spreuk van Gandhi was: Als je doet wat je leuk vind hoef je nooit te werken. Ik heb in de avonduren met alle plezier aan dit handboek mogen werken. Ik wil tevens mijn dank betuigen aan de andere auteurs die met dezelfde inspiratie meewerkt hebben:

• Leon Renkema, technisch projectleider van Dop

• Germaine Hofman, 1e lijns helpdesk medewerker van Dop

1.3 Meer informatie

Er is meer informatie over Joomla te verkrijgen op

http://www.joomla.org/

en een meer uitgebreide Nederlandstalige handleiding is te vinden op:

http://wiki.dutchjoomla.org/index.php/Handleiding_frontend#Inleiding

1.4 Over dit document

Dit document is vrije software die u kunt wijzigen of her distribueren onder de bepalingen van de GNU General Public Licence zoals gepubliceerd door de Free software foundation. Zie voor meer informatie: “ GNU General Public License ”.

1.5 Een paar woorden over Joomla

De meeste web gebruikers denken bij websites aan pagina’s en hoe deze onderling gekoppeld zijn. Iedere pagina bevat statische content – als je eenmaal een pagina gemaakt hebt, veranderd deze niet (totdat de ontwerper de pagina verandert). Je kunt een site zien in een boomstructuur: de voorpagina heeft in het menu links (hyperlinks) naar sub pagina's, de sub pagina heeft weer links naar sub-subpagina’s enzovoort. Joomla zit anders in elkaar, want alle onderdelen van je site zijn dynamisch – elke keer dat er een “pagina” door een bezoeker wordt opgevraagd stelt Joomla deze samen uit verschillende onderdelen. Een dynamische site dus.

Iedere pagina binnen een Joomla site bevat verschillende blokken van content. Hoe die blokken eruitzien (kleur, grootte, font, achtergrond plaatjes) wordt bepaald in een template. Zo’n template wordt meestal gemaakt door een web ontwikkelaar. Daar hoef je je dus geen


http://www.joomla.org/

http://www.gnu.org/copyleft/gpl.html

http://wiki.dutchjoomla.org/index.php/Handleiding_frontend#Inleiding

zorgen over te maken. Wat overblijft, is het beheer van de contentblokken zelf. De teksten, de plaatjes, de menu’s en de samenhang (welke blokken zet ik bij elkaar in één “pagina”).

De basis voor het samenstellen van een pagina is een item in een menu. Dit item bepaald welke content getoond wordt in het hoofdvak van de pagina. Op de overige posities worden andere blokken content getoond. Dit kan automatisch (een willekeurig artikel uit een aantal nieuwsberichten) of met de hand worden ingesteld. Hieronder wordt een voorbeeld getoond van de website aan de frontend kant. U ziet hieronder content getoond in een tabel. In de Joomla terminologie heet dit een “Table content category”.

De “Table content category” wordt gebruikt voor bv. de opsomming van nieuws, referenties vacatures etc. U kunt in Joomla zelf bepalen welke kolommen in de tabel getoond moeten worden en wat de sorteer volgorde is. In dit voorbeeld wordt Datum, Onderwerp en Aantal Hits getoond. U kunt ook de naam van de auteur toevoegen.

Als men klikt op bv. “Gemeente Lisse kiest Jongeren in Beeld” dan wordt de gedetailleerde pagina getoond, in Joomla terminologie heet dit een “Link Content Item” (Zie hiervoor volgende blz.)


Hier ziet u de meest voorkomende presentatie: een normale webpagina met teksten en een logo. De kracht van Joomla! is dat deze pagina meerdere keren kan voorkomen in andere formaten. Dit is een dynamische pagina die wordt samengesteld uit allerlei onderdelen. Links ziet u de menu structuur, Linksonder een klein componentje wat een adres aangeeft. In het midden een stuk tekst, maar rechts worden ook wat stukken tekst getoond die op dezelfde webpagina terecht komt. U kunt iedere pagina op verschillende manieren indelen en blokjes tekst wel of niet laten verschijnen op een pagina. Joomla! heeft een back end systeem waar de geautoriseerde gebruiker allerlei details kan vast leggen. Hier ziet u voorbeeld hoe alle referenties in een lijst getoond worden.


1.6 Enkele begrippen

Wij in de ICT werkzaam hebben een eigen taal verzonnen. Hierna en enkele veel gehanteerde begrippen:

Beheer zijde of “Back end”

De beheer schermen van de website. Afhankelijk van de verleende rechten kan je hier meer complexe zaken van de website beheren.

Browser Een programma om het web te gebruiken. Denk aan Internet Explorer (IE), Firefox en Safari. Het feit dat er verschillende zijn maakt dat het noodzakelijk is om het eindresultaat in meerdere browsers te controleren. Hoe ingrijpender de wijziging des te belangrijker deze controle.

IE Internet Explorer, kijk onder browsers.

FF Firefox, kijk onder browsers.

Flash Filmpje Een geanimeerd plaatje of een grafisch filmpje. Flash slaat de brug tussen plaatjes en beweging. Kan los op een site worden geplaatst visuele ondersteuning (net als een plaatjes) maar kan ook heel geavanceerd werken met eigen functies, knoppen en formulieren.

Homepage De algemene pagina van een website waar vanuit overal naar toe kan worden gegaan

Joomla Het programma dat gebruikt wordt voor het beheren van een website.

Mambot Klein stukje extra functionaliteit binnen Joomla

Productie omgeving De site zoals het publiek hem ziet. Dit in tegenstelling van de test omgeving.

Test omgeving Een kopie van de site, bedoeld om wijzigingen eerst uit te proberen voordat dit in de productie omgeving gebeurt.

URL Uniform Resource Locator, het wereldwijde unieke adres van een pagina op het web.


2 Uw eerste kennismaking

Ergens op de front end van uw site kan uw administrator een inlogscherm plaatsen: In dit voorbeeld ziet u rechts het inlogscherm aangegeven.

Na inloggen komt u automatisch in het tekstverwerking programma (editor) van Joomla. Probeer zelf maar eens wat tekst in te voeren:

Nadat u wat tekst heeft ingevoerd drukt u op de de Save knop:


U ziet vervolgens dat uw tekst is opgenomen in de “Table content category”:

U ziet achter de tekst een potloodje:

Als u op dit potloodje klikt kunt u uw tekst wijzigen.

Goed u kunt nu zelf wat oefenen. Als u dit intuïtief lukt bent u geslaagd voor het diploma: Newbie Joomla Gebruiker.

Om deze oefening succesvol op uw eigen site te oefenen moet uw systeem beheerder wel de nodig instellingen in het systeem implementeren. Heeft u geen systeem dan kunt u ons bellen op 033-4 50 50 50 om toegang te krijgen tot een ingestelde oefen omgeving.


3 Het echte werk, tekst maken.

In het vorig hoofdstuk heeft u kunnen zien dat aan de frontend kant van de site rechtstreeks content gemaakt kan worden. Dit is vooral geschikt als u werkt met zeer veel externe redacteuren. In dit hoofdstuk leren wij hoe u content kunt maken in de backend van Joomla!

3.1 Inloggen, uitloggen

Inloggen is het aanmelden bij Joomla zodat je rechten krijgt (of toestemming krijgt) om dingen te wijzigen op de site. Open de browser en ga naar de website. Let op of je de juiste site (productie omgeving of test omgeving) hebt gekozen. Typ achter de URL van de site “/administrator” zoals in http://www.uw-sitenaam.nl/administrator. Een loginscherm wordt getoond, typ hier je Usernaam (Gebruikersnaam) en Password (Wachtwoord) in.

Binnen Joomla! is een zeer uitgebreide autorisatie mogelijkheid ingeregeld. U moet hierbij bv. denken aan de volgende mogelijkheden:

• Registered , mensen die kunnen inloggen en daardoor menu's en submenu's kunnen bekijken, dit wordt met andere woorden ook wel het Intranet genoemd

• Author : mensen die tekst mogen maken maar niet mogen publiceren op de site

• Editor : mensen die tekst van andere mogen wijzigen, maar niet mogen publiceren

• Publisher : mensen die tekst mogen wijzigen, verwijderen en publiceren op de site

• Administrator : mensen die gebruikers mogen aanmaken

• Super Administrator : die houden we lekker geheim

Na inloggen komt u automatisch in het configuratie panel zie volgende blz.


3.2 Het control panel

In dit voorbeeld ziet u alles in Engelse teksten, het is mogelijk om in de administrator ook met Nederlandse of andere talen te werken

Hier ziet u de belangrijkste hoofd functies van Joomla:

Add New Content: hier kunt u direct nieuwe content maken

Content Items Manager: Hier kunt u bestaande content wijzigen of verwijderen

Static Content Manager: Wij adviseren u deze niet te gebruiken

Frontpage Manager: Hier bepaalt u welke content op uw home page moet komen

Section Manager: U kunt u content groeperen in Sections (een soort hoofdstukken)

Category Manager: U kunt uw Section uit meerdere Category's (soort paragrafen) laten bestaan

Media Manager: Hier kunt u uw foto's, plaatjes, flims plaatsen

Trash Manager: Uw prullenbak, u kunt verwijderde content altijd weer terughalen

Menu Manager: Hier kunt u uw navigatie structuur vastleggen

De overige mogelijkheden zijn bedoeld voor uw systeembeheerder en worden niet in deze handleiding uitgelegd. Belangrijk om te weten

• Content groepeert u netjes in Category's, Category's groepeert u netjes in Sections. U kunt moeiteloos content verplaatsen naar andere Section's en/of Category's.

• De kracht van Joomla! is dat de menu structuur onafhankelijk is van deze content structuur, bv. de content die u vandaag op de homepage wil publiceren wilt u over een maand misschien onder een sub sub submenu plaatsen, dit kan zonder dat u de content structuur behoeft te wijzigen

• Onze ervaring is dat de meeste mensen pas na enige tijd het voordeel doorgronden van deze structuren


3.3 Nieuwe content toevoegen

Er zijn meerdere manieren om nieuwe content toe te voegen. Klik b.v. op Add New Content in het control panel of klik op het menu genaamd Content en selecteer de juiste section/category waar de content geplaatst moet worden. Vervolgens klikt u op Categorie naam.items (in ons voorbeeld nieuwsbrief Items).

Het invoer scherm ziet er zo uit:


3.3.1 Naam van uw content

• Voer de Title (en optioneel de alias) in en selecteer de Section en Category waar de pagina moet komen. U kunt altijd content verplaatsen in andere Sections en/of Category's

De naam die u aan uw content geeft is niet de naam van het menu of submenu waar deze content onder geplaatst gaat worden.

3.3.2 Tekst invoeren

De editor kent vele mogelijkheden. In dit hoofdstuk beperken we ons tot de meest gebruikte opties en knoppen. Joomla! kent 2 invoerblokken voor uw tekst. De eerste Intro Text: (required) wordt in principe altijd getoond. De tweede Main Text: (optional) ook tenzij deze niet meer past op uw beeldscherm, dan zal er automatisch een link komen met de tekst Lees meer of Read more

Er kunnen minder knoppen actief zijn in de editor. De syseembeheerder kan ervoor kiezen een aantal knoppen weg te laten.

In het overzicht hieronder bespreken we de meeste knoppen. Hierbij hebben we de belangrijkste knoppen in geel gemarkeerd.

Maak laatste actie ongedaan

Doe de laatste ongedane actie alsnog

Toont een helpvenster maar de teksten lopen achter t.o.v. deze uitgebreide versie van de editor.

Alle tekst in edit venster wissen.

Maakt de geselecteerde tekst Bold. Verwar dit niet met kopjes. Als het om de titel of de header van een paragraaf gaat, gebruik dan het opmaak profiel. (zie een stukje verderop)

Maakt de geselecteerde tekst Italic

Onderstreept de geselecteerde tekst


Niet gebruiken om verwarring met een link te voorkomen.

Opsommingstekens

Nummering

Inspringing verkleinen

Inspringing vergroten

Zet een streep door de geselecteerde tekst

Bewerk de achterliggende HTML code

Verwijdert alle tekstopmaak van de tekstselectie. Handig als een tekst opmaakcodes bevat die je moeilijk kan selecteren en toch kwijt wil raken.

Knippen

Kopiëren

Plakken

Plak als platte tekst Deze knop is erg handig en belangrijk. Als je tekst plakt uit Word of een ander (vooral microsoft) programma komt er allemaal opmaak mee die later erg lastig te verwijderen is.

Plak vanuit Word Ook handig, houdt een deel van de opmaak in stand maar verwijderd de overtollige opmaak codes.

Zoek in de tekst

Zoek en vervang

Voeg horizontale balk toe

Subscript

Superscript

Plaatst de tekst links

Plaatst de tekst in het midden

Plaatst de tekst rechts

Plaatst de geselecteerde tekst verspreid over de hele regel

Voeg nieuwe tabel toe. Een tabel is handig om blokjes bij elkaar horende tekst of tekst en plaatjes goed op te lijnen.

Bewerk tabel rij eigenschappen

Bewerk tabel cel eigenschappen

Voeg boven de cursor in de tabel een extra rij toe

Voeg onder de cursor in de tabel een extra rij toe

Verwijder op plaats van de cursor de rij uit de tabel

Voeg links van de cursor in de tabel een extra kolom toe

Voeg rechts van de cursor in de tabel een extra kolom toe


Verwijder op plaats van de cursor de kolom uit de tabel

Splits tabelcel op

Voeg tabelcellen samen

Veranker tekst om later een link naar deze tekst te leggen

Maak van geselecteerde tekst een link

Verwijder de link (ga met de cursor eerst in de tekst met de betreffen de link staan)

Selecteer de stijl die gebruikt moet worden. Liever niet gebruiken tenzij je goed snapt wat hier de implicaties van zijn.

Selecteer lettertype. Liever niet gebruiken. Dit kan beter in de template geregeld worden.

Selecteer lettertype grootte. Liever niet gebruiken. Dit kan beter in de template geregeld worden.

Selecteer de kleur van de geselecteerde tekst. Liever niet gebruiken. Dit kan beter in de template geregeld worden.

Selecteer de achtergrondkleur. Liever niet gebruiken. Dit kan beter in de template geregeld worden.

Voeg special karakter toe. Ondermeer het € teken.

Toon of verberg hulplijnen voor tabellen in het tekstvenster.

niet gebruiken

niet gebruiken

Selecteer opmaakprofiel. Soms staat hier ook “-Format-“.Hiermee kan je aangeven dat een stuk tekst de titel van een hoofdstuk of paragraaf is. Gebruik daarvoor Titel 1, 2 of 3.

Template opslaan en invoegen: Niet gebruiken

Voeg filmpje toe (Flash, Quicktime of Windows media)

Voeg MosImage toe (Zie ook: “Een plaatje opnemen in een tekst”)

Voeg MosPageBreak toe (zodat een artikel in meerdere pagina’s wordt opgesplitst)

Voeg toe/Bewerk plaatje.

Geavanceerde functies: niet gebruiken.

Voeg downloadbaar bestand toe

Preview

Print

Switch tussen fullscreen en normale modus.

Voeg emotion toe


3.3.3 Content opslaan

• Als je klaar bent met wijzigen of en de pagina wil opslaan, druk dan rechtsboven op de “Save” knop:

• Als je de pagina ongewijzigd weer wil verlaten, druk dan op rechtsboven de “Cancel” knop:

• Wil je tussendoor even opslaan en dan doorwerken, druk dan rechtsboven op de knop “Apply”

Bedenk dat Joomla een maximale tijd kent (standaard 15 minuten, uw beheerder kan hier ook 8 uur van maken) waarbinnen een gebruiker inactief mag blijven. Na die tijd wordt de gebruiker automatisch uitgelogd. Niet opgeslagen wijzigingen gaan hierbij verloren. Let wel: het typen van teksten is voor Joomla geen activiteit. Tussentijds opslaan van teksten is daarom verstandig. Dit geldt voor alle internet systemen. U kunt voor dit tussentijdse opslaan het beste de knop Apply gebruiken.

3.4 Plaatjes in de tekst plaatsen

In de editor vind u dit symbooltje om plaatjes in uw tekst op te nemen. Wij adviseren het gebruik van deze mogelijkheid. Er is nog een andere mogelijkheid die we in de bijlage hebben opgenomen (zie hfd. 8.1 Pag. 27)

3.4.1 Eerste mogelijkheid

Wanneer u een plaatje toe wilt voegen in de tekst klikt u op “plaatje toevoegen”

Om een foto te tonen op de site dient deze eerst ge-upload te worden naar de site toe.

Klik op “plaatje uploaden” en klik op “browse”. U kunt nu de foto selecteren om

deze te uploaden naar de site.

Selecteer uw foto, klik op “Open” en klik vervolgens op “Upload”

Het plaatje word nu toegevoegd, dit kan even duren bij een groot plaatje, hou hier rekening mee.

Selecteer het plaatje linksonder in de lijst, een voorbeeld kunt u rechts van de lijst vinden.

Klik op “insert” om het plaatje toe te voegen aan uw tekst.


3.5 De vele parameters bij de content

Op pagina 11 kunt u het complete invoerscherm de rechterzijde is bedoeld om allerlei unieke instellingen vast te kunnen leggen. De beginnende Joomla! redacteur behoeft meestal geen gebruik te maken van deze instellingen. Hierna volgt een korte toelichting van deze opties:

• Publishing (Publiceren). Hier hoeft normaliter niets te veranderen. Als het de bedoeling is dat de intro tekst op de homepage moet komen, dan kan “Show on frontpage” worden aangevinkt. (Mits dit zo geconfigureerd is op de site). Als het de bedoeling is dat iedereen die de site bezoekt de pagina mag zien, dan moeten de tweede en derde items zijn: “gepubliceerd” en “public”

• Images (Afbeeldingen), deze opties hoeft u praktisch nooit te gebruiken kijk in de bijlage voor een beschrijving (zie hfd. 8.1 blz. 27)

• Parameters: Hier niets veranderen tenzij u een gevorderder bent

• Metadata hier kunnen de zoekwoorden worden ingevuld voor bijvoorbeeld Google. Zie hfd. 8.5 blz. 34)

• Link to menu: Hier niet gebruiken tenzij je weet wat je doet.


4 Fotoalbum middels het component “Exposé”

Exposé is een fotoalbum wat foto's op een dynamische manier toont met eenvoudige navigatie.

4.1 Albums beheren

Ga naar Components – Expose en klik op Manage Albums, log in met het default wachtwoord “manager”

Tip: U kunt het wachtwoord wijzigen door op “change” password te klikken en dan zowel het oude wachtwoord als het nieuwe wachtwoord in te voeren.

4.2 Collectie aanmaken

Voor het overzicht is het verstandig om een Collection aan te maken, hiermee kun je gemakkelijk zien om wat voor Categorie het gaat. Ga naar “Create Collection”, vul een naam in voor deze map en klik op create. U kunt meerdere Collections aanmaken.

4.3 Aanmaken album

Om een Album aan te maken ga je naar “Create Album” Ook hier is het nodig om een naam voor het album in te vullen en dan “Create” aan te klikken

U kunt meerdere albums aanmaken.


4.4 Foto's Toevoegen

Om Foto's te kunnen laten zien op de site dienen deze ge-upload te worden naar de site. Hoe dit te doen:

Ga naar upload photos, u krijgt het volgende scherm te zien;

Het is mogelijk om 1 of meerdere foto's tegelijkertijd te uploaden en te plaatsen.

Selecteer de foto's die u wilt gaan gebruiken en klik op “Open”.

Vervolgens klikt u op Upload.

• U kunt een foto deleten door deze te selecteren en op “delete items” te klikken.

Je kunt de volgorde per foto wijzigen door deze te selecteren en op de “up of down” knop te klikken.

Wanneer je een foto wilt verplaatsen naar een ander album dan kun je de foto selecteren en het knopje “move” aan klikken. Hierin kun je een selectie maken naar welk album te foto verplaatst dient te worden.


4.5 Thumbnail aanmaken

Voor het overzicht is het mogelijk dat je een tumbnail aanmaakt voor zowel de Collection als het Album

Selecteer een foto en ga naar “Create Album Thumb” maak een selectie of je een foto wil gebruiken voor het album of de collectie en klik op “create”.


5 Vraag en aanbod middels component “Marketplace”

De Marketplace biedt de mogelijkheid om objecten te koop aan te bieden zoals dat ook werkt op bijvoorbeeld marktplaats.nl

Er zijn twee soorten advertenties mogelijk, te weten:

● Te koop, als iemand iets via de site wil verkopen

● Te koop gevraagd, als iemand naar iets op zoek is en dat van iemand wil kopen.

Tevens kan een advertentie in een categorie ingedeeld worden.

5.1 Advertentie bekijken

Bij het bekijken zijn de details van de advertentie te zien. Als er op een plaatje geklikt wordt wordt er een vergroting getoond.


5.2 Advertentie toevoegen

Een advertentie kan toegevoegd door op de knop “Plaats advertentie” te klikken. Onderstaand formulier wordt zichtbaar.

De meeste velden spreken voor zich. Bij categorie kan het type advertentie gekozen worden “Aangeboden/Gevraagd”.

Daarna de categorie waarbinnen de advertentie moet vallen.


Bij de advertentie kunnen ook maximaal 3 foto's worden geupload. Hiervan worden ook kleine foto's van gemaakt zodat deze te zien zijn als een advertentie bekeken wordt. Bij het opslaan wordt de advertentie in het systeem gezet en meteen getoond op de website.


6 Gebruikers beheren

6.1 Overzicht van gebruikers

In de user manager is een overzicht te zien van alle gebruikers binnen de website, hun gegevens en bij welke groep ze horen.

6.2 Toevoegen van een gebruiker

Toevoegen van een gebruiker gaat door middel van het klikken op het “New” icoontje in de gebruikerslijst.

● Name, de volledige naam van een gebruiker bijvoorbeeld “Jan Jansen”

● Username, de loginnaam waarmee de gebruiker kan inloggen bijvoorbeeld “j.jansen”

● Email, het emailadres van de gebruiker zodat een nieuw wachtwoord ge-emaild kan worden mocht de gebruiker het wachtwoord vergeten zijn.

● New Password, wachtwoord waarmee de gebruiker moet inloggen.


● Verify Password, hetzelfde wachtwoord nog een keer zodat typefouten ondervangen worden.

● Group, groep waartoe een gebruiker behoort. Dit loopt van de minste rechten op tot de meeste rechten (Super Administrator).

● Block user, selectie of de gebruiker geblokkeerd moet worden. Dit kan handig zijn als een gebruiker tijdelijk geen toegang mag hebben.

Klik op de “Save” knop om de gebruiker op te slaan. Er wordt automatisch een email gestuurd naar de gebruiker met de gegevens om in te loggen.

6.3 Bewerken van een gebruiker

Bewerken van de gebruiker kan door middel van het klikken op een naam van de gebruiker. Hetzelfde scherm als bij het toevoegen van een gebruiker opent en de gegevens kunnen aangepast worden.

Het “New password” veld kan leeg gelaten worden in dit geval. Het oude wachtwoord blijft bewaard. Alleen als er nieuw wachtwoord toegekend moet worden hoeft hier wat ingevuld te worden.

6.4 Verwijderen van een gebruiker

Een gebruiker kan verwijderd worden door het selectievakje aan te vinken in de gebruikerslijst en op de “Delete” knop te klikken. Er zal om een bevestiging gevraagd worden om te voorkomen dat een gebruiker per ongeluk verwijderd word.


7 Veelgestelde vragen middels compontent “SimpleFAQ”

SimpleFAQ biedt de mogelijkheid om op een eenvoudige manier Veelgestelde vragen in te voeren en de antwoorden hierop te tonen.

Vragen kunnen worden ingedeeld in verschillende categorieën.

7.1 Overzicht veelgestelde vragen

Overzicht vragen en antwoorden, bij het openen van de FAQ is er een kort overzicht van de vragen en antwoorden binnen de categorie.


7.2 Toevoegen vraag en antwoord

Een nieuwe vraag en antwoord toevoegen kan eenvoudig door de link “Stel een vraag” aan te klikken.

● Je naam, de naam van de persoon die de Vraag heeft ingevoerd.

● Kies FAQ, de categorie waaronder de vraag valt.

● De vraag, de vraag zelf.

● Het antwoord, het daadwerkelijke antwoord.

Klik op de “Save” knop om de Vraag en antwoord op te slaan.


8 Bijlagen

8.1 Een plaatje in de bibliotheek plaatsen of verwijderen

Plaatjes moeten eerst in de bibliotheek gezet worden voor ze kunnen worden gebruikt in een tekst.

• Zorg dat de plaatjes die je wilt plaatsen bereikbaar zijn op de computer waarop je werkt (op de harde schijf, USB stick, CD, Netwerkschijf etc.)

• Inloggen (zie Inloggen/ uitloggen).

• Kies op de homepage de knop “mediamanager” of kies in het menu eerst site en dan “mediamanager”.

• De mediamanager slaat foto’s op en mappen. Kijk eerst of de goede map voor de afbeelding al bestaat.

• Zo nee:

• Ga eerst in de goede map staan waarbinnen de nieuwe map gecreëerd moet worden

• Typ de gewenste naam in bij “Create Directory”

• Druk rechtsboven op “Create”

• Zo ja:

• Ga in de map staan waar het plaatje moet komen

• Druk op de knop “Bladeren” om naar de afbeelding te gaan die je wilt plaatsen.

• Druk rechtsboven op “Upload”.

Heb je heel veel plaatjes om te uploaden naar de site, vraag het de beheerder. Die kan met “FTP” een heleboel plaatjes tegelijk in de mappen zetten.

Zorg dat de plaatjes vooraf precies het goede formaat hebben (aantal pixels) en van het juiste type zijn (zoals GIF voor grafische plaatjes met weinig verschillende kleuren en JPG voor foto’s).


Figuur 6.2: Bestand uploaden in de Media manager

Figuur 6.1: Mappen in de Media Manager

8.2 Een plaatje opnemen in een tekst

Om plaatjes (of foto’s) in de tekst op te nemen moeten de volgende handelingen gebeuren:

6. Selecteren welke plaatjes in de tekst getoond moeten worden.

7. In de tekst aangeven waar deze plaatjes moeten staan.

8. Eventueel nog extra parameters met de plaatjes meegeven.

Selecteren welke plaatjes er in de tekst getoond moeten worden

• Zorg ervoor dat de plaatjes zijn toegevoegd aan de bibliotheek (zie voorgaande hoofdstuk)

• Ga naar de tekst die gewijzigd moet worden (Zie voorgaande hoofdstukken)

• Op het tabblad “images” ga je naar de juiste sub-folder (map) waar het plaatje is neergezet

• Selecteer vervolgens in “Gallery Images” het juiste plaatje of indien gewenst alle plaatjes die je wilt tonen en klik vervolgens op “Insert”

• In het lijstje onder Content Images zie je alle plaatjes staan die in het artikel getoond zullen worden.

• Met de knoppen “Up” en “Down” kan je de volgorde waarin de plaatjes in de tekst moeten verschijnen aanpassen (Later ga je de posities van de plaatjes in de tekst aangeven, voorlopig hoef je alleen de volgorde aan te geven)

• Met de knop “Remove” kan je een plaatje weer uit je artikel halen


Figuur 7.1: Een plaatje opnemen in de tekst

In de tekst aangeven waar deze plaatjes moeten staan

• Zet de cursor in de tekst waar het plaatje moet komen. Als de tekst om het plaatje moet vloeien (zie verderop) dan is het begin van de regel waar de bovenkant van het plaatje mee moet oplijnen (dus bovenkant tekst met bovenkant plaatje) een goede plek.

• Klik onder het tekst vak op het de knop: “Insert Image” Of op het icoon in de knoppenbalk

• In de tekst op de plaats van de cursor komt nu de tekst: {mosimage} te staan

Dit houdt in dat Joomla op die plaats het plaatje neerzet die je in de voorgaande stappen hebt geselecteerd. Daarom is dus ook de volgorde van belang van de plaatjes in de tab “images”. De eerste {mosimage} zal het eerste plaatje weergeven, de tweede {mosimage} zal het tweede plaatje weergeven etc.

Eventueel nog extra parameters met de plaatjes meegeven

Zowel op de webzijde als de beheerzijde kunnen er extra parameters worden meegegeven. Op de beheerzijde zijn er alleen meer mogelijkheden.

• Ga weer naar het tabblad images

• Selecteer bij Content Images het plaatje waarvan je extra parameters wilt toevoegen

• Bij de tekstvakken daaronder staat nu bij Source het plaatje wat er is geselecteerd.

• Nu kunnen de parameters worden geselecteerd:

o Image Align: Moet het plaatje links, rechts of over de gehele breedte komen (centre). Centre werkt vaak niet zoals je verwacht (plaatje in het midden van de pagina). Links en rechts werken wel intuïtief.

o Alt text: De tekst die getoond wordt als de gebruiker met de muis op het plaatje staat of die getoond )of voorgelezen) wordt als een plaatje niet geladen of getoond kan worden.

o Border: De dikte van het randje om het plaatje. Bij voorkeur op 0 zetten.


Figuur 7.3: Volgorde ‘Mosimage’ op de website

Figuur 7.2: Volgorde ‘Mosimage’ in de tekst

o Caption: De tekst die boven over onder het plaatje moet komen te staan

o Caption Position: Moet de caption boven of onder het plaatje komen te staan

o Caption Align: links in het midden of rechts

o Width: De maximale breedte van de caption (0 voor maximale breedte)

• Klik vervolgens op “Apply” om de wijzigingen voor dat plaatje door te voeren

• Als je klaar bent met wijzigen en de pagina wil opslaan, druk dan rechtsboven op de “Save” knop:

• Als je de pagina ongewijzigd weer wil verlaten, druk dan op rechtsboven de “Cancel” knop:

• Wil je tussendoor even opslaan en dan doorwerken, druk dan rechtsboven op de knop “Apply”


Figuur 7.4: Extra parameter voor het invoegen van een plaatje

8.3 Een link opnemen of aanpassen

Om een link in de tekst op te nemen moeten er minimaal twee handelingen gebeuren:

In de tekst op de juiste plaats de link aanmaken. (zie ook hoofdstuk ”Tekst aanpassen”).

In het scherm wat vervolgens verschijnt kan er op verschillende manieren een link worden toegevoegd.

• Onder “Content links” kan je een artikel, statische pagina, categorie, sectie of een contact selecteren. Bovenaan het scherm bij URL wordt dan de URL van deze pagina geplaatst.

• Je kan een link maken naar een E-mail adres (“Enter E-mail Address”). Bovenin het scherm bij URL wordt dan de link van het E-mail adres geplaatst.

• Je kan ook zelf de URL invullen. Het makkelijkst is om naar de pagina te gaan die je wilt linken en deze URL te kopiëren. Deze kan dan geplakt worden bij URL (onder “Enter Link Information”)

• Eventueel kunnen er nog extra parameters met de link worden meegegeven:

o Title: dit is tekst die achter de link hangt (als je met je muis erover heen gaat). Tevens is dit de tekst die visueel gehandicapten te zien of te horen krijgen.

o Target: dit geeft aan waar de nieuwe pagina getoond wordt:

_blank: opent de pagina in een nieuw scherm van de browser, dit zorgt er dus voor dat de huidige browser met scherm op de achtergrond blijft staan.

_self: opent de pagina in het huidige scherm of frame. Deze frame is dus niet meer zichtbaar

_top: opent de pagina in het huidige scherm. Bestaat de huidige pagina uit frames dan wordt de nieuwe pagina over de frames heen gezet.

_parent: opent de pagina in het overkoepelende frame van de huidige frame (Frames kunnen bestaan uit frames).

• Er zijn ook meer uitgebreide mogelijkheden zoals het openen van een popup venster na het klikken op de link. Deze worden in deze manual niet behandeld.


8.1 Figuur: Een link maken in de tekst

Frames zijn zeer ongebruikelijk binnen Joomla, over het algemeen heb je genoeg aan te kiezen tussen _blank (nieuw scherm) of _top (huidige scherm)

Het is altijd handig om twee browser schermen te gebruiken bij het maken van links (sowieso ook om snel te het resultaat te kunnen beoordelen). Bij het maken van links kan je dan in het “normale” scherm naar de plaats van bestemming surfen, die URL uit te adresbalk kopiëren.


8.2 Figuur: Dialoogvenster na klikken op link icoon

8.4 Controleren van de resultaten

Na een wijziging is het noodzakelijk om in een gewoon browservenster (niet ingelogd) de resultaten te controleren.

• Ga naar de juiste locatie op de site. In een browservenster waarbij je niet bent ingelogd op de site.

• Druk op de knop verversen om er zeker van te zijn dat de laatste versie van de webpagina wordt bekeken. Bij IE is dat de knop met de twee groene pijltjes. Ook kan je op de F5 toets op het toetsenbord drukken.

• Controleer of de veranderingen goed zijn verwerkt.

• Herhaal deze bewerking voor andere browsers.

Test veranderingen in ieder geval in de laatste IE en Firefox versies. Dan is er zekerheid dat ongeveer 95% van de bezoekers de site goed kan bekijken. Het is een beetje afhankelijk van het type wijzigingen of dit nu per sé in meerdere browsers moet. Een kleine tekstuele wijziging in een bestaande pagina zonder foto’s is het vaak overbodig. Maar hoe groter de wijziging, hoe belangrijker het wordt. Gebruik je gezond verstand en bij twijfel, toch even doen!


Figuur 9.2: Vernieuwen van de huidige pagina in Firefox.

Figuur 9.1: Vernieuwen van de huidige pagina in Internet Explorer.

8.5 Hoe staat u bovenaan in Google?

8.5.1 Methode 1

Hierna volgende de basis mogelijkheden die van toepassing zijn op uw Joomla site en "niets kosten":

• In Joomla kunt in de "Global Configurations" het tablad "Metadata" vinden. Hier kunt u 2 belangrijke aspecten invullen:

1. De "Global Site Meta Description". Hier geeft u een korte beschrijving in van de tekst die u wilt dat te zien in bij Google. Bv: " De Open Source Professionals voor PHP, Joomla, SugarCRM e.d.".

2. De "Global Site Meta Keywords" dit zijn de zoekwoorden die Google opneemt. Het heeft geen zin om meer dan 8 zoekwoorden op te geven. B.v.: "joomla, virtuemart, sugarcrm, sql-ledger, e-commerce, shop, marktplaats". Belangrijk: iedere zoekwoord volgen door een komma en daarna één spatie en dan het volgende zoekwoord opnemen.

• Bovenstaande twee definties gelden voor alle pagina;s in uw site. Joomla heeft de prettige mogelijkheid om echter op iedere pagina een andere Description en andere Keywords in te geven. Dit is slim in te zetten als u bv. meer dan 8 zoekwoorden heeft en ook op die andere woorden gevonden wil worden. Bij de content editor kunt u ee tabblad vinden met de tekst "Meta data". Aanloog aan het vorige punt moet u een beschrijving (description) en zoekwoorden (Keywords) ingeven.

• U kunt er ook voor kiezen om de global configuration niet te vullen en overal andere (unieke) Descriptions en/of Keywords vast te leggen.

• Indien u wilt controleren welke Description en/of Keywords van toepassing zijn kunt u op de firefox browser onder menu "Beeld" de optie "Paginabron" vinden. Als u hier op klikt krijgt u een window met allemaal HTML code.

1. Uw description kunt u vinden na: <meta name="description" content=".....

2. U keywords na: <meta name="keywords" content="

• Maar natuurlijk komt bovenstaan overeen met de door u ingevuld definities.

Praktijk opmerking: wij hebben ca. 200 zoekwoorden in gebruik. Deze zoekwoorden komen bij verschillende pagina's voor zodat we altijd wel door Google worden gevonden.

8.5.2 Methode 2

De tweede basismogelijkheid is:

• In Joomla kunt in de "Global Configurations" het tablad "Site" vinden. Hier ziet u de "Site name" staan. Deze "Site name" is de titel van uw pagina die in de Firefox maar ook de minder populaire browser Microsoft boven aan staat.

• U doet er goed aan om in deze Titel toch al een zoekargument te verwerken, bv. "DOP Joomla implementator. Mensen zullen op Google wellicht nooit zoeken naar het woud DOP of implementator, maar wel naar Joomla.


• Joomla heeft de prettige mogelijkheid dat de titel van iedere content wordt togevoegd aan deze titel. Stel uw menu en bijbehorende titel heeft "Bedrijfsprofiel" dan zal de complete Titel worden "DOP Joomla implementator - Bedrijfsprofiel. U doet er goed aan om in sommige titels zoekwoorden te verwerken, niemand zoek op "Bedijfsprofiel". Maar al u de titel noemt "Bedrijfsprofiel Open Source" dan wordt u gevonden door Google als men zoekt naar Open Source.

8.5.3 Methode 3:

Derde basismogelijheid is het inzetten van de Joomla module OpenSef. Zonder OpenSef zal de url van een willekeurige pagina zijn:

http://www.melodyfashion.nl/index.php?option=com_content&task=view&id=6&Itemid=29

na inzetten van OpenSef zal de url worden:

http://www.melodyfashion.nl/openingstijden.html

Google gaat beter om met url's die als extensie .html hebben. In de url kunt u tevens zoekwoorden verwerken.

8.5.4 Combinaties van deze methodes:

U scoort hoog bij Google als u ervoor zorgt dat beide 3 methodes benut worden en één zoeklwoord meedere drie keer wordt verwerkt, b.v.:

• de URL is middels OpenSef:

htttp//www.dop.nu/Vacatures-Open_Source_Progammeur.html

• de titel wordt: DOP Joomla implementator - Vacatures Open Source Programmeur

• de description wordt: DOP heeft verschillende Vacatures voor Open Source Programmeurs

• dekeywords worden: "Vacatures, Open Source, Programmeur.

Wanneer u deze 3 methodes begrijpt en hebt verwerkt in uw site zult u zien dat u steeds hoger in Google komt te staan. Om veel Htis en dus Business te scoren moet u echter op de eerste Google pagina terecht zien te komen. Neem contact met ons op als u na deze basisacties nog verder wil worden geholpen.


Documents

Handboek Joomla