Tags in Joomla 3.2 +

88
ERIC TIGGELER | JOOMLA!DAGEN 2014 RELOADED 3.2 + REVISITED

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 of Tags in Joomla 3.2 +

Page 1: Tags in Joomla 3.2 +

ERIC TIGGELER | JOOMLA!DAGEN 2014

RELOADED

3.2+

REVISITED

Page 2: Tags in Joomla 3.2 +

Eric Tiggeler

Tekstschrijver

Schrijfboeken

Boeken over Joomla:

www.joomla.erictiggeler.nl

Page 3: Tags in Joomla 3.2 +
Page 4: Tags in Joomla 3.2 +

NIEUW SINDS

JOOMLA 3.1: TAGS

Page 5: Tags in Joomla 3.2 +

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

Page 6: Tags in Joomla 3.2 +

1 WAAROM HEB JE

TAGS NODIG?

Page 7: Tags in Joomla 3.2 +

Tags lossen een probleem op

waarvan je nog niet wist dat je het had.

Page 8: Tags in Joomla 3.2 +

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

Page 9: Tags in Joomla 3.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:

Page 10: Tags in Joomla 3.2 +

Joomla 1.6: de doorbraak!

Categorieën en subcategorieën Geen beperkingen meer bij het indelen Na jaren eindelijk ‘nested categories’!

Page 11: Tags in Joomla 3.2 +

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

Page 12: Tags in Joomla 3.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

Page 13: Tags in Joomla 3.2 +

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

Page 14: Tags in Joomla 3.2 +

Toch nog beperkingen (3)

Filmsite: in welke categorie past dit artikel?

Four weddings

and a funeral

Categorie:Comedy

Categorie:Romcom

Categorie: Dramaof of ?

Page 15: Tags in Joomla 3.2 +

Toch nog beperkingen (3)

Een onmogelijke keuze …

Four weddings

and a funeral

Categorie:Comedy

Categorie:Romcom

Categorie: Dramaof of ?

Page 16: Tags in Joomla 3.2 +

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’?)

Page 17: Tags in Joomla 3.2 +

Dat is het probleem dat je oplost met

Page 18: Tags in Joomla 3.2 +

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

Page 19: Tags in Joomla 3.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’

Page 20: Tags in Joomla 3.2 +

Makkelijker indelen (3)

In de filmsite hoef je niet langer te kiezen:

Four weddings

and a funeral

Categorie:Comedy

Categorie:Romcom

Categorie: Dramaof of ?

Page 21: Tags in Joomla 3.2 +

Makkelijker indelen (4)

Wijs meerdere tags toe aan 1 artikel:

Four weddings

and a funeral

Tag:Comedy

Tag:Romcom

Tag: Dramaén én !

Page 22: Tags in Joomla 3.2 +

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

Page 23: Tags in Joomla 3.2 +

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.

Page 24: Tags in Joomla 3.2 +

2 DE GROTE

TAGSTEST

Page 25: Tags in Joomla 3.2 +

Tags in een testsite

Installeer Joomla 3.x

Page 26: Tags in Joomla 3.2 +

Startpunt: Joomla installeren

De nieuwste versie is 3.2.3 We maken een ‘Receptenbank’

Page 27: Tags in Joomla 3.2 +

Joomla geïnstalleerd Resultaat: lege, nieuwe site

Page 28: Tags in Joomla 3.2 +

Extra: kleur en logo aangepast

De site is klaar om te vullen!

Page 29: Tags in Joomla 3.2 +

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

Page 30: Tags in Joomla 3.2 +

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:

Page 31: Tags in Joomla 3.2 +

Stap 1: categorieën maken 1 hoofdcategorie, 3 subcategorieën

Recepten Ontbijt Lunch Diner

Page 32: Tags in Joomla 3.2 +

Stap 2: artikelen maken Artikelen (recepten) in de categorieën

Ontbijt, Lunch en Diner Enkele artikelen zijn

‘Speciaal’ (Featured)

Page 33: Tags in Joomla 3.2 +

Stap 3: menulinks maken

Drie Categorieblog-menulinks categorie Ontbijt categorie Lunch categorie Diner

Page 34: Tags in Joomla 3.2 +

Resultaat: een website! (1)

homepage

Page 35: Tags in Joomla 3.2 +

Resultaat: een website! (2)

Categoriepagina ‘Diner’

Page 36: Tags in Joomla 3.2 +

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

Page 37: Tags in Joomla 3.2 +

3 TAGSMAKEN EN

TOEWIJZEN

Page 38: Tags in Joomla 3.2 +

Tags maken: twee manieren

Manier 1: Componenten > Tags > Nieuw

Page 39: Tags in Joomla 3.2 +

Een eerste tag maken

Voor onze receptendatabase: Tags > Nieuw > ‘Vegetarisch’

Page 40: Tags in Joomla 3.2 +

De tag is klaar

Lijst met tags verschijnt in de Tags-component

Page 41: Tags in Joomla 3.2 +

Tags in de Tag-component

Je kunt die tags ook nog rubriceren in hoofd- en subtags. Een voorbeeld van een andere site:

Page 42: Tags in Joomla 3.2 +

Tags toewijzen aan artikelen Open een artikel Klik op invoerveld Tags en er verschijnt

een dropdownlijst Kies uit de beschikbare tags

Page 43: Tags in Joomla 3.2 +

Tags maken: tweede manier

Een tag maken direct vanuit een artikel Typ een nieuwe tag in het vak Tags Enter, Opslaan, klaar!

Page 44: Tags in Joomla 3.2 +

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’

Page 45: Tags in Joomla 3.2 +

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

Page 46: Tags in Joomla 3.2 +

4 WAT ZIET DE

BEZOEKER?

Page 47: Tags in Joomla 3.2 +

Waar verschijnen tags?

Aan elk artikel voeg je zoveel tags toe als je wilt

Page 48: Tags in Joomla 3.2 +

Waar verschijnen tags? (1)

Tag-labels verschijnen: boven het volledige artikel

Page 49: Tags in Joomla 3.2 +

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

Page 50: Tags in Joomla 3.2 +

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

Page 51: Tags in Joomla 3.2 +

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.

Page 52: Tags in Joomla 3.2 +

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

Page 53: Tags in Joomla 3.2 +

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

blogpagina met tags:

Page 54: Tags in Joomla 3.2 +

Zo zien resultaatpagina’s eruit

Klik op de tag ‘Vegetarisch’ bij het artikel Resultaat: eenvoudige lijst met titels

Page 55: Tags in Joomla 3.2 +

Zo maak je de resultaatpagina aantrekkelijker

Componenten > Tags > Opties Tagnaam: Toon Tagafbeelding: Toon Beschrijving tag: Toon

Page 56: Tags in Joomla 3.2 +

Nog mooier: teasers tonen

Componenten> Tags > Opties Itemafbeeldingen:

Toon Itembeschrijving:

Toon

Page 57: Tags in Joomla 3.2 +

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.

Page 58: Tags in Joomla 3.2 +

5 MENULINKSNAAR TAG-

PAGINA’S

Page 59: Tags in Joomla 3.2 +

Menulinks naar tagpagina’s

Menu’s > Hoofdmenu > Nieuw Drie nieuwe menu-itemtypes

Page 60: Tags in Joomla 3.2 +

Menulinks naar tagpagina’s

Drie nieuwe menu-itemtypes:

Getagde items Compacte lijst met getagde items Lijst van alle tags

Page 61: Tags in Joomla 3.2 +

Hoe werken die menulinks?

Voorbeeld: Getagde items

Page 62: Tags in Joomla 3.2 +

Hoe werken die menulinks?

Resultaat: Getagde items met de tag ‘Pasta’

Page 63: Tags in Joomla 3.2 +

De menulink aanpassen

Via de opties pas je de weergave aan

Page 64: Tags in Joomla 3.2 +

Resultaat: aangepaste weergave

Van lijst artikeltitels naar lijst teasers Lijkt op List Layout en Blog Layout

Page 65: Tags in Joomla 3.2 +

Meer tags combineren in 1 lijst

Een menulink kan ook pagina’s tonenmet combinaties van tags: bijvoorbeeld Vegetarisch + Pasta

Page 66: Tags in Joomla 3.2 +

Tags combineren in 1 lijst

‘Vegetarisch’ + ‘Pasta’ =

Page 67: Tags in Joomla 3.2 +

6 MODULESVOORTAGS

Page 68: Tags in Joomla 3.2 +

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:

Page 69: Tags in Joomla 3.2 +

Hoe werkt Populaire Tags?

Modulebeheer > Nieuw > Populaire Tags

Page 70: Tags in Joomla 3.2 +

Resultaat van Populaire Tags

Zo ziet het resultaat eruit:

Page 71: Tags in Joomla 3.2 +

Resultaat van Populaire Tags Voorbeeld van een override: Popular

Tags in de template Purity III van Joomlart

http://www.joomlart.com/demo/#purity_iii

Page 72: Tags in Joomla 3.2 +

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

Page 73: Tags in Joomla 3.2 +

Module Gelijksoortige tags

Je bepaalt zelf hoeveel tags moeten overeenkomen met huidige artikel: 1 of meer

Page 74: Tags in Joomla 3.2 +

Module Gelijksoortige tags

Het resultaat op de site:

Page 75: Tags in Joomla 3.2 +

Tag-modules in de JED

Modules in de Joomla Extensions Directory Similar Tags With Introtext

and Images Dropdown Tags Fancy

TagCloud

Page 76: Tags in Joomla 3.2 +

7 TAGS:CONCLUSIE

Page 77: Tags in Joomla 3.2 +

Praktijkvoorbeeld

Uitgebreide toepassing van tags:Plantennamen.info

Page 78: Tags in Joomla 3.2 +

Praktijkvoorbeeld

Alle artikelen geordend met tags

Page 79: Tags in Joomla 3.2 +

Praktijkvoorbeeld Bezoeker kan klikken op kleuren of

plantenfamilies

Page 80: Tags in Joomla 3.2 +

Praktijkvoorbeeld Zoeken op kleur, stap 1

Page 81: Tags in Joomla 3.2 +

Praktijkvoorbeeld Zoeken op kleur, stap 2

Page 82: Tags in Joomla 3.2 +

Praktijkvoorbeeld Zoeken op kleur, stap 3

Page 83: Tags in Joomla 3.2 +

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

Page 84: Tags in Joomla 3.2 +

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

Page 85: Tags in Joomla 3.2 +

Ontdek wat je nog meer met Tags in Joomla kan …

Maak hoofd- en subtags

Lijkt op watwebwinkels doen

Page 86: Tags in Joomla 3.2 +

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

Page 87: Tags in Joomla 3.2 +

Experimenteer en enjoy!

Page 88: Tags in Joomla 3.2 +

VRAGEN?

Eric Tiggeler

Deze presentatie:

www.slideshare.net

www.joomla.erictiggeler.nl