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.

1. Gebruiksvriendelijkheid
verhogen met template overrides
Sander Potjer - Perfect Web Team
@sanderpotjer
#expertsessie
Expert Sessie - Joomla! Usability

2. Artikel toevoegen
via frontend
Expert Sessie - Joomla! Usability

3. Artikel toevoegen
Expert Sessie - Joomla! Usability

4. Artikel toevoegen
Expert Sessie - Joomla! Usability

5. Artikel toevoegen
Expert Sessie - Joomla! Usability

6. Artikel toevoegen
Expert Sessie - Joomla! Usability

7. Artikel toevoegen
Expert Sessie - Joomla! Usability

8. Wat is een
template override?
Expert Sessie - Joomla! Usability

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. 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. 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. ‘View’ van com_content
Expert Sessie - Joomla! Usability

13. ‘View’ van com_content
Expert Sessie - Joomla! Usability

14. ‘View’ van com_content
Expert Sessie - Joomla! Usability

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. Template Override
voor toevoegen
artikel via frontend
Expert Sessie - Joomla! Usability

17. Override via backend
Expert Sessie - Joomla! Usability

18. Override via backend
Expert Sessie - Joomla! Usability

19. Override via backend
Expert Sessie - Joomla! Usability

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. 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. 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. 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. Core Article Form
Expert Sessie - Joomla! Usability

25. Core Article Form
Expert Sessie - Joomla! Usability

26. Core Article Form
Expert Sessie - Joomla! Usability

27. Wel afbeeldingen, geen links
Expert Sessie - Joomla! Usability

28. Wel afbeeldingen, geen links
Expert Sessie - Joomla! Usability

29. Wel afbeeldingen, geen links
Expert Sessie - Joomla! Usability

30. Wel afbeeldingen, geen links
Expert Sessie - Joomla! Usability

31. Wel afbeeldingen, geen links
Expert Sessie - Joomla! Usability

32. Wel afbeeldingen, geen links
Expert Sessie - Joomla! Usability

33. Wel afbeeldingen, geen links
Expert Sessie - Joomla! Usability

34. Wel afbeeldingen, geen links
Expert Sessie - Joomla! Usability

35. Wel afbeeldingen, geen links
Expert Sessie - Joomla! Usability

36. Wel afbeeldingen, geen links
Expert Sessie - Joomla! Usability

37. Artikelen toevoegen,
maar dan simpel
Expert Sessie - Joomla! Usability

38. Het resultaat
Expert Sessie - Joomla! Usability

39. Override Article Form
Expert Sessie - Joomla! Usability

40. Override Article Form
Expert Sessie - Joomla! Usability

41. Override Article Form
Expert Sessie - Joomla! Usability

42. Override Article Form
Expert Sessie - Joomla! Usability

43. Override Article Form
Expert Sessie - Joomla! Usability

44. Override Article Form
Expert Sessie - Joomla! Usability

45. Override Article Form
Expert Sessie - Joomla! Usability

46. Override Article Form
Expert Sessie - Joomla! Usability

47. Override Article Form
Expert Sessie - Joomla! Usability

48. Override Article Form
Expert Sessie - Joomla! Usability

49. Override Article Form
Expert Sessie - Joomla! Usability

50. Override Article Form
Expert Sessie - Joomla! Usability

51. Categorie selectie
toevoegen
Expert Sessie - Joomla! Usability

52. Categorie keuze
Expert Sessie - Joomla! Usability

53. Categorie keuze
Expert Sessie - Joomla! Usability

54. Categorie keuze
Expert Sessie - Joomla! Usability

55. Categorie keuze
Expert Sessie - Joomla! Usability

56. Categorie keuze
Expert Sessie - Joomla! Usability

57. Categorie keuze
Expert Sessie - Joomla! Usability

58. Override log-uit button
Expert Sessie - Joomla! Usability

59. Override log-uit button
Expert Sessie - Joomla! Usability

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. Override log-uit button
Expert Sessie - Joomla! Usability

62. Backend overrides?
Expert Sessie - Joomla! Usability

63. Usability test
na aanpassingen
Expert Sessie - Joomla! Usability

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. 2 x versneld
Expert Sessie - Joomla! Usability

66. 1:29
Expert Sessie - Joomla! Usability