ERIC TIGGELER | JOOMLA!DAGEN 2014

RELOADED

3.2+

REVISITED

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!

Categorieën en 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 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

Toch nog beperkingen (3)

Filmsite: in welke categorie past dit artikel?

Four weddings

and a funeral

Categorie:Comedy

Categorie:Romcom

Categorie: Dramaof of ?

Toch nog beperkingen (3)

Een onmogelijke keuze …

Four weddings

and a funeral

Categorie:Comedy

Categorie:Romcom

Categorie: Dramaof of ?

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

Dat is het probleem dat je oplost met

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

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’

Makkelijker indelen (3)

In de filmsite hoef je niet langer te kiezen:

Four weddings

and a funeral

Categorie:Comedy

Categorie:Romcom

Categorie: Dramaof of ?

Makkelijker indelen (4)

Wijs meerdere tags toe aan 1 artikel:

Four weddings

and a funeral

Tag:Comedy

Tag:Romcom

Tag: Dramaén én !

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

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.

2 DE GROTE

TAGSTEST

Tags in een testsite

Installeer Joomla 3.x

Startpunt: Joomla installeren

De nieuwste versie is 3.2.3 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. Dat doen we nu ook:

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

Tags maken: twee manieren

Manier 1: Componenten > Tags > Nieuw

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 Klik op invoerveld Tags en er verschijnt

een dropdownlijst Kies uit de beschikbare tags

Tags maken: tweede manier

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? Ga naar Tags > Opties 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=706&t=801925

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

blogpagina met tags:

Zo zien resultaatpagina’s eruit

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

Zo maak je de resultaatpagina aantrekkelijker

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

PAGINA’S

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

Zo ziet het resultaat eruit:

Resultaat van Populaire Tags Voorbeeld van een override: Popular

Tags in de template Purity III van Joomlart

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

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

Module Gelijksoortige tags

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

Module Gelijksoortige tags

Het resultaat op de site:

Tag-modules in de JED

Modules in de Joomla Extensions Directory Similar Tags With Introtext

and Images Dropdown Tags Fancy

TagCloud

7 TAGS:CONCLUSIE

Praktijkvoorbeeld

Uitgebreide toepassing van tags:Plantennamen.info

Praktijkvoorbeeld

Alle artikelen geordend met tags

Praktijkvoorbeeld Bezoeker kan klikken op kleuren of

plantenfamilies

Praktijkvoorbeeld Zoeken op kleur, stap 1

Praktijkvoorbeeld Zoeken op kleur, stap 2

Praktijkvoorbeeld Zoeken op kleur, stap 3

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

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

Ontdek wat je nog meer met Tags in Joomla kan …

Maak hoofd- en subtags

Lijkt op watwebwinkels doen

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

Experimenteer en enjoy!

VRAGEN?

Eric Tiggeler

Deze presentatie:

www.slideshare.net

www.joomla.erictiggeler.nl