Tags in Joomla 3.2 +

4,369 views

Published on

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.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,369
On SlideShare
0
From Embeds
0
Number of Embeds
607
Actions
Shares
0
Downloads
53
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Tags in Joomla 3.2 +

  1. 1. ERIC TIGGELER | JOOMLA!DAGEN 2014
  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. Waarom heb je tags nodig? 2. Hoe werken tags? 3. Tags maken en toewijzen 4. Wat ziet de bezoeker? 5. Menulinks naar tagpagina’s 6. Modules voor tags 7. 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 Artikel Categorie Sectie Recepten Lunch Lunchrecept 1 Lunchrecept 2 Diner 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!  Categorieën en 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 Artikel Categorieniveau 3 Categorieniveau 2 Categorieniveau 1 Recepten Lunch Snelklaar Lunchrecept 1 Lunchrecept 2 Vegetarisch Lunchrecept 3 Diner 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? Artikel Categorieniveau 3 Categorieniveau 2 Categorieniveau 1 Recepten Lunch Snelklaar Lunchrecept 1 Lunchrecept 2 Vegetarisch Lunchrecept 3 Diner Vlees Recept 1 Vegetarisch Recept 1
  12. 12. 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
  13. 13. Toch nog beperkingen (3)  Filmsite: in welke categorie past dit artikel? Four weddings and a funeral Categorie: Comedy Categorie: Romcom Categorie: Dramaof of ?
  14. 14. Toch nog beperkingen (3)  Een onmogelijke keuze … Four weddings and a funeral Categorie: Comedy Categorie: Romcom Categorie: Dramaof of ?
  15. 15. 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’?)
  16. 16. Dat is het probleem dat je oplost met
  17. 17. 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
  18. 18. 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’
  19. 19. Makkelijker indelen (3)  In de filmsite hoef je niet langer te kiezen: Four weddings and a funeral Categorie: Comedy Categorie: Romcom Categorie: Dramaof of ?
  20. 20. Makkelijker indelen (4)  Wijs meerdere tags toe aan 1 artikel: Four weddings and a funeral Tag: Comedy Tag: Romcom Tag: Dramaén én !
  21. 21. 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
  22. 22. 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.
  23. 23. 2 DE GROTE TAGSTEST
  24. 24. Tags in een testsite  Installeer Joomla 3.x
  25. 25. Startpunt: Joomla installeren  De nieuwste versie is 3.2.3  We maken een ‘Receptenbank’
  26. 26. Joomla geïnstalleerd  Resultaat: lege, nieuwe site
  27. 27. Extra: kleur en logo aangepast  De site is klaar om te vullen!
  28. 28. 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
  29. 29. 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:
  30. 30. Stap 1: categorieën maken  1 hoofdcategorie, 3 subcategorieën  Recepten  Ontbijt  Lunch  Diner
  31. 31. Stap 2: artikelen maken  Artikelen (recepten) in de categorieën Ontbijt, Lunch en Diner  Enkele artikelen zijn ‘Speciaal’ (Featured)
  32. 32. Stap 3: menulinks maken  Drie Categorieblog-menulinks  categorie Ontbijt  categorie Lunch  categorie Diner
  33. 33. Resultaat: een website! (1) homepage
  34. 34. Resultaat: een website! (2) Categoriepagina ‘Diner’
  35. 35. 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
  36. 36. 3 TAGS MAKEN EN TOEWIJZEN
  37. 37. Tags maken: twee manieren  Manier 1: Componenten > Tags > Nieuw
  38. 38. Een eerste tag maken  Voor onze receptendatabase:  Tags > Nieuw > ‘Vegetarisch’
  39. 39. De tag is klaar  Lijst met tags verschijnt in de Tags- component
  40. 40. Tags in de Tag-component  Je kunt die tags ook nog rubriceren in hoofd- en subtags. Een voorbeeld van een andere site:
  41. 41. Tags toewijzen aan artikelen  Open een artikel  Klik op invoerveld Tags en er verschijnt een dropdownlijst  Kies uit de beschikbare tags
  42. 42. Tags maken: tweede manier  Een tag maken direct vanuit een artikel  Typ een nieuwe tag in het vak Tags  Enter, Opslaan, klaar!
  43. 43. 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’
  44. 44. 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
  45. 45. 4 WAT ZIET DE BEZOEKER?
  46. 46. Waar verschijnen tags?  Aan elk artikel voeg je zoveel tags toe als je wilt
  47. 47. Waar verschijnen tags? (1)  Tag-labels verschijnen:  boven het volledige artikel
  48. 48. Waar verschijnen tags? (2)  Bij teasers van Speciale artikelen
  49. 49. Waar verschijnen tags? (3)  Niet op blogpagina’s!
  50. 50. 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.
  51. 51. 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=80192 5
  52. 52. Waar verschijnen tags? (5)  Resultaat van de template override: blogpagina met tags:
  53. 53. Zo zien resultaatpagina’s eruit  Klik op de tag ‘Vegetarisch’ bij het artikel  Resultaat: eenvoudige lijst met titels
  54. 54. Zo maak je de resultaatpagina aantrekkelijker  Componenten > Tags > Opties  Tagnaam: Toon  Tagafbeelding: Toon  Beschrijving tag: Toon
  55. 55. Nog mooier: teasers tonen  Componenten > Tags > Opties  Itemafbeeldingen: Toon  Itembeschrijving: Toon
  56. 56. 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.
  57. 57. 5 MENULINKS NAAR TAG- PAGINA’S
  58. 58. Menulinks naar tagpagina’s  Menu’s > Hoofdmenu > Nieuw  Drie nieuwe menu-itemtypes
  59. 59. Menulinks naar tagpagina’s  Drie nieuwe menu-itemtypes:  Getagde items  Compacte lijst met getagde items  Lijst van alle tags
  60. 60. Hoe werken die menulinks?  Voorbeeld: Getagde items
  61. 61. Hoe werken die menulinks?  Resultaat: Getagde items met de tag ‘Pasta’
  62. 62. De menulink aanpassen  Via de opties pas je de weergave aan
  63. 63. Resultaat: aangepaste weergave  Van lijst artikeltitels naar lijst teasers  Lijkt op List Layout en Blog Layout
  64. 64. Meer tags combineren in 1 lijst  Een menulink kan ook pagina’s tonen met combinaties van tags: bijvoorbeeld Vegetarisch + Pasta
  65. 65. Tags combineren in 1 lijst  ‘Vegetarisch’ + ‘Pasta’ =
  66. 66. 6 MODULES VOOR TAGS
  67. 67. 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:
  68. 68. Hoe werkt Populaire Tags?  Modulebeheer > Nieuw > Populaire Tags
  69. 69. Resultaat van Populaire Tags  Zo ziet het resultaat eruit:
  70. 70. Resultaat van Populaire Tags  Voorbeeld van een override: Popular Tags in de template Purity III van Joomlart  http://www.joomlart.com/demo/#purity_iii
  71. 71. 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’)
  72. 72. Module Gelijksoortige tags  Je bepaalt zelf hoeveel tags moeten overeenkomen met huidige artikel: 1 of meer
  73. 73. Module Gelijksoortige tags  Het resultaat op de site:
  74. 74. Tag-modules in de JED  Modules in de Joomla Extensions Directory  Similar Tags With Introtext and Images  Dropdown Tags  Fancy TagCloud
  75. 75. 7 TAGS: CONCLUSIE
  76. 76. Praktijkvoorbeeld  Uitgebreide toepassing van tags: Plantennamen.info
  77. 77. Praktijkvoorbeeld  Alle artikelen geordend met tags
  78. 78. Praktijkvoorbeeld  Bezoeker kan klikken op kleuren of plantenfamilies
  79. 79. Praktijkvoorbeeld  Zoeken op kleur, stap 1
  80. 80. Praktijkvoorbeeld  Zoeken op kleur, stap 2
  81. 81. Praktijkvoorbeeld  Zoeken op kleur, stap 3
  82. 82. 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’.
  83. 83. 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
  84. 84. Ontdek wat je nog meer met Tags in Joomla kan …  Maak hoofd- en subtags  Lijkt op wat webwinkels doen
  85. 85. 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
  86. 86. Experimenteer en enjoy!
  87. 87. VRAGEN? Eric Tiggeler Deze presentatie: www.slideshare.net www.joomla.erictiggeler.nl

×