Expert Sessie - Joomla! Usability

Gebruiksvriendelijkheid verhogen met template overrides

Sander Potjer - Perfect Web Team @sanderpotjer

#expertsessie

Expert Sessie - Joomla! Usability

Artikel toevoegen via frontend

Expert Sessie - Joomla! Usability

Artikel toevoegen

Expert Sessie - Joomla! Usability

Artikel toevoegen

Expert Sessie - Joomla! Usability

Artikel toevoegen

Expert Sessie - Joomla! Usability

Artikel toevoegen

Expert Sessie - Joomla! Usability

Artikel toevoegen

Expert Sessie - Joomla! Usability

Wat is een template override?

Expert Sessie - Joomla! Usability

Template Override

Joomla! template overrides zijn een krachtige mogelijkheid om de standaard Joomla! output

naar eigen wens aan te passen.

Expert Sessie - Joomla! Usability

Template Override

Joomla! template overrides zijn een krachtige mogelijkheid om de standaard Joomla! output

naar eigen wens aan te passen.

Zonder verlies van aanpassingen bij updates!

Expert Sessie - Joomla! Usability

Wanneer te gebruiken• Bij ‘MVC’ extensies

• MVC staat voor

• M = Model (bevat de applicatie logica)

• V = View (bevat de logica om een pagina op te bouwen)

• C = Controller (schakel tussen het Model en de View)

• Wij bevinden ons in het ‘view’ gedeelte

Expert Sessie - Joomla! Usability

‘View’ van com_content

Expert Sessie - Joomla! Usability

‘View’ van com_content

Expert Sessie - Joomla! Usability

‘View’ van com_content

Expert Sessie - Joomla! Usability

Maar… let op!• Updates in de gaten te houden voor zowel

extensies als Joomla core

• Veiligheidsverbeteringen door te voeren in overrides

Expert Sessie - Joomla! Usability

Template Override voor toevoegen

artikel via frontend

Expert Sessie - Joomla! Usability

Override via backend

Expert Sessie - Joomla! Usability

Override via backend

Expert Sessie - Joomla! Usability

Override via backend

Expert Sessie - Joomla! Usability

Override via filescore file

components/com_content/views/form/tmpl/edit.php

override file

templates/naam/html/com_content/form/edit.php

Expert Sessie - Joomla! Usability

Override via filescore file

components/com_content/views/form/tmpl/edit.php

override file

templates/naam/html/com_content/form/edit.php

Expert Sessie - Joomla! Usability

Override via filescore file

components/com_content/views/category/tmpl/blog_item.php

override file

templates/naam/html/com_content/category/blog_item.php

Expert Sessie - Joomla! Usability

Override via filescore file

modules/mod_login/tmpl/default.php

override file

templates/naam/html/mod_login/default.php

Expert Sessie - Joomla! Usability

Core Article Form

Expert Sessie - Joomla! Usability

Core Article Form

Expert Sessie - Joomla! Usability

Core Article Form

Expert Sessie - Joomla! Usability

Wel afbeeldingen, geen links

Expert Sessie - Joomla! Usability

Wel afbeeldingen, geen links

Expert Sessie - Joomla! Usability

Wel afbeeldingen, geen links

Expert Sessie - Joomla! Usability

Wel afbeeldingen, geen links

Expert Sessie - Joomla! Usability

Wel afbeeldingen, geen links

Expert Sessie - Joomla! Usability

Wel afbeeldingen, geen links

Expert Sessie - Joomla! Usability

Wel afbeeldingen, geen links

Expert Sessie - Joomla! Usability

Wel afbeeldingen, geen links

Expert Sessie - Joomla! Usability

Wel afbeeldingen, geen links

Expert Sessie - Joomla! Usability

Wel afbeeldingen, geen links

Expert Sessie - Joomla! Usability

Artikelen toevoegen, maar dan simpel

Expert Sessie - Joomla! Usability

Het resultaat

Expert Sessie - Joomla! Usability

Override Article Form

Expert Sessie - Joomla! Usability

Override Article Form

Expert Sessie - Joomla! Usability

Override Article Form

Expert Sessie - Joomla! Usability

Override Article Form

Expert Sessie - Joomla! Usability

Override Article Form

Expert Sessie - Joomla! Usability

Override Article Form

Expert Sessie - Joomla! Usability

Override Article Form

Expert Sessie - Joomla! Usability

Override Article Form

Expert Sessie - Joomla! Usability

Override Article Form

Expert Sessie - Joomla! Usability

Override Article Form

Expert Sessie - Joomla! Usability

Override Article Form

Expert Sessie - Joomla! Usability

Override Article Form

Expert Sessie - Joomla! Usability

Categorie selectie toevoegen

Expert Sessie - Joomla! Usability

Categorie keuze

Expert Sessie - Joomla! Usability

Categorie keuze

Expert Sessie - Joomla! Usability

Categorie keuze

Expert Sessie - Joomla! Usability

Categorie keuze

Expert Sessie - Joomla! Usability

Categorie keuze

Expert Sessie - Joomla! Usability

Categorie keuze

Expert Sessie - Joomla! Usability

Override log-uit button

Expert Sessie - Joomla! Usability

Override log-uit button

Expert Sessie - Joomla! Usability

Override log-uit buttoncore file

components/com_users/views/login/tmpl/default_logout.php

override file

templates/naam/html/com_users/login/default_logout.php

Expert Sessie - Joomla! Usability

Override log-uit button

Expert Sessie - Joomla! Usability

Backend overrides?

Expert Sessie - Joomla! Usability

Usability test na aanpassingen

Expert Sessie - Joomla! Usability

Usability test• Standaard Joomla installatie blog voorbeelddata

• Login op de website

• Plaats een artikel op de homepage

• titel

• tekst

• afbeelding (strand.jpg)

• tag (lagotto)

• Log uit van de website

Expert Sessie - Joomla! Usability

2 x versneld

Expert Sessie - Joomla! Usability

1:29