tags in joomla 3.2 +
DESCRIPTION
Sinds Joomla 3.1 kun je tags gebruiken in Joomla. Wat is het, hoe werkt het, wat heb je eraan? Dit is mijn presentatie voor de Nederlandse Joomladagen 2014.TRANSCRIPT
ERIC TIGGELER | JOOMLA!DAGEN 2014
RELOADED
3.2+
REVISITED
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!
Categorieën en 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 keren een categorie ‘Vegetarisch’ maken:
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 (3)
Filmsite: in welke categorie past dit artikel?
Four weddings
and a funeral
Categorie:Comedy
Categorie:Romcom
Categorie: Dramaof of ?
Toch nog beperkingen (3)
Een onmogelijke keuze …
Four weddings
and a funeral
Categorie:Comedy
Categorie:Romcom
Categorie: Dramaof of ?
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 (‘comedy’? ‘romcom’?)
Dat is het probleem dat je oplost met
Makkelijker indelen (1)
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
Makkelijker indelen (2)
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’
Makkelijker indelen (3)
In de filmsite hoef je niet langer te kiezen:
Four weddings
and a funeral
Categorie:Comedy
Categorie:Romcom
Categorie: Dramaof of ?
Makkelijker indelen (4)
Wijs meerdere tags toe aan 1 artikel:
Four weddings
and a funeral
Tag:Comedy
Tag:Romcom
Tag: Dramaén én !
Voordelen van tags
Tags zijn labels die 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
Voordelen van tags
Categorieën: brede ‘containers’.Tags: gericht 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.
SEO- voordeel: ook voor zoekmachines zijn tags een extra ingang.
2 DE GROTE
TAGSTEST
Tags in een testsite
Installeer Joomla 3.x
Startpunt: Joomla installeren
De nieuwste versie is 3.2.3 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. Dat doen we nu ook:
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
Tags maken: twee manieren
Manier 1: Componenten > Tags > Nieuw
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 Klik op invoerveld Tags en er verschijnt
een dropdownlijst Kies uit de beschikbare tags
Tags maken: tweede manier
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’ Standaard kan iedereen tags maken
vanuit het artikel. (‘AJAX’-methode) Wil je dat niet? Ga naar Tags > Opties 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=706&t=801925
Waar verschijnen tags? (5) Resultaat van de template override:
blogpagina met tags:
Zo zien resultaatpagina’s eruit
Klik op de tag ‘Vegetarisch’ bij het artikel Resultaat: eenvoudige lijst met titels
Zo maak je de resultaatpagina aantrekkelijker
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 MENULINKSNAAR TAG-
PAGINA’S
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 Populaire Tags
Zo ziet het resultaat eruit:
Resultaat van Populaire Tags Voorbeeld van een override: Popular
Tags in de template Purity III van Joomlart
http://www.joomlart.com/demo/#purity_iii
Module Gelijksoortige tags
Toont geen ‘vergelijkbare tags’ …maar wel: ‘gelijksoortige artikelen’
Dat zijn 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:
Tag-modules in de JED
Modules in de Joomla Extensions Directory Similar Tags With Introtext
and Images Dropdown Tags Fancy
TagCloud
7 TAGS:CONCLUSIE
Praktijkvoorbeeld
Uitgebreide toepassing van tags:Plantennamen.info
Praktijkvoorbeeld
Alle artikelen geordend met tags
Praktijkvoorbeeld Bezoeker kan klikken op kleuren of
plantenfamilies
Praktijkvoorbeeld Zoeken op kleur, stap 1
Praktijkvoorbeeld Zoeken op kleur, stap 2
Praktijkvoorbeeld Zoeken op kleur, stap 3
Wanneer een categorie, wanneer een tag?
Een categorie is een brede hoofdgroep, bijvoorbeeld: ‘Cakes’, ‘Taarten’
Een tag helpt je bezoeker om dwars door die hoofdgroepen heen te zoeken
Tags benoemen vaak eigenschappen: denk aan ‘vegetarisch’, ‘beginner’, ‘groen’, ‘comedy’.
Ter vergelijking: categorieën kun je zien als de ‘hoofdstuktitels’, en tags als ‘trefwoorden in het register’.
Gebruik tags zoals je wilt:
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
Ontdek wat je nog meer met Tags in Joomla kan …
Maak hoofd- en subtags
Lijkt op watwebwinkels doen
Ontdek wat je nog meer met Tags in Joomla kan …
Ook o.a. Contactpersonen kun je taggen Ook batchverwerking (meerdere
artikelen tegelijk aan tag toewijzen) mogelijk
Experimenteer en enjoy!
VRAGEN?
Eric Tiggeler
Deze presentatie:
www.slideshare.net
www.joomla.erictiggeler.nl