ERIC TIGGELER | JOOMLA USER GROUP BREDA

RELOADED

3.2

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!

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 keer een categorie ‘Vegetarisch’ maken:

Artikel

Categorieniveau 3

Categorieniveau 2

Hoofdcategorie Recepten

Lunch

Snelklaar

Lunchrecept 1

Lunchrecept 2

Vegetarisch

Lunchrecept 3

Diner

Vlees

Recept 1

Vegetarisch

Recept 1

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

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 boomstructuur

Per artikel zoveel tags als je wilt

Makkelijker bij indelen en terugvinden

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.

Kortom: veelbelovend!

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

Kortom: veelbelovend!

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’

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

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 hoofd- en 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 dropdownlijst Kies uit de beschikbare tags

Nog sneller tags maken

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

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=70

6&t=801925

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 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 TAGSVIA

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 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 Popular Tags

Zo ziet het resultaat eruit:

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

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 specifieke kenmerken

Alternatief voor categorieën Volwaardig, superflexibel

indelingssysteem … dat ook zonder categorieën kan

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

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

Je kunt tags ook categoriseren

Helpt je bezoekerselecties te maken

Denk aan watwebwinkels doen

Wat nog niet kan ….

Bezoekers zelf laten filteren op meerdere tags

Bijvoorbeeld: bezoeker wil alle content zien met tags (twee zoekcriteria tegelijk)

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

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