Handleiding Joomla 1.5 NetMatters

Transcriptie

1 Handleiding Joomla 1.5 NetMatters 1

2 Introductie Dit document bevat een beknopte handleiding van Joomla. Deze informatie stelt een gebruiker in staat om een aantal basishandelingen in het systeem te bewerkstelligen. Voorbeelden van basishandelingen zijn het beheren van de homepage, het bewerken van artikelen, het plaatsen van een afbeelding in een artikel, het aanpassen van menu-items, het aanpassen van contactgegevens, vertalingen invoeren, etc. Inhoudsopgave 1.0 Inloggen in het systeem Secties, Categorieën, Artikelen Secties Categorieën Artikelen De Editor Tekstinvoer Afbeeldingen invoegen/bewerken Invoegen van Pop-up Afbeelding Invoegen/Bewerken Hyperlinks Verwijderen van een Hyperlink Parameters META-data Vertalingen invoegen (JoomFish) Gebruikers Contacten Contacten toevoegen Menu Aanmaken Menu-items Voorbeeld 1: Artikelen, Standaard Artikel Weergave Voorbeeld 2: (Q)contact(s)personen, Contactpersoon categorie weergave Volgorde van Menu-items aanpassen Overig Handige links 23 2

3 1. Inloggen in het systeem Voordat de website kan worden bewerkt, is inloggen in Joomla noodzakelijk. 1. Ga naar 2. Typ uw gebruikersnaam in en het bijbehorende wachtwoord. 3. Kies eventueel een taal. 4. Klik op Inloggen. Fig.1: Inloggen Administratie Tip: Te allen tijde kan op Voorbeeld worden gedrukt, om (tussentijdse) wijzigingen te bekijken Fig.2: Het startscherm 3

4 2.0. Secties, Categorieën, Artikelen Het belangrijkste van de website is de inhoud, ofwel artikelen. Uw website is reeds gevuld met een aantal artikelen die tekst en afbeeldingen bevatten. Deze artikelen worden gesorteerd in twee manieren, namelijk door secties en categorieën. Secties kunnen meerdere categorieën bevatten, categorieën kunnen meerdere artikelen bevatten Secties 1. Klik op Artikelen in het dropdown menu, klik vervolgens op Secties. Nieuwe sectie a. Klik op Nieuw. b. Voeg een Titel en een Beschrijving toe, klik vervolgens op Opslaan. Bewerken sectie a. Klik op de titel van een bestaande categorie om deze te bewerken. b. Voer de wijziging door en klik vervolgens op Opslaan Categorieën Gebruik categorieën om de secties beter te specificeren. Verdeel bijvoorbeeld een sectie Producten door middel van categorieën in Bomen, Planten en Struiken. 1. Klik op Artikel in het menu en klik vervolgens op Categoriebeheer 2. Voor het aanmaken en/of wijzigen van categorieën, kunnen dezelfde stappen worden doorlopen als bij paragraaf 2.1. Secties. Fig. 3: Het aanmaken van een nieuwe categorie 4

5 2.3. Artikelen a. Klik op Artikel in het menu, klik vervolgens op Artikelbeheer. Nieuwe artikelen a. Klik op Nieuw. b. Het volgende scherm wordt weergeven: Fig. 4: Een artikel maken Er zijn een groot aantal handelingen die u nu kan uitvoeren. b. Voeg een Titel toe en een bijbehorende Alias. De alias is altijd gelijk aan de titel, maar dan zonder hoofdletters en spaties; woorden zijn aan elkaar verbonden door middel van een streepje (-). U maakt bijvoorbeeld een artikel met de titel "Een nieuwe website", de alias is dan: een-nieuwe-website. c. Selecteer de Sectie en Categorie, waarin het artikel zal worden gepubliceerd. d. Selecteer of het artikel moet worden gepubliceerd of niet. e. Selecteer of het artikel moet worden weergeven op de homepage. f. Met behulp de editor kunt u tekst en afbeeldingen invoegen. De editor is vergelijkbaar met de interface van een tekstverwerker. (In paragraaf en vindt u hierover meer informatie). g. Rechts in het beeld, kunnen parameters en metadata-gegevens worden aangepast. (In paragraaf vindt u hierover meer informatie). 5

6 De Editor Let op: Deze paragraaf is uitsluitend van toepassing wanneer de JCE-editor geïnstalleerd is. Met behulp van de editor kunnen diverse kan de inhoud van een artikel worden aangepast. De belangrijkste functies worden besproken. Tekstfuncties Fig. 5: De werkbalk van de editor Wilt u vetgedrukte tekst, activeer B Wilt u cursieve tekst, activeer I Wilt u onderstreepte tekst, activeer U Bij Font Family, kan een font worden geselecteerd. Bij Font size, kan de grootte van de tekst worden geselecteerd. Tip: wij adviseren om deze waarden NIET te veranderen. Hiermee wordt verschil in de lay-out van tekst voorkomen. Wanneer niets wordt geselecteerd, zal automatisch het juiste lettertype worden geselecteerd zoals gespecificeerd in het template. Gebruik de uitlijningknoppen om tekst uit te lijnen, bijvoorbeeld centreren. Gebruik altijd de functie Format (uiterst rechtsboven) om de tekst aan het juiste uiterlijk te koppelen. Voor kopteksten kies één van de headings, bijvoorbeeld Heading 4. Markeer alinea's altijd als paragraaf (paragraph). Selecteer de tekst van de alinea en geef deze de juiste eigenschap. Gebruik de knip, kopieer -en plakfunctie om tekst snel te verplaatsen. Het is mogelijk om tekst uit Officedocumenten rechtstreeks te kopiëren naar de Joomla-editor Plak altijd tekst zonder codering (Plain Text). Klik hiervoor op het pijltje bij de plakfunctie. 6

7 De tekstkleur is aan te passen met behulp van de knop A met de kleurstaaf eronder. Wilt u een opsomming maken? Klik dan op één van de opsommingsiconen, dit kunnen cijfers of symbolen zijn Gebruik het icoon met het pennetje om een Tabel in te voegen. Gebruik het blauwe teken om speciale symbolen in te voegen. Gebruik de icoon met het boompje om Afbeeldingen toe te voegen. (Zie deze paragraaf voor meer informatie). Gebruik de icoon met de ketting en het plusteken om hyperlinks toe te voegen. (Zie deze paragraaf voor meer informatie) Tekstinvoer In de ruimte onder de werkbalk is er ruimte om tekst in te voeren. Het invoeren van tekst is in principe niet moeilijk. Kunt u met een Officeprogramma omgaan, dan kunt u ook met Joomla omgaan. Fig. 6: De ruimte om tekst in te voeren 7

8 1. Gebruik de werkbalk om de juiste lay-out te kiezen. 2. Typ vervolgens de tekst. In het voorbeeld is een koptekst gemaakt, met daaronder een nieuwe paragraaf. 3. De lijn onder de tekst is gemaakt met behulp van de Lees Meer (Read on) functie. Hiermee kan een scheiding worden gemaakt tussen de introductie van een tekst en de vervolgtekst. Deze functie voorkomt dat er grote delen tekst verschijnen op de website. De bezoeker zal in staat zijn om de introductie van het artikel te lezen, maar zal op 'Lees meer' moeten klikken om het gehele artikel te lezen. Fig.7a: De invoer van de tekst Fig. 7b: Het resultaat op de website 8

9 Afbeeldingen invoegen/bewerken Ook een afbeelding toevoegen met behulp van Joomla is vrij eenvoudig. Toch heeft het enige extra aandacht benodigd. 1. Klik op het icoon waarmee u een afbeelding invoert. Fig. 8: Afbeeldingsmenu 2. Zoek de afbeelding op. Deze staat tussen de bestanden die onder het in beeld worden weergeven. Heeft u het desbetreffende bestand nog niet op de server staan, dan zal het bestand eerst moeten worden geüpload. Volg hiervoor onderstaande stappen. Afbeelding uploaden a. Klik op het upload icoon, rechts in het midden b. Klik op Add. Herhaal deze stap voor iedere afbeelding die u wilt uploaden. c. Klik op Upload, nadat het proces is voltooid, klik op Close. 9

10 3. Klik op de afbeelding die u wilt invoegen, er zal tekst verschijnen bij URL Zie het voorbeeld hieronder Fig. 9: Afbeeldinggegevens 4. Voeg de benodigde gegevens toe a. Bij Alternate Text voert u een tekst in die de afbeelding beschrijft. Dit is belangrijk voor zoekmachines. b. Bij Dimension voert u de maten in van de afbeelding. Vink Proportional aan om de juiste verhouding van de breedte en hoogte te behouden. c. Uitlijning bepaalt de plek waar de afbeelding komt te staan. Wanneer Not Set wordt geselecteerd, dan zal de afbeelding niet in de tekst komen te staan. Wordt een andere uitlijning gekozen, bijvoorbeeld rechts of links, dan zal de afbeelding wel worden omringd met tekst. De editor geeft altijd een 'live' voorbeeld van hoe de afbeelding zal worden geplaatst. d. Vul de Margin in, dit is de afstand van de afbeelding tot de tekst. e. Tenslotte bepaal of de afbeelding een Rand moet hebben. Zo ja, vink de optie aan. Kies de dikte van de lijn, de stijl en de kleur van de lijn. 5. Klik op Insert. Fig. 10: Live voorbeeld in het menu Tip: Bovenstaande acties worden ook gebruikt een bestaande afbeelding te bewerken. Klik op met de rechtermuisknop op de afbeelding en klik op Edit Image, begin bij stap 4. 10

11 Invoegen van Pop-up Afbeelding Let op: Voor het invoegen van een pop-up afbeelding is het noodzakelijk dat u eerst de stappen van paragraaf Afbeeldingen invoegen doorloopt. Zorg altijd dat u de kleine afbeelding bij deze stap invoegt. Let op: U heeft het JCE-editor Component nodig. 1. Selecteer de bestaande kleine afbeelding. 2. Klik met een rechtermuisknop op de afbeelding. 3. Klik op Insert/Edit Link. 4. Voeg de 'grote' afbeelding toe door te klikken op 5. Selecteer de gewenste afbeelding op de server, zie figuur Klik op Insert. Als de afbeelding nog niet in de lijst staat kunt u deze heel eenvoudig zelf uploaden naar de server. Volg daarvoor de volgende stappen. Afbeelding uploaden a. Klik op het upload icoon, rechts in het midden. b. Klik op Add Herhaal deze stap voor iedere afbeelding die u wilt uploaden. c. Klik op Upload, nadat het proces is voltooid, klik op Close. Fig. 11: Grote afbeelding toevoegen 11

12 7. De URL is nu toegevoegd. Voeg nu een Titel in, dit is de tekst die onder de vergrote afbeelding wordt weergeven. 8. Ga naar het tabblad Advanced. 9. Selecteer bij Class List: jcepopup. 10. Selecteer Add Value (zie fig. 12). 11. Typ een naam voor deze groep afbeelding. Dit is zeer belangrijk wanneer u meerdere afbeelding in het artikel plaats. Wanneer iemand op de afbeelding klikt, heeft diegene de mogelijkheid om alle vergrote afbeeldingen te bekijken. 12. Klik op Insert. 13. Sla het artikel op: Opslaan. Fig. 12: Advanced - Add Value 12

13 Invoegen/Bewerken Hyperlinks Wilt u verwijzing maken, volg dan deze stappen. Fig. 13: Selecteer de tekst 1. Selecteer de tekst waarvan u een hyperlink wilt maken, of die reeds als hyperlink functioneert. 2. Klik op, om een link toe te voegen. 3. Voeg de URL in waarnaar moet worden verwezen. 4. Als alternatief kan ook een link worden gecreëerd naar een contactpersoon, artikelen, of menuitem. 5. Bepaal de Target. Kies Open in this window om de link te laten openen in het huidige scherm. Kies Open in new window om de link te laten openen in een nieuw venster van de browser. 6. Kies een Titel, deze tekst verschijnt wanneer u met de muis over de link heen gaat. 7. Klik op Insert. Fig. 14: Invoegen van een hyperlink 13

14 Verwijderen van een Hyperlink 1. Selecteer de tekst die de hyperlink vormt. 2. Klik op om de link te verwijderen. Als alternatief kunt u ook met de rechtermuisknop op de link klikken, om vervolgens de hyperlink te verwijderen Parameters Tenslotte kunt u parameters en meta-data instellen voor het artikel. Bij de parameter van het artikel kan de gebruiker een aantal belangrijke eigenschappen instellen. Het toegangniveau moet op Publiek worden ingesteld om de inhoud van het artikel openbaar te maken op de website. Deze waarde kan ook op Geregistreerd worden ingesteld, zodat de inhoud alleen beschikbaar wordt gesteld voor geregistreerde gebruikers. Stop publicatie is zeer handig voor nieuwsitems. Hiermee wordt voorkomen dat 'verouderde' nieuwsberichten op de website worden weergeven. Stel een datum in om deze optie te activeren. Figuren 15 & 16: Parameters De parameters (geavanceerd) staan standaard ingesteld op de juiste instellingen. Echter per artikel kan hiervan worden afgeweken. Per parameter kan worden bepaald of deze wordt ingeschakeld of niet. 14

15 META-data Voor zoekmachines is META-data zeer interessant, en dus ook voor de administrator. Zoekmachines bepalen deels de inhoud van een webpagina, aan de hand van META-data. Joomla geeft de gebruiker de mogelijkheid om META-data in te voeren bij een artikel. 1. Voeg bij Beschrijving een korte bondige tekst in, die de inhoud van de tekst reflecteert. 2. Voeg bij Trefwoorden de meest voorkomende en belangrijke woorden in, die de inhoud van de tekst reflecteren. Scheid deze woorden door middel van een komma, gevolgd door een spatie. Voorbeeld: Joomla, handleiding, META, data, trefwoorden. 3. Voeg eventueel bij Auteur de naam van de administrator of het bedrijf in. Fig. 17: META-data 15

16 3.0. Vertalingen invoegen (JoomFish) Let op: Deze paragraaf is uitsluitend van toepassing wanneer JoomFish geïnstalleerd is. Fig. 18: Vertaling invoegen 1. Selecteer het object, bijvoorbeeld een artikel, die u wilt vertalen. 2. Selecteer een taal bij het menu: vertaal naar. Een nieuw scherm verschijnt, hier vertaalt u het object. 3. Telkens ziet u Origineel staan, en daaronder het veld Vertaling Vertaal alle velden: titel, alias, het object, meta-data etc. Tip: Heeft u afbeeldingen in de Nederlandse tekst staan? Kopieer dan eerst de gehele inhoud naar het vertalingsvak. Pas vervolgens de NL tekst aan naar de andere taal. 4. Vink de checkbox Gepubliceerd aan. 5. Controleer de vertaling op de website. Wilt u later de vertaling aanpassen? Volg bovenstaande stappen. 16

17 4.0. Gebruikers Joomla staat een onbeperkt aantal gebruikers toe. Deze gebruikers worden toegezegd met verschillende gebruikersrechten. U kunt bijvoorbeeld een persoon toevoegen die alle functies beheert van de website, daarentegen is het ook mogelijk om een persoon toe te voegen die een beperkt aantal rechten heeft. 1. Klik op Website, klik vervolgens op Gebruikersbeheer 2. Klik op Nieuw om een nieuwe gebruiker toe te voegen 3. Vul de benodigde gegevens in: Naam, Gebruikersnaam, , Wachtwoord. 4. Vul de Groep in waar tot de persoon behoort Een publieke / geregistreerde front-end gebruiker kan GEEN artikelen aanpassen De overige front-end gebruikers kunnen WEL artikelen aanpassen via de webpagina's zelf, zij kunnen niet inloggen in de back-end. Back-end gebruikers hebben zowel toegang tot de website (front-end) als toegang tot de back-end. Hier kunnen ze inhoud aanpassen. Publieke backend heeft de minste rechten, Super Administrator heeft toegang tot alle functies. Fig. 19: Gebruikers toevoegen Tip: Voer deze acties ook uit wanneer u bestaande contacten wilt bewerken / wijzigen 17

18 5.0. Contacten Let op: Deze paragraaf is uitsluitend van toepassing wanneer Qcontacts geïnstalleerd is. Nadat een gebruikers is aangemaakt, bestaat de mogelijkheid om deze te weergeven als contactpersoon op de website. Bezoekers van de website kunnen dan via een contactformulier de desbetreffende contactpersoon bereiken Contacten toevoegen 1. Klik op Componenten, klik op (Q)contacts, klik op Categorieën. Maak een nieuwe contactcategorie aan. Klik op Nieuw en vul de benodigde gegevens in. 2. Klik op Opslaan. 3. Klik achtereenvolgens op Componenten, (Q)contacts, Contacten. 4. Maak een nieuwe contactpersoon aan. 5. Klik op Nieuw en vul de benodigde gegevens in. 6. Selecteer de Categorie en de Gebruiker. 7. Kies welke details u wilt laten zien op de website en klik op Opslaan. Fig. 20: Contactpersoongegevens 18

19 6.0. Menu Een website heeft een menu nodig om bezoekers door de inhoud te navigeren. Joomla heeft een interne functie om menu's te managen. Het menu is rondom drie typen informatie gebouwd: componenten, modules en plug-ins. Tevens is het mogelijk om menu-items te koppelen aan een artikel, categorie of sectie Aanmaken Menu-items 1. Klik op Menu, een kies het menu waar aan het item moet worden toegevoegd. Voorbeeld: Mainmenu, Top Menu, Hoofdmenu. (Het menu met een * bevat de homepage, ofwel de pagina die de bezoeker als eerste ziet) 2. Klik op Nieuw. 3. Selecteer het gewenste menu-type. Zoals is te zien in de afbeeldingen hiernaast, zijn er een groot aantal mogelijkheden voor het toevoegen van een nieuw menuitem. Het aantal beschikbare menu-item typen is afhankelijk van het aantal geïnstalleerde plug-ins, componenten en modules. De belangrijkste links zijn: Artikelen; hiermee wordt een link gecreëerd naar een artikel, categorie of sectie (later meer). (Q)Contact(personen); creëer een contactpagina Weblinks; maak een pagina met links. Alias; verwijs naar een ander menu-item van de website. Vervolg zie: Voorbeeld 1 en Voorbeeld 2 Fig. 21: Menu-items 19

20 6.1.1 Voorbeeld 1: Artikelen, Standaard Artikel Weergave 4. Selecteer het artikel dat u wilt weergeven (rechts). (Wanneer u Sectieblog -of lijst / Categorieblog -of lijst toevoegt, selecteer dan de juiste sectie of categorie). Fig. 22: Menugegevens 5. Stel de parameters in. Bij Parameters (Systeem) kan een specifieke paginatitel worden opgegeven. 6. Stel bij Titel de naam in van het menu-item. Bij Alias zet u dezelfde naam neer, zonder hoofdletters en met een koppelstreepje (-) tussen de woorden. Voorbeeld: over-ons. Wanneer u de alias leeg laat zal Joomla zelf een alias maken aan de hand van de door u opgegeven titel. 7. De Link hoeft u niets aan te doen, dit is de link naar de sectie, categorie, artikel 8. Weergeven in: kies het menu. 9. Kies het Hoofdniveau. Moet het menu-item een onderdeel worden van een bestaand menuitem, selecteer dan het bestaande item. Het nieuwe menu-item verschijnt dan als submenuitem. 10. Gepubliceerd: Ja of Nee. Kies Ja om het item te publiceren. 11. Klik op Opslaan. 20

21 6.1.2 Voorbeeld 2: (Q)contact(s)personen, Contactpersooncategorie weergave 4. Selecteer Qcontacts, kies vervolgens Contactpersooncategorie weergave. 5. Selecteer de Categorie (Contactcategorie). 6. Stel bij Titel de naam in van het menu-item. Bij Alias zet u dezelfde naam neer, zonder hoofdletters en met een koppelstreepje (-) tussen de woorden. Voorbeeld: neem-contact-op. Wanneer u de alias leeg laat zal Joomla zelf een alias maken aan de hand van de door u opgegeven titel. 7. De Link hoeft u niets aan te doen, dit is de link naar de sectie, categorie, artikel 8. Weergeven in: kies het menu. 9. Kies het Hoofdniveau. Moet het menu-item een onderdeel worden van een bestaand menuitem, selecteer dan het bestaande item. Het nieuwe menu-item verschijnt dan als submenuitem. 10. Gepubliceerd: Ja of Nee. Kies Ja om het item te publiceren. 11. Klik op Opslaan. Fig. 23: Contactpersooncategorie 21

22 6.2. Volgorde van Menu-items aanpassen Het is belangrijk dat menu-items in de juiste volgorde worden gepresenteerd op de webpagina. In Joomla kan de volgorder van menu-items worden aangepast. 1. Klik op Menu, klik vervolgens op het menu dat u wilt bewerken. 2. Er verschijnt een lijst met menu-items. De lijst is gesorteerd aan de hand van de huidige volgorde. Verander de volgorde door cijfers onder volgorde te veranderen zie afbeelding. Let op: Submenu items beginnen weer bij waarde 1. Fig. 24: Menu-item overzicht 3. Sla de nieuwe volgorde op door op het kleine diskette icoon te drukken. 4. Klik op Opslaan. 5. Bekijk het resultaat, de doorgevoerde wijzigingen zijn geïmplementeerd. 22

23 7.0. Overig NetMatters staat altijd klaar voor haar klanten. Heeft u een andere vraag over Joomla? Heeft u een probleem met de huidige configuratie? Of wilt u bijvoorbeeld weten hoe u zelf nieuwe functionaliteiten aan de website kan toevoegen? U kunt altijd even contact met ons opnemen via: support@netmatters.nl 7.1. Handige links Joomla Hosting Joomla help forum Joomla algemeen Joomla broncode Joomla documentatie (tip) Joomla Community (Nederlandstalig) 23