Presentatie over het gebruik van tags in Joomla, vernieuwd voor Joomla 3.2 beta.

1. ERIC TIGGELER | JOOMLA USER GROUP BREDA

2. Eric Tiggeler
Tekstschrijver
Schrijfboeken
Boeken over Joomla:
www.joomla.erictiggeler.nl

3. NIEUW SINDS
JOOMLA 3.1:
TAGS

4. TAGS
1.
2.
3.
4.
5.
6.
7.
Waarom heb je tags nodig?
Hoe werken tags?
Tags maken en toewijzen
Wat ziet de bezoeker?
Menulinks naar tagpagina’s
Modules voor tags
De moraal

5. 1 WAAROM
HEB JE TAGS
NODIG?

6. Tags lossen een
probleem op
waarvan je nog niet wist
dat je het had.

7. Joomla 1.5 : The bad old days


Vaste structuur
Sectie, categorie, artikel
Sectie
Recepten
Categorie
Artikel
Lunch
Lunchrecept
1
Diner
Lunchrecept
2
Dinerrecept
1
Dinerrecept
2

8. 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:

9. Joomla 1.6: de doorbraak!



Subcategorieën
Geen beperkingen meer bij het indelen
Na jaren eindelijk ‘nested categories’!

10. Werken met categorieën


Een voorbeeld: recepten onderverdelen
In dit geval drie categorieniveaus
Categorieniveau 1
Recepten
Categorieniveau 2
Categorieniveau 3
Artikel
Lunch
Snelklaar
Lunchrecept
1
Lunchrecept
2
Diner
Vegetarisch
Lunchrecept
3
Vlees
Recept 1
Recept 2

11. Toch nog beperkingen (1)


Elk artikel kan in maar 1 categorie zitten
Receptensite: waar laat je vegetarische
recepten?
Categorieniveau 1
Recepten
Categorieniveau 2
Categorieniveau 3
Artikel
Lunch
Snelklaar
Lunchrecept
1
Lunchrecept
2
Diner
Vegetarisch
Vlees
Vegetarisch
Lunchrecept
3
Recept 1
Recept 1

12. Toch nog beperkingen (2)

Je moet twee of meer keer een categorie
‘Vegetarisch’ maken:
Hoofdcategorie
Recepten
Categorieniveau 2
Categorieniveau 3
Artikel
Lunch
Snelklaar
Lunchrecept
1
Lunchrecept
2
Diner
Vegetarisch
Vlees
Vegetarisch
Lunchrecept
3
Recept 1
Recept 1

13. 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

14. Dat is het probleem
dat je oplost met

15. 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

16. 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.

17. Kortom: veelbelovend!


Een oplossing voor onze receptensite
We hebben genoeg aan deze categorieën:
Categorieniveau 1
Recepten
Categorieniveau 2
Artikelen
Lunch
Lunchrecept
1
Lunchrecept
2
Diner
Lunchrecept
3
Recept 1
Recept 2

18. Kortom: veelbelovend!


Voeg de tag ‘Vegetarisch’ toe
Die staat los van de categoriestructuur
Tag: ‘Vegetarisch’
Categorieniveau 1
Recepten
Categorieniveau 2
Artikelen
Lunch
Lunchrecept
1
Lunchrecept
2
Diner
Lunchrecept
3
Recept 1
Recept 2

19. 2 DE
GROTE
TAGSTEST

20. Tags in een testsite

Installeer Joomla 3.1 of hoger

21. Startpunt: Joomla installeren


De nieuwste versie is 3.2 (beta)
We maken een ‘Receptenbank’

22. Joomla geïnstalleerd

Resultaat: lege, nieuwe site

23. Extra: kleur en logo aangepast

De site is klaar om te vullen!

24. De site vullen in 3 stappen

Normaal gesproken volg je in Joomla deze
drie stappen:
1
2
3
Categorieën maken
Artikelen maken
Menulinks maken

25. Stap 1: categorieën maken
Op de receptensite hebben we deze
categorieën nodig:
Categorieniveau 1
Recepten
Categorieniveau 2
Ontbijt
Artikelen
Ontbijt-recept
1
Lunch
Lunchrecept
1
Lunchrecept
2
Diner
Lunchrecept
3
Recept 1
Recept 2

26. Stap 1: categorieën maken

1 hoofdcategorie, 3 subcategorieën

Recepten
 Ontbijt
 Lunch

Diner

27. Stap 2: artikelen maken


Artikelen (recepten) in de categorieën Ontbijt,
Lunch en Diner
Enkele artikelen zijn
‘Speciaal’ (Featured)

28. Stap 3: menulinks maken

Drie Categorieblog-menulinks
 categorie
Ontbijt
 categorie Lunch
 categorie Diner

29. Resultaat: een website! (1)
homepage

30. Resultaat: een website! (2)
Categoriepagina ‘Diner’

31. 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

32. 3 TAGS
MAKEN EN
TOEWIJZEN

33. Nieuwe tags maken

Componenten > Tags

34. Een eerste tag maken


Voor onze receptendatabase:
Tags > Nieuw > ‘Vegetarisch’

35. De tag is klaar

Lijst met tags verschijnt in de Tags-component

36. Tags in de Tag-component

Je kunt die tags ook nog rubriceren in hoofden subtags. Een voorbeeld van een andere
site:

37. 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

38. Nog sneller tags maken



Een tag maken direct vanuit een artikel
Typ een nieuwe tag in het vak Tags
Enter, Opslaan, klaar!

39. 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’

40. 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

41. 4 WAT
ZIET DE
BEZOEKER?

42. Waar verschijnen tags?

Aan elk artikel voeg je zoveel tags toe
als je wilt

43. Waar verschijnen tags? (1)

Tag-labels verschijnen:
 boven
het volledige artikel

44. Waar verschijnen tags? (2)
 Bij
teasers van Speciale artikelen

45. Waar verschijnen tags? (3)
 Niet
op blogpagina’s!

46. 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.

47. Waar verschijnen tags? (4)


Je kunt dit aanpassen door een aangepaste
kopie (override) te maken van blog_item.php
Te vinden in
componentscom_contentviewscategorytmpl

Meer uitleg over de ontbrekende code:
 http://forum.joomla.org/viewtopic.php?f=706&t=80
1925

48. Waar verschijnen tags? (5)
 Resultaat
van de template override:

49. Zo zien resultaatpagina’s eruit


Klik op de tag ‘Vegetarisch’ bij het artikel
Resultaat: eenvoudige lijst met titels

50. Zo kleed je de resultaatpagina aan

Componenten > Tags > Opties
 Tagnaam:
Toon
 Tagafbeelding: Toon
 Beschrijving tag: Toon

51. Nog mooier: teasers tonen

Componenten
> Tags > Opties
 Itemafbeeldingen:
Toon
 Itembeschrijving:
Toon

52. 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.

53. 5 TAGS
VIA
MENULINKS

54. Menulinks naar tagpagina’s


Menu’s > Hoofdmenu > Nieuw
Drie nieuwe menu-itemtypes

55. Menulinks naar tagpagina’s

Drie nieuwe menu-itemtypes:



Getagde items
Compacte lijst met getagde items
Lijst van alle tags

56. Hoe werken die menulinks?

Voorbeeld: Getagde items

57. Hoe werken die menulinks?

Resultaat: Getagde items met de tag ‘Pasta’

58. De menulink aanpassen

Via de opties pas je de weergave aan

59. Resultaat: aangepaste weergave


Van lijst artikeltitels naar lijst teasers
Lijkt op List Layout en Blog Layout

60. Meer tags combineren in 1 lijst

Een menulink kan ook pagina’s tonen
met combinaties van tags:
bijvoorbeeld Vegetarisch + Pasta

61. Tags combineren in 1 lijst

‘Vegetarisch’ + ‘Pasta’ =

62. 6 MODULES
VOOR
TAGS

63. 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:

64. Hoe werkt Populaire Tags?

Modulebeheer > Nieuw > Populaire Tags

65. Resultaat van Popular Tags

Zo ziet het resultaat eruit:

66. 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’)

67. Module Gelijksoortige tags

Je bepaalt zelf hoeveel tags moeten
overeenkomen met huidige artikel:
1 of meer

68. Module Gelijksoortige tags

Het resultaat op de site:

69. 7 TAGS:
CONCLUSIE

70. Praktijkvoorbeelden


Joomladocumenten.nl
Joomlaversies niet als categorie, maar als tag

71. Praktijkvoorbeelden

Uitgebreide toepassing van tags:
Plantennamen.info

72. Praktijkvoorbeelden

Alle artikelen geordend met tags

73. Praktijkvoorbeelden

Bezoeker kan klikken op kleuren of
plantenfamilies

74. Praktijkvoorbeelden

Zoeken op kleur, stap 1

75. Praktijkvoorbeelden

Zoeken op kleur, stap 2

76. Praktijkvoorbeelden

Zoeken op kleur, stap 3

77. Praktijkvoorbeelden


Gebruik echte zoektermen als tags
Dus niet: vage tags als ‘toename’ en ‘twee uur’

78. 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

79. 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’.

80. 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

81. Je kunt tags ook categoriseren


Helpt je bezoeker
selecties te maken
Denk aan wat
webwinkels doen

82. Wat nog niet kan ….


Bezoekers zelf laten filteren op meerdere tags
Bijvoorbeeld: bezoeker wil alle content zien
met tags (twee zoekcriteria tegelijk)

83. 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

84. Fields & Filters: voorbeeld

Bezoekers laten filteren

85. Zo werkt filteren

Bezoekers vinkt velden aan en klikt op
Selecteer

86. ENJOY!

87. VRAGEN?
Eric Tiggeler
Deze presentatie:
www.slideshare.net
www.joomla.erictiggeler.nl