ERIC TIGGELER | JOOMLA USER GROUP BREDA
Eric Tiggeler
Tekstschrijver
Schrijfboeken
Boeken over Joomla:

www.joomla.erictiggeler.nl
NIEUW SINDS
JOOMLA 3.1:
TAGS
TAGS
1.
2.
3.
4.
5.
6.
7.

Waarom heb je tags nodig?
Hoe werken tags?
Tags maken en toewijzen
Wat ziet de bezoeker?
Menuli...
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

Sectie

Recepten

Categorie
Artikel

Lunch
...
Joomla 1.5 : The bad old days




Vaste structuur
Sectie, categorie, artikel
Dus altijd 2 niveaus tot het artikelniveau...
Joomla 1.6: de doorbraak!




Subcategorieën
Geen beperkingen meer bij het indelen
Na jaren eindelijk ‘nested categorie...
Werken met categorieën



Een voorbeeld: recepten onderverdelen
In dit geval drie categorieniveaus

Categorieniveau 1

R...
Toch nog beperkingen (1)



Elk artikel kan in maar 1 categorie zitten
Receptensite: waar laat je vegetarische
recepten?...
Toch nog beperkingen (2)


Je moet twee of meer keer een categorie
‘Vegetarisch’ maken:

Hoofdcategorie

Recepten

Catego...
Het probleem met categorieën




Soms past een kenmerk (‘vegetarisch’) in
meer dan één categorie
Soms lastig om de indel...
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...
De voordelen van tags






Categorieën: brede ‘containers’.
Tags: veel gerichter inspelen op wat
bezoekers zoeken.
Cat...
Kortom: veelbelovend!



Een oplossing voor onze receptensite
We hebben genoeg aan deze categorieën:

Categorieniveau 1
...
Kortom: veelbelovend!



Voeg de tag ‘Vegetarisch’ toe
Die staat los van de categoriestructuur
Tag: ‘Vegetarisch’

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

2
3

Categorieën maken
Artikel...
Stap 1: categorieën maken
Op de receptensite hebben we deze
categorieën nodig:
Categorieniveau 1

Recepten

Categorienivea...
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
‘Specia...
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. me...
3 TAGS
MAKEN 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 hoofden 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 dropdo...
Nog sneller tags maken




Een tag maken direct vanuit een artikel
Typ een nieuwe tag in het vak Tags
Enter, Opslaan, k...
Snelle invoermethode: nadelen


Als iedereen tags kan maken vanuit een
artikel:
 Kans

op wildgroei: te veel tags, overl...
Oplossing: de optie ‘Nested’






Ga naar Tags > Opties
Standaard kan iedereen tags maken vanuit het
artikel. (‘AJAX’...
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 on...
Waar verschijnen tags? (4)




Je kunt dit aanpassen door een aangepaste
kopie (override) te maken van blog_item.php
Te ...
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 ta...
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-hy...
5 TAGS
VIA
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 ...
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 tonen
met combinaties van tags:
bijvoorbeeld Vegetarisch ...
Tags combineren in 1 lijst


‘Vegetarisch’ + ‘Pasta’ =
6 MODULES
VOOR
TAGS
Tags in een module tonen


Je kunt tagresultaten laten zien:
1

Via de tag-als-hyperlink
 2Via menulinks
 3 Maar ook v...
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 heb...
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 specif...
Wanneer een categorie,
wanneer een tag?






Een categorie is een brede hoofdgroep,
bijvoorbeeld: ‘Bakken’, ‘Taarten’
...
Met Tags in Joomla kun je nog veel
meer



Ook o.a. Contactpersonen kun je taggen
Ook batchverwerking (meerdere artikele...
Je kunt tags ook categoriseren




Helpt je bezoeker
selecties te maken
Denk aan wat
webwinkels doen
Wat nog niet kan ….



Bezoekers zelf laten filteren op meerdere tags
Bijvoorbeeld: bezoeker wil alle content zien
met t...
Als je zo’n oplossing zoekt …







Dat zit nog niet in de component Tags
Wel in de component Fields and Filters (www...
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
Upcoming SlideShare
Loading in …5
×

Tags in Joomla 3.2 Presentatie voor Joomla User Group Breda oktober 2013

907 views

Published on

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

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
907
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
16
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Tags in Joomla 3.2 Presentatie voor Joomla User Group Breda oktober 2013

  1. 1. ERIC TIGGELER | JOOMLA USER GROUP BREDA
  2. 2. Eric Tiggeler Tekstschrijver Schrijfboeken Boeken over Joomla: www.joomla.erictiggeler.nl
  3. 3. NIEUW SINDS JOOMLA 3.1: TAGS
  4. 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. 5. 1 WAAROM HEB JE TAGS NODIG?
  6. 6. Tags lossen een probleem op waarvan je nog niet wist dat je het had.
  7. 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. 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. 9. Joomla 1.6: de doorbraak!    Subcategorieën Geen beperkingen meer bij het indelen Na jaren eindelijk ‘nested categories’!
  10. 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. 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. 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. 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. 14. Dat is het probleem dat je oplost met
  15. 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. 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. 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. 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. 19. 2 DE GROTE TAGSTEST
  20. 20. Tags in een testsite  Installeer Joomla 3.1 of hoger
  21. 21. Startpunt: Joomla installeren   De nieuwste versie is 3.2 (beta) We maken een ‘Receptenbank’
  22. 22. Joomla geïnstalleerd  Resultaat: lege, nieuwe site
  23. 23. Extra: kleur en logo aangepast  De site is klaar om te vullen!
  24. 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. 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. 26. Stap 1: categorieën maken  1 hoofdcategorie, 3 subcategorieën  Recepten  Ontbijt  Lunch  Diner
  27. 27. Stap 2: artikelen maken   Artikelen (recepten) in de categorieën Ontbijt, Lunch en Diner Enkele artikelen zijn ‘Speciaal’ (Featured)
  28. 28. Stap 3: menulinks maken  Drie Categorieblog-menulinks  categorie Ontbijt  categorie Lunch  categorie Diner
  29. 29. Resultaat: een website! (1) homepage
  30. 30. Resultaat: een website! (2) Categoriepagina ‘Diner’
  31. 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. 32. 3 TAGS MAKEN EN TOEWIJZEN
  33. 33. Nieuwe tags maken  Componenten > Tags
  34. 34. Een eerste tag maken   Voor onze receptendatabase: Tags > Nieuw > ‘Vegetarisch’
  35. 35. De tag is klaar  Lijst met tags verschijnt in de Tags-component
  36. 36. Tags in de Tag-component  Je kunt die tags ook nog rubriceren in hoofden subtags. Een voorbeeld van een andere site:
  37. 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. 38. Nog sneller tags maken    Een tag maken direct vanuit een artikel Typ een nieuwe tag in het vak Tags Enter, Opslaan, klaar!
  39. 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. 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. 41. 4 WAT ZIET DE BEZOEKER?
  42. 42. Waar verschijnen tags?  Aan elk artikel voeg je zoveel tags toe als je wilt
  43. 43. Waar verschijnen tags? (1)  Tag-labels verschijnen:  boven het volledige artikel
  44. 44. Waar verschijnen tags? (2)  Bij teasers van Speciale artikelen
  45. 45. Waar verschijnen tags? (3)  Niet op blogpagina’s!
  46. 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. 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. 48. Waar verschijnen tags? (5)  Resultaat van de template override:
  49. 49. Zo zien resultaatpagina’s eruit   Klik op de tag ‘Vegetarisch’ bij het artikel Resultaat: eenvoudige lijst met titels
  50. 50. Zo kleed je de resultaatpagina aan  Componenten > Tags > Opties  Tagnaam: Toon  Tagafbeelding: Toon  Beschrijving tag: Toon
  51. 51. Nog mooier: teasers tonen  Componenten > Tags > Opties  Itemafbeeldingen: Toon  Itembeschrijving: Toon
  52. 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. 53. 5 TAGS VIA MENULINKS
  54. 54. Menulinks naar tagpagina’s   Menu’s > Hoofdmenu > Nieuw Drie nieuwe menu-itemtypes
  55. 55. Menulinks naar tagpagina’s  Drie nieuwe menu-itemtypes:    Getagde items Compacte lijst met getagde items Lijst van alle tags
  56. 56. Hoe werken die menulinks?  Voorbeeld: Getagde items
  57. 57. Hoe werken die menulinks?  Resultaat: Getagde items met de tag ‘Pasta’
  58. 58. De menulink aanpassen  Via de opties pas je de weergave aan
  59. 59. Resultaat: aangepaste weergave   Van lijst artikeltitels naar lijst teasers Lijkt op List Layout en Blog Layout
  60. 60. Meer tags combineren in 1 lijst  Een menulink kan ook pagina’s tonen met combinaties van tags: bijvoorbeeld Vegetarisch + Pasta
  61. 61. Tags combineren in 1 lijst  ‘Vegetarisch’ + ‘Pasta’ =
  62. 62. 6 MODULES VOOR TAGS
  63. 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. 64. Hoe werkt Populaire Tags?  Modulebeheer > Nieuw > Populaire Tags
  65. 65. Resultaat van Popular Tags  Zo ziet het resultaat eruit:
  66. 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. 67. Module Gelijksoortige tags  Je bepaalt zelf hoeveel tags moeten overeenkomen met huidige artikel: 1 of meer
  68. 68. Module Gelijksoortige tags  Het resultaat op de site:
  69. 69. 7 TAGS: CONCLUSIE
  70. 70. Praktijkvoorbeelden   Joomladocumenten.nl Joomlaversies niet als categorie, maar als tag
  71. 71. Praktijkvoorbeelden  Uitgebreide toepassing van tags: Plantennamen.info
  72. 72. Praktijkvoorbeelden  Alle artikelen geordend met tags
  73. 73. Praktijkvoorbeelden  Bezoeker kan klikken op kleuren of plantenfamilies
  74. 74. Praktijkvoorbeelden  Zoeken op kleur, stap 1
  75. 75. Praktijkvoorbeelden  Zoeken op kleur, stap 2
  76. 76. Praktijkvoorbeelden  Zoeken op kleur, stap 3
  77. 77. Praktijkvoorbeelden   Gebruik echte zoektermen als tags Dus niet: vage tags als ‘toename’ en ‘twee uur’
  78. 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. 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. 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. 81. Je kunt tags ook categoriseren   Helpt je bezoeker selecties te maken Denk aan wat webwinkels doen
  82. 82. Wat nog niet kan ….   Bezoekers zelf laten filteren op meerdere tags Bijvoorbeeld: bezoeker wil alle content zien met tags (twee zoekcriteria tegelijk)
  83. 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. 84. Fields & Filters: voorbeeld  Bezoekers laten filteren
  85. 85. Zo werkt filteren  Bezoekers vinkt velden aan en klikt op Selecteer
  86. 86. ENJOY!
  87. 87. VRAGEN? Eric Tiggeler Deze presentatie: www.slideshare.net www.joomla.erictiggeler.nl

×