ERIC TIGGELER | JOOMLA HEERENVEEN

RELOADED

Eric Tiggeler

Tekstschrijver

Schrijfboeken

Boeken over Joomla:

www.joomla.erictiggeler.nl

NIEUW IN JOOMLA

3.1.x: TAGS

TAGS

1. Waarom tags?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

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

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

Hoofdcategorie 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

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!

De tag ‘Vegetarisch’ is onafhankelijk 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: 3.1 installeren

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 In dit voorbeeld:

1 hoofdcategorie, 3 subcategorieën

Recepten Ontbijt Lunch Diner

Stap 2: artikelen maken

Artikelen (recepten) in de categorieën Ontbijt, Lunch en Diner

Een paar artikelen zijn ‘Speciaal’

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

In Joomla 3.1+ komt daarbij: 4. tags maken en toewijzen

3 TAGSMAKEN EN

TOEWIJZEN

Vanaf 3.1: tags toevoegen

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

Zo kun je groepjes tags maken

Denk aan watwebwinkels doen

Helpt je bezoekerselecties te maken

Tags toewijzen aan artikelen

Open een artikel Gegevens > Tags Type tot de tag wordt

gevonden Autocomplete - Enter!

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’

Standaard kan iedereen tags maken vanuit het artikel. (‘AJAX’-methode)

Wil je dat niet? Kies dan optie ‘Nested’. Dat is selecteren in een lijst met beschikbare tags

Meerdere tags per artikel

Aan elk artikel voeg je zoveel tags toe als nodig zijn

4 WAT ZIET DE

BEZOEKER?

Waar verschijnen tags? (1)

Tag-labels verschijnen: boven het volledig artikel

Waar verschijnen tags? (2) Bij teasers van Speciale artikelen Maar alleen als je kiest voor ‘Plaatsing van

artikelinformatie’: ‘Onder’ of ‘Verdelen’

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.

Meer uitleg: 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 laten zienop 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

Menu > Main Menu > Nieuw Drie nieuwe menu-itemtypes

Getagde Items Compacte lijst met getagde items Lijst van getagde items

Hoe werken die menulinks?

Voorbeeld: Getagde Items

Hoe werken die menulinks?

Voorbeeld: Tagged items

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

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?

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

7 TAGS:CONCLUSIE

Praktijkvoorbeelden

Eenvoudige toepassing: Joomladocumenten.nl

Handig: Joomlaversies niet als categorie, maar als tag

Praktijkvoorbeelden

Uitgebreide toepassing: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

Zo dus niet doen: nietszeggende 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

Je kunt er nog veel meer mee

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 (drie zoekcriteria)

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