SlideShare a Scribd company logo
1 of 88
Download to read offline
ERIC TIGGELER | JOOMLA!DAGEN 2014
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 toewijzen
4. Wat ziet de bezoeker?
5. Menulinks naar tagpagina’s
6. Modules voor tags
7. 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 TAGS
MAKEN 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
componentscom_contentviewscategorytmpl
 Meer uitleg over de ontbrekende code:
 http://forum.joomla.org/viewtopic.php?f=706&t=80192
5
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
MENULINKS
NAAR 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 tonen
met combinaties van tags:
bijvoorbeeld Vegetarisch + Pasta
Tags combineren in 1 lijst
 ‘Vegetarisch’ + ‘Pasta’ =
6 MODULES
VOOR
TAGS
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 wat
webwinkels 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

More Related Content

What's hot

Wordpress Hoe Doe Je Dat Nou
Wordpress Hoe Doe Je Dat NouWordpress Hoe Doe Je Dat Nou
Wordpress Hoe Doe Je Dat NouJW Alphenaar
 
Joomla 3.0
Joomla 3.0Joomla 3.0
Joomla 3.0bparthoe
 
Joomladagen 2019 joomla basis seo
Joomladagen 2019 joomla basis seoJoomladagen 2019 joomla basis seo
Joomladagen 2019 joomla basis seoSimon Kloostra
 
Les 2 Inct. Training WordPress
Les 2 Inct. Training WordPressLes 2 Inct. Training WordPress
Les 2 Inct. Training WordPressPeter Luit
 
1.2 html css basis 1
1.2 html css basis 11.2 html css basis 1
1.2 html css basis 1mvanginkel
 
Bouw je eerste eigen Joomla! template
Bouw je eerste eigen Joomla! templateBouw je eerste eigen Joomla! template
Bouw je eerste eigen Joomla! templateRachel Walraven
 
1.7 terugblik module 1
1.7 terugblik module 11.7 terugblik module 1
1.7 terugblik module 1mvanginkel
 
Wat is nieuw in joomla 2.5 - update bij basiscursus joomla en tips en tools ...
Wat is nieuw in joomla 2.5 -  update bij basiscursus joomla en tips en tools ...Wat is nieuw in joomla 2.5 -  update bij basiscursus joomla en tips en tools ...
Wat is nieuw in joomla 2.5 - update bij basiscursus joomla en tips en tools ...Eric Tiggeler
 
Versimpel beheer met Joomla modules
Versimpel beheer met Joomla modulesVersimpel beheer met Joomla modules
Versimpel beheer met Joomla modulesEmiel Kwakkel
 
Online usability - les 2 introductie WordPress
Online usability - les 2 introductie WordPressOnline usability - les 2 introductie WordPress
Online usability - les 2 introductie WordPressPeter Luit
 
JD19NL - Joomla Template Overrides, Alternate Layouts en JLayouts
JD19NL - Joomla Template Overrides, Alternate Layouts en JLayoutsJD19NL - Joomla Template Overrides, Alternate Layouts en JLayouts
JD19NL - Joomla Template Overrides, Alternate Layouts en JLayoutsHans Kuijpers
 
Your Social Facebook timeline voor merken
Your Social Facebook timeline voor merkenYour Social Facebook timeline voor merken
Your Social Facebook timeline voor merkenYour Social
 
JCE editor optimaliseren (Joomla Den Bosc­h 2016)
JCE editor optimaliseren (Joomla Den Bosc­h 2016)JCE editor optimaliseren (Joomla Den Bosc­h 2016)
JCE editor optimaliseren (Joomla Den Bosc­h 2016)Peter Martin
 

What's hot (15)

Wordpress Hoe Doe Je Dat Nou
Wordpress Hoe Doe Je Dat NouWordpress Hoe Doe Je Dat Nou
Wordpress Hoe Doe Je Dat Nou
 
Joomla 3.0
Joomla 3.0Joomla 3.0
Joomla 3.0
 
Joomladagen 2019 joomla basis seo
Joomladagen 2019 joomla basis seoJoomladagen 2019 joomla basis seo
Joomladagen 2019 joomla basis seo
 
Les 2 Inct. Training WordPress
Les 2 Inct. Training WordPressLes 2 Inct. Training WordPress
Les 2 Inct. Training WordPress
 
1.2 html css basis 1
1.2 html css basis 11.2 html css basis 1
1.2 html css basis 1
 
Bouw je eerste eigen Joomla! template
Bouw je eerste eigen Joomla! templateBouw je eerste eigen Joomla! template
Bouw je eerste eigen Joomla! template
 
1.7 terugblik module 1
1.7 terugblik module 11.7 terugblik module 1
1.7 terugblik module 1
 
Safari versie 7.0
Safari  versie 7.0Safari  versie 7.0
Safari versie 7.0
 
Seo social media
Seo social mediaSeo social media
Seo social media
 
Wat is nieuw in joomla 2.5 - update bij basiscursus joomla en tips en tools ...
Wat is nieuw in joomla 2.5 -  update bij basiscursus joomla en tips en tools ...Wat is nieuw in joomla 2.5 -  update bij basiscursus joomla en tips en tools ...
Wat is nieuw in joomla 2.5 - update bij basiscursus joomla en tips en tools ...
 
Versimpel beheer met Joomla modules
Versimpel beheer met Joomla modulesVersimpel beheer met Joomla modules
Versimpel beheer met Joomla modules
 
Online usability - les 2 introductie WordPress
Online usability - les 2 introductie WordPressOnline usability - les 2 introductie WordPress
Online usability - les 2 introductie WordPress
 
JD19NL - Joomla Template Overrides, Alternate Layouts en JLayouts
JD19NL - Joomla Template Overrides, Alternate Layouts en JLayoutsJD19NL - Joomla Template Overrides, Alternate Layouts en JLayouts
JD19NL - Joomla Template Overrides, Alternate Layouts en JLayouts
 
Your Social Facebook timeline voor merken
Your Social Facebook timeline voor merkenYour Social Facebook timeline voor merken
Your Social Facebook timeline voor merken
 
JCE editor optimaliseren (Joomla Den Bosc­h 2016)
JCE editor optimaliseren (Joomla Den Bosc­h 2016)JCE editor optimaliseren (Joomla Den Bosc­h 2016)
JCE editor optimaliseren (Joomla Den Bosc­h 2016)
 

Viewers also liked

Tags in joomla 3.1 (ENGLISH version) Eric Tiggeler
Tags in joomla 3.1 (ENGLISH version) Eric TiggelerTags in joomla 3.1 (ENGLISH version) Eric Tiggeler
Tags in joomla 3.1 (ENGLISH version) Eric TiggelerEric Tiggeler
 
Struktur dan kaidah teks ulasan film/drama
Struktur dan kaidah teks ulasan film/dramaStruktur dan kaidah teks ulasan film/drama
Struktur dan kaidah teks ulasan film/dramaAndi Mauliana
 
Wis5 welding defects 02
Wis5 welding defects 02Wis5 welding defects 02
Wis5 welding defects 02Thang Do Minh
 
Ut P5 (Product Tech.)
Ut P5 (Product Tech.)Ut P5 (Product Tech.)
Ut P5 (Product Tech.)rajrkamal
 
Sma smk-bahasa-indonesia-revisi
Sma smk-bahasa-indonesia-revisiSma smk-bahasa-indonesia-revisi
Sma smk-bahasa-indonesia-revisiSyaifudin Hri
 

Viewers also liked (6)

Tags in joomla 3.1 (ENGLISH version) Eric Tiggeler
Tags in joomla 3.1 (ENGLISH version) Eric TiggelerTags in joomla 3.1 (ENGLISH version) Eric Tiggeler
Tags in joomla 3.1 (ENGLISH version) Eric Tiggeler
 
Struktur dan kaidah teks ulasan film/drama
Struktur dan kaidah teks ulasan film/dramaStruktur dan kaidah teks ulasan film/drama
Struktur dan kaidah teks ulasan film/drama
 
Wis5 welding defects 02
Wis5 welding defects 02Wis5 welding defects 02
Wis5 welding defects 02
 
Ut P5 (Product Tech.)
Ut P5 (Product Tech.)Ut P5 (Product Tech.)
Ut P5 (Product Tech.)
 
0 twi introduction
0  twi introduction0  twi introduction
0 twi introduction
 
Sma smk-bahasa-indonesia-revisi
Sma smk-bahasa-indonesia-revisiSma smk-bahasa-indonesia-revisi
Sma smk-bahasa-indonesia-revisi
 

Similar to Tags in Joomla 3.2 +

Daarom Joomla! - Makkelijk content publiceren
Daarom Joomla! - Makkelijk content publicerenDaarom Joomla! - Makkelijk content publiceren
Daarom Joomla! - Makkelijk content publicerenSander Potjer
 
Les 3 Inct. Training WordPress
Les 3 Inct. Training WordPressLes 3 Inct. Training WordPress
Les 3 Inct. Training WordPressPeter Luit
 
Google search-engine-optimization-starter-guide-nl
Google search-engine-optimization-starter-guide-nlGoogle search-engine-optimization-starter-guide-nl
Google search-engine-optimization-starter-guide-nlConnexys
 
The power of joomla!
The power of joomla!The power of joomla!
The power of joomla!Rick Spaan
 
The power of joomla!
The power of joomla!The power of joomla!
The power of joomla!Rick Spaan
 
How to start a blog | Meet the blogger Masterclass 05 Feb 2015
How to start a blog | Meet the blogger Masterclass 05 Feb 2015How to start a blog | Meet the blogger Masterclass 05 Feb 2015
How to start a blog | Meet the blogger Masterclass 05 Feb 2015Elja Daae
 
Maak je eigen weblog!
Maak je eigen weblog!Maak je eigen weblog!
Maak je eigen weblog!saMBO-ICT
 
Joomla 3.4 - Wat is er nieuw? & Tijdlijn
Joomla 3.4 - Wat is er nieuw? & TijdlijnJoomla 3.4 - Wat is er nieuw? & Tijdlijn
Joomla 3.4 - Wat is er nieuw? & TijdlijnSander Potjer
 
Upgrade Bb9 Ku Leuven 3 Users Interface
Upgrade Bb9 Ku Leuven 3 Users InterfaceUpgrade Bb9 Ku Leuven 3 Users Interface
Upgrade Bb9 Ku Leuven 3 Users InterfaceJan De Baere
 
Qreativ cms kennismaking
Qreativ cms kennismakingQreativ cms kennismaking
Qreativ cms kennismakingQreativ BV
 
Smartsite iXperion Redactiebasistraining
Smartsite iXperion RedactiebasistrainingSmartsite iXperion Redactiebasistraining
Smartsite iXperion RedactiebasistrainingOmegaJunior.Net
 
Navorming ict ondersteund leren coltd
Navorming ict ondersteund leren coltdNavorming ict ondersteund leren coltd
Navorming ict ondersteund leren coltdArtevelde - VUB
 
Deep dive Google Analytics (The Talent Institute, juni 2017)
Deep dive Google Analytics (The Talent Institute, juni 2017)Deep dive Google Analytics (The Talent Institute, juni 2017)
Deep dive Google Analytics (The Talent Institute, juni 2017)Online Boswachters
 

Similar to Tags in Joomla 3.2 + (20)

Daarom Joomla! - Makkelijk content publiceren
Daarom Joomla! - Makkelijk content publicerenDaarom Joomla! - Makkelijk content publiceren
Daarom Joomla! - Makkelijk content publiceren
 
Joomla SEO voor JUG's
Joomla SEO voor JUG'sJoomla SEO voor JUG's
Joomla SEO voor JUG's
 
How to Flickr
How to FlickrHow to Flickr
How to Flickr
 
Blog ICT 2 TRMB
Blog ICT 2 TRMBBlog ICT 2 TRMB
Blog ICT 2 TRMB
 
Blogger vs Wordpress
Blogger vs WordpressBlogger vs Wordpress
Blogger vs Wordpress
 
PP Blog Ict 2 (1TRMB)
PP Blog Ict 2 (1TRMB)PP Blog Ict 2 (1TRMB)
PP Blog Ict 2 (1TRMB)
 
Les 3 Inct. Training WordPress
Les 3 Inct. Training WordPressLes 3 Inct. Training WordPress
Les 3 Inct. Training WordPress
 
Google search-engine-optimization-starter-guide-nl
Google search-engine-optimization-starter-guide-nlGoogle search-engine-optimization-starter-guide-nl
Google search-engine-optimization-starter-guide-nl
 
The power of joomla!
The power of joomla!The power of joomla!
The power of joomla!
 
The power of joomla!
The power of joomla!The power of joomla!
The power of joomla!
 
Joomla
JoomlaJoomla
Joomla
 
How to start a blog | Meet the blogger Masterclass 05 Feb 2015
How to start a blog | Meet the blogger Masterclass 05 Feb 2015How to start a blog | Meet the blogger Masterclass 05 Feb 2015
How to start a blog | Meet the blogger Masterclass 05 Feb 2015
 
Maak je eigen weblog!
Maak je eigen weblog!Maak je eigen weblog!
Maak je eigen weblog!
 
Joomla 3.4 - Wat is er nieuw? & Tijdlijn
Joomla 3.4 - Wat is er nieuw? & TijdlijnJoomla 3.4 - Wat is er nieuw? & Tijdlijn
Joomla 3.4 - Wat is er nieuw? & Tijdlijn
 
Upgrade Bb9 Ku Leuven 3 Users Interface
Upgrade Bb9 Ku Leuven 3 Users InterfaceUpgrade Bb9 Ku Leuven 3 Users Interface
Upgrade Bb9 Ku Leuven 3 Users Interface
 
Qreativ cms kennismaking
Qreativ cms kennismakingQreativ cms kennismaking
Qreativ cms kennismaking
 
Smartsite iXperion Redactiebasistraining
Smartsite iXperion RedactiebasistrainingSmartsite iXperion Redactiebasistraining
Smartsite iXperion Redactiebasistraining
 
Navorming ict ondersteund leren coltd
Navorming ict ondersteund leren coltdNavorming ict ondersteund leren coltd
Navorming ict ondersteund leren coltd
 
Deep dive Google Analytics (The Talent Institute, juni 2017)
Deep dive Google Analytics (The Talent Institute, juni 2017)Deep dive Google Analytics (The Talent Institute, juni 2017)
Deep dive Google Analytics (The Talent Institute, juni 2017)
 
DIMA MANAGER
DIMA MANAGERDIMA MANAGER
DIMA MANAGER
 

Tags in Joomla 3.2 +

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