Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Gebruiksvriendelijkheid 
verhogen met template overrides 
Sander Potjer - Perfect Web Team 
@sanderpotjer 
#expertsessie 
...
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 ...
Template Override 
Joomla! template overrides zijn een krachtige 
mogelijkheid om de standaard Joomla! output 
naar eigen ...
Wanneer te gebruiken 
• Bij ‘MVC’ extensies 
Expert Sessie - Joomla! Usability 
• MVC staat voor 
• M = Model (bevat de ap...
‘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 v...
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 files 
core file 
components/com_content/views/form/tmpl/edit.php 
override file 
templates/naam/html/com_con...
Override via files 
core file 
components/com_content/views/form/tmpl/edit.php 
override file 
templates/naam/html/com_con...
Override via files 
core file 
components/com_content/views/category/tmpl/blog_item.php 
override file 
templates/naam/htm...
Override via files 
core file 
modules/mod_login/tmpl/default.php 
override file 
templates/naam/html/mod_login/default.ph...
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 button 
core file 
components/com_users/views/login/tmpl/default_logout.php 
override file 
templates/naa...
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 homep...
2 x versneld 
Expert Sessie - Joomla! Usability
1:29 
Expert Sessie - Joomla! Usability
Upcoming SlideShare
Loading in …5
×

Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

1,596 views

Published on

Door Joomla goed in te richten en de mogelijkheden optimaal te benutten kan je Joomla al een stuk gebruiksvriendelijker maken. Sander Potjer laat in deze presentatie zien hoe je het maximale uit Joomla haalt op het gebied van usability.

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

  1. 1. Gebruiksvriendelijkheid verhogen met template overrides Sander Potjer - Perfect Web Team @sanderpotjer #expertsessie Expert Sessie - Joomla! Usability
  2. 2. Artikel toevoegen via frontend Expert Sessie - Joomla! Usability
  3. 3. Artikel toevoegen Expert Sessie - Joomla! Usability
  4. 4. Artikel toevoegen Expert Sessie - Joomla! Usability
  5. 5. Artikel toevoegen Expert Sessie - Joomla! Usability
  6. 6. Artikel toevoegen Expert Sessie - Joomla! Usability
  7. 7. Artikel toevoegen Expert Sessie - Joomla! Usability
  8. 8. Wat is een template override? Expert Sessie - Joomla! Usability
  9. 9. Template Override Joomla! template overrides zijn een krachtige mogelijkheid om de standaard Joomla! output naar eigen wens aan te passen. Expert Sessie - Joomla! Usability
  10. 10. 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
  11. 11. Wanneer te gebruiken • Bij ‘MVC’ extensies Expert Sessie - Joomla! Usability • 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
  12. 12. ‘View’ van com_content Expert Sessie - Joomla! Usability
  13. 13. ‘View’ van com_content Expert Sessie - Joomla! Usability
  14. 14. ‘View’ van com_content Expert Sessie - Joomla! Usability
  15. 15. 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
  16. 16. Template Override voor toevoegen artikel via frontend Expert Sessie - Joomla! Usability
  17. 17. Override via backend Expert Sessie - Joomla! Usability
  18. 18. Override via backend Expert Sessie - Joomla! Usability
  19. 19. Override via backend Expert Sessie - Joomla! Usability
  20. 20. Override via files core file components/com_content/views/form/tmpl/edit.php override file templates/naam/html/com_content/form/edit.php Expert Sessie - Joomla! Usability
  21. 21. Override via files core file components/com_content/views/form/tmpl/edit.php override file templates/naam/html/com_content/form/edit.php Expert Sessie - Joomla! Usability
  22. 22. Override via files core 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
  23. 23. Override via files core file modules/mod_login/tmpl/default.php override file templates/naam/html/mod_login/default.php Expert Sessie - Joomla! Usability
  24. 24. Core Article Form Expert Sessie - Joomla! Usability
  25. 25. Core Article Form Expert Sessie - Joomla! Usability
  26. 26. Core Article Form Expert Sessie - Joomla! Usability
  27. 27. Wel afbeeldingen, geen links Expert Sessie - Joomla! Usability
  28. 28. Wel afbeeldingen, geen links Expert Sessie - Joomla! Usability
  29. 29. Wel afbeeldingen, geen links Expert Sessie - Joomla! Usability
  30. 30. Wel afbeeldingen, geen links Expert Sessie - Joomla! Usability
  31. 31. Wel afbeeldingen, geen links Expert Sessie - Joomla! Usability
  32. 32. Wel afbeeldingen, geen links Expert Sessie - Joomla! Usability
  33. 33. Wel afbeeldingen, geen links Expert Sessie - Joomla! Usability
  34. 34. Wel afbeeldingen, geen links Expert Sessie - Joomla! Usability
  35. 35. Wel afbeeldingen, geen links Expert Sessie - Joomla! Usability
  36. 36. Wel afbeeldingen, geen links Expert Sessie - Joomla! Usability
  37. 37. Artikelen toevoegen, maar dan simpel Expert Sessie - Joomla! Usability
  38. 38. Het resultaat Expert Sessie - Joomla! Usability
  39. 39. Override Article Form Expert Sessie - Joomla! Usability
  40. 40. Override Article Form Expert Sessie - Joomla! Usability
  41. 41. Override Article Form Expert Sessie - Joomla! Usability
  42. 42. Override Article Form Expert Sessie - Joomla! Usability
  43. 43. Override Article Form Expert Sessie - Joomla! Usability
  44. 44. Override Article Form Expert Sessie - Joomla! Usability
  45. 45. Override Article Form Expert Sessie - Joomla! Usability
  46. 46. Override Article Form Expert Sessie - Joomla! Usability
  47. 47. Override Article Form Expert Sessie - Joomla! Usability
  48. 48. Override Article Form Expert Sessie - Joomla! Usability
  49. 49. Override Article Form Expert Sessie - Joomla! Usability
  50. 50. Override Article Form Expert Sessie - Joomla! Usability
  51. 51. Categorie selectie toevoegen Expert Sessie - Joomla! Usability
  52. 52. Categorie keuze Expert Sessie - Joomla! Usability
  53. 53. Categorie keuze Expert Sessie - Joomla! Usability
  54. 54. Categorie keuze Expert Sessie - Joomla! Usability
  55. 55. Categorie keuze Expert Sessie - Joomla! Usability
  56. 56. Categorie keuze Expert Sessie - Joomla! Usability
  57. 57. Categorie keuze Expert Sessie - Joomla! Usability
  58. 58. Override log-uit button Expert Sessie - Joomla! Usability
  59. 59. Override log-uit button Expert Sessie - Joomla! Usability
  60. 60. Override log-uit button core 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
  61. 61. Override log-uit button Expert Sessie - Joomla! Usability
  62. 62. Backend overrides? Expert Sessie - Joomla! Usability
  63. 63. Usability test na aanpassingen Expert Sessie - Joomla! Usability
  64. 64. Usability test • Standaard Joomla installatie blog voorbeelddata • Login op de website • Plaats een artikel op de homepage Expert Sessie - Joomla! Usability • titel • tekst • afbeelding (strand.jpg) • tag (lagotto) • Log uit van de website
  65. 65. 2 x versneld Expert Sessie - Joomla! Usability
  66. 66. 1:29 Expert Sessie - Joomla! Usability

×