Upload
eric-tiggeler
View
517
Download
1
Embed Size (px)
DESCRIPTION
Presentatie over het gebruik van tags in Joomla, vernieuwd voor Joomla 3.2 beta.
Citation preview
ERIC TIGGELER | JOOMLA USER GROUP BREDA
RELOADED
3.2
Eric Tiggeler
Tekstschrijver
Schrijfboeken
Boeken over Joomla:
www.joomla.erictiggeler.nl
NIEUW SINDS
JOOMLA 3.1: TAGS
TAGS
1. Waarom heb je tags nodig?2. Hoe werken tags?3. Tags maken en toewijzen4. Wat ziet de bezoeker?5. Menulinks naar tagpagina’s6. Modules voor tags7. De moraal
1 WAAROM HEB JE TAGS
NODIG?
Tags lossen een probleem op
waarvan je nog niet wist dat je het had.
Joomla 1.5 : The bad old days
Vaste structuur Sectie, categorie, artikel
Artikel
Categorie
Sectie Recepten
Lunch
Lunchrecept 1
Lunchrecept 2
Diner
Dinerrecept 1
Dinerrecept 2
Joomla 1.5 : The bad old days
Vaste structuur Sectie, categorie, artikel Dus altijd 2 niveaus tot het artikelniveau,
zelfs als je maar 1 niveau nodig had:
Joomla 1.6: de doorbraak!
Subcategorieën Geen beperkingen meer bij het indelen Na jaren eindelijk ‘nested categories’!
Werken met categorieën
Een voorbeeld: recepten onderverdelen In dit geval drie categorieniveaus
Artikel
Categorieniveau 3
Categorieniveau 2
Categorieniveau 1
Recepten
Lunch
Snelklaar
Lunchrecept 1
Lunchrecept 2
Vegetarisch
Lunchrecept 3
Diner
Vlees
Recept 1 Recept 2
Toch nog beperkingen (1)
Elk artikel kan in maar 1 categorie zitten Receptensite: waar laat je vegetarische
recepten?
Artikel
Categorieniveau 3
Categorieniveau 2
Categorieniveau 1
Recepten
Lunch
Snelklaar
Lunchrecept 1
Lunchrecept 2
Vegetarisch
Lunchrecept 3
Diner
Vlees
Recept 1
Vegetarisch
Recept 1
Toch nog beperkingen (2)
Je moet twee of meer keer een categorie ‘Vegetarisch’ maken:
Artikel
Categorieniveau 3
Categorieniveau 2
Hoofdcategorie Recepten
Lunch
Snelklaar
Lunchrecept 1
Lunchrecept 2
Vegetarisch
Lunchrecept 3
Diner
Vlees
Recept 1
Vegetarisch
Recept 1
Het probleem met categorieën
Soms past een kenmerk (‘vegetarisch’) in meer dan één categorie
Soms lastig om de indeling eenvoudig en logisch te houden Voor contentbeheerders Voor bezoekers
Dat is het probleem dat je oplost met
Wat is het, wat kun je ermee?
Een label dat je aan content hangt
Verschil met categorieën: je zit
niet vast aan een boomstructuur
Per artikel zoveel tags als je wilt
Makkelijker bij indelen en terugvinden
De voordelen van tags
Categorieën: brede ‘containers’.Tags: veel gerichter inspelen op wat bezoekers zoeken.
Categorieën liggen min of meer vast.Tags kun je blijven toevoegen.
Tags bieden bezoekers extra navigatie, naast gewone menu’s en hyperlinks. En ... ook voor zoekmachines zijn ze een extra ingang.
Kortom: veelbelovend!
Een oplossing voor onze receptensite We hebben genoeg aan deze categorieën:
Artikelen
Categorieniveau 2
Categorieniveau 1
Recepten
Lunch
Lunchrecept 1
Lunchrecept 2
Lunchrecept 3
Diner
Recept 1 Recept 2
Kortom: veelbelovend!
Voeg de tag ‘Vegetarisch’ toe Die staat los van de categoriestructuur
Artikelen
Categorieniveau 2
Categorieniveau 1
Recepten
Lunch
Lunchrecept 1
Lunchrecept 2
Lunchrecept 3
Diner
Recept 1 Recept 2
Tag: ‘Vegetarisch’
2 DE GROTE
TAGSTEST
Tags in een testsite
Installeer Joomla 3.1 of hoger
Startpunt: Joomla installeren
De nieuwste versie is 3.2 (beta) We maken een ‘Receptenbank’
Joomla geïnstalleerd Resultaat: lege, nieuwe site
Extra: kleur en logo aangepast
De site is klaar om te vullen!
De site vullen in 3 stappen
Normaal gesproken volg je in Joomla deze drie stappen:
1 Categorieën maken 2 Artikelen maken 3 Menulinks maken
Stap 1: categorieën maken
Artikelen
Categorieniveau 2
Categorieniveau 1
Recepten
Ontbijt
Ontbijt-recept 1
Lunch
Lunchrecept 1
Lunchrecept 2
Lunchrecept 3
Diner
Recept 1 Recept 2
Op de receptensite hebben we deze categorieën nodig:
Stap 1: categorieën maken 1 hoofdcategorie, 3 subcategorieën
Recepten Ontbijt Lunch Diner
Stap 2: artikelen maken Artikelen (recepten) in de categorieën
Ontbijt, Lunch en Diner Enkele artikelen zijn
‘Speciaal’ (Featured)
Stap 3: menulinks maken
Drie Categorieblog-menulinks categorie Ontbijt categorie Lunch categorie Diner
Resultaat: een website! (1)
homepage
Resultaat: een website! (2)
Categoriepagina ‘Diner’
Klaar? Nee, niet klaar
Tot versie 3.0 was je klaar met:
1. categorieën 2. artikelen (+ Speciale artikelen) 3. menu vullen
Sinds Joomla 3.1 komt daarbij: 4. tags maken en toewijzen
3 TAGSMAKEN EN
TOEWIJZEN
Nieuwe tags maken
Componenten > Tags
Een eerste tag maken
Voor onze receptendatabase: Tags > Nieuw > ‘Vegetarisch’
De tag is klaar
Lijst met tags verschijnt in de Tags-component
Tags in de Tag-component
Je kunt die tags ook nog rubriceren in hoofd- en subtags. Een voorbeeld van een andere site:
Tags toewijzen aan artikelen Open een artikel Nieuw sinds 3.2: klik op invoerveld Tags
en er verschijnt een dropdownlijst Kies uit de beschikbare tags
Nog sneller tags maken
Een tag maken direct vanuit een artikel Typ een nieuwe tag in het vak Tags Enter, Opslaan, klaar!
Snelle invoermethode: nadelen
Als iedereen tags kan maken vanuit een artikel: Kans op wildgroei: te veel tags,
overlappende tags, tags met tikfouten Je kunt tags niet groeperen: je kunt ze niet
toewijzen aan een ‘hoofdtag’
Oplossing: de optie ‘Nested’ Ga naar Tags > Opties Standaard kan iedereen tags maken
vanuit het artikel. (‘AJAX’-methode) Wil je dat niet? Kies dan optie ‘Nested’ Dan kun je vanuit een artikel tags nog
wel toewijzen, maar niet aanmaken
4 WAT ZIET DE
BEZOEKER?
Waar verschijnen tags?
Aan elk artikel voeg je zoveel tags toe als je wilt
Waar verschijnen tags? (1)
Tag-labels verschijnen: boven het volledige artikel
Waar verschijnen tags? (2) Bij teasers van Speciale artikelen
Waar verschijnen tags? (3) Niet op blogpagina’s!
Waar verschijnen tags? (4) Voor blogpagina’s is een template
override nodig van het bestand blog_item.php.
Daarin ontbreekt code om tags te laten zien.
Waar verschijnen tags? (4)
Je kunt dit aanpassen door een aangepaste kopie (override) te maken van blog_item.php
Te vinden in components\com_content\views\category\tmpl
Meer uitleg over de ontbrekende code: http://forum.joomla.org/viewtopic.php?f=70
6&t=801925
Waar verschijnen tags? (5) Resultaat van de template override:
Zo zien resultaatpagina’s eruit
Klik op de tag ‘Vegetarisch’ bij het artikel Resultaat: eenvoudige lijst met titels
Zo kleed je de resultaatpagina aan
Componenten > Tags > Opties Tagnaam: Toon Tagafbeelding: Toon Beschrijving tag: Toon
Nog mooier: teasers tonen
Componenten> Tags > Opties Itemafbeeldingen:
Toon Itembeschrijving:
Toon
Is dat alles? Nee!
Tagresultaten kun je aan de bezoeker laten zien op drie manieren: 1 Automatisch: via de tag-als-hyperlink 2 Via menulinks naar tagpagina’s 3 Via twee nieuwe modules
Alleen manier 1 hebben we nu gezien.
5 TAGSVIA
MENULINKS
Menulinks naar tagpagina’s
Menu’s > Hoofdmenu > Nieuw Drie nieuwe menu-itemtypes
Menulinks naar tagpagina’s
Drie nieuwe menu-itemtypes:
Getagde items Compacte lijst met getagde items Lijst van alle tags
Hoe werken die menulinks?
Voorbeeld: Getagde items
Hoe werken die menulinks?
Resultaat: Getagde items met de tag ‘Pasta’
De menulink aanpassen
Via de opties pas je de weergave aan
Resultaat: aangepaste weergave
Van lijst artikeltitels naar lijst teasers Lijkt op List Layout en Blog Layout
Meer tags combineren in 1 lijst
Een menulink kan ook pagina’s tonenmet combinaties van tags: bijvoorbeeld Vegetarisch + Pasta
Tags combineren in 1 lijst
‘Vegetarisch’ + ‘Pasta’ =
6 MODULESVOORTAGS
Tags in een module tonen
Je kunt tagresultaten laten zien: 1 Via de tag-als-hyperlink 2Via menulinks 3 Maar ook via twee nieuwe modules:
Hoe werkt Populaire Tags?
Modulebeheer > Nieuw > Populaire Tags
Resultaat van Popular Tags
Zo ziet het resultaat eruit:
Module Gelijksoortige tags
Toont geen ‘vergelijkbare tags’ … … maar wel: artikelen die een of meer
tags gemeen hebben met huidige artikel Nuttig om bezoekers naar gerelateerde
content te leiden (van ‘Pasta’ naar ‘Pasta’, ‘Vegetarisch’)
Module Gelijksoortige tags
Je bepaalt zelf hoeveel tags moeten overeenkomen met huidige artikel: 1 of meer
Module Gelijksoortige tags
Het resultaat op de site:
7 TAGS:CONCLUSIE
Praktijkvoorbeelden Joomladocumenten.nl Joomlaversies niet als categorie, maar
als tag
Praktijkvoorbeelden
Uitgebreide toepassing van tags:Plantennamen.info
Praktijkvoorbeelden
Alle artikelen geordend met tags
Praktijkvoorbeelden Bezoeker kan klikken op kleuren of
plantenfamilies
Praktijkvoorbeelden Zoeken op kleur, stap 1
Praktijkvoorbeelden Zoeken op kleur, stap 2
Praktijkvoorbeelden Zoeken op kleur, stap 3
Praktijkvoorbeelden Gebruik echte zoektermen als tags Dus niet: vage tags als ‘toename’ en
‘twee uur’
Gebruik tags zoals je wil:
Als aanvulling op categorieën Categoriestructuur voor de ‘grote lijn’ Tags voor meer specifieke kenmerken
Alternatief voor categorieën Volwaardig, superflexibel
indelingssysteem … dat ook zonder categorieën kan
Wanneer een categorie, wanneer een tag?
Een categorie is een brede hoofdgroep, bijvoorbeeld: ‘Bakken’, ‘Taarten’
Een tag helpt je bezoeker om dwars door die hoofdgroepen heen te zoeken: denk aan ‘cake’, ‘suikervrij’, ‘citroen’.
Ter vergelijking: categorieën kun je zien als de ‘hoofdstuktitels’, en tags als ‘trefwoorden in het register’.
Met Tags in Joomla kun je nog veel meer
Ook o.a. Contactpersonen kun je taggen Ook batchverwerking (meerdere
artikelen tegelijk aan tag toewijzen) mogelijk
Je kunt tags ook categoriseren
Helpt je bezoekerselecties te maken
Denk aan watwebwinkels doen
Wat nog niet kan ….
Bezoekers zelf laten filteren op meerdere tags
Bijvoorbeeld: bezoeker wil alle content zien met tags (twee zoekcriteria tegelijk)
Als je zo’n oplossing zoekt …
Dat zit nog niet in de component Tags Wel in de component Fields and Filters (www.kextensions.com) Daarmee maak je velden die je bij het schrijven van artikelen
kunt aanvinken (bijv. Soort gerecht: Vegetarisch/Vlees/Gevogelte)
Vervolgens maak je een filter zodat bezoekers zelf kunnen selecteren op die velden
Fields & Filters: voorbeeld
Bezoekers laten filteren
Zo werkt filteren
Bezoekers vinkt velden aan en klikt op Selecteer
ENJOY!
VRAGEN?
Eric Tiggeler
Deze presentatie:
www.slideshare.net
www.joomla.erictiggeler.nl