Template overrides - Joomladagen 2010 #jd10nl

3,263 views

Published on

De kracht en schoonheid van template overrides, gegeven tijdens de Joomladagen 2010

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,263
On SlideShare
0
From Embeds
0
Number of Embeds
28
Actions
Shares
0
Downloads
48
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Template overrides - Joomladagen 2010 #jd10nl

  1. 1. De  kracht  en  schoonheid  van  template  overrides Sander  Potjer Sander  Potjer  Webdesign twi$er:  @sanderpotjer web:  www.sanderpotjer.nl
  2. 2. Wat  zijn  Joomla!  template  overrides? Joomla!  template  overrides  zijn  een  krach=ge  mogelijkheid  om   de  standaard  Joomla!  output  naar  eigen  wens  aan  te  passen. “Plas<sche  chirurgie  voor  Joomla!”
  3. 3. Beez  als  voorbeeld Beez  zonder  overrides Beez  met  overrides
  4. 4. Waarom  gebruiken? •  Niet  tevreden  met  standaard  output  van  Joomla  &  extensies •  Tabellen  in  de  template  zijn  not  done!  (ja,  ook  in  J!  1.5...) •  Output  beïnvloeden  zonder  core  bestanden  aan  te  passen... •  ...  en  die  aanpassingen  te  verliezen  bij  upgraden •  Eigen  func<onaliteiten  toevoegen
  5. 5. Wanneer  te  gebruiken? •  Bij  MVC  component •  Bij  MVC  module •  MVC  staat  voor ‣  M  =  Model  (bevat  de  applica<e  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  van  het  MVC  model
  6. 6. View  nader  bekeken •  Componenten  en  modules  tonen  informa<e  via  een  “view” •  Module  kent  meestal  een  view •  Meeste  componenten  hebben  meerdere  views    bijv  com_content ‣  Archief   ‣  Ar<kel ‣  Categorie ‣  Voorpagina ‣  Sec<e
  7. 7. View  nader  bekeken Een  “view”  van  een  component  kan  meerdere  “templates”   beva$en,  bijv  view  categorie  van  com_content ‣  blog_item.php  (item  van  blogweergave) ‣  blog_links.php  (lijst  met  links  onder  blogweergave) ‣  blog.php  (blogweergave  van  items) ‣  blog.xml ‣  default_items.php  (item  van  lijst) ‣  default.php  (lijst  van  items) ‣  default.xml
  8. 8. Hoe  maak  je  een  override  (in  beeld)?
  9. 9. Hoe  maak  je  een  override  (in  tekst)? Maak  van  template  blog_item.php  in  de  sec<on  view  een   override: origineel components/com_content/views/sec<on/tmpl/blog_item.php kopiëren  naar templates/<naam>/html/com_content/sec<on/blog_item.php
  10. 10. En  hoe  voor  een  module? Maak  van  mod_newsflash  voor  de  default  view  een  override: origineel modules/mod_newsflash/tmpl/default.php kopiëren  naar templates/<naam>/html/mod_newsflash/default.php
  11. 11. Wanneer  gebruikt  Joomla!  de  overrides? if  (  com_<naam>  map  bestaat  in  templates/<naam>/html  ) { gebruik  de  override  bestanden  voor  de  output } else   { gebruik  de  standaard  view  bestanden  van  extensie }
  12. 12. Genoeg  theorie,  nu  de  prak=jk!
  13. 13. Joomla!  output  verlossen  van  tabellen Een  goede  standaard  override  set  is  van  Yootheme,  gra<s  te   downloaden  op:  h$p://bit.ly/overrides  
  14. 14. BuHons  verplaatsen  van  item  in  categorie  blog templates/<naam>/html/com_content/category/blog_item.php
  15. 15. www.louisvangaal.nl  zonder  en  met  overrides
  16. 16. Tonen  van  icoon  voor  elke  categorie in  de  override: in  het  css  bestand:
  17. 17. Override  van  de  pagina=e Broncode  normaal Broncode  met  override Met  hulp  van  override  bestand  pagina<on.php  in  de  html  map
  18. 18. Gebruik  van  “pagina  class  achtervoegsel” Opgeven  van  class  achtervoegsel  in  menuitem Achtervoegsel  oproepen  in  template Stylen  met  CSS Voordeel:  maar  één  template  nodig  ipv  10!  
  19. 19. Gebruik  van  PHP  voor  inkorten  introtekst templates/<naam>/html/com_content/category/blog_item.php
  20. 20. Gebruik  van  PHP  voor  eenmalig  tonen  datum templates/<naam>/html/com_content/sec<on/blog_item.php
  21. 21. Wees  crea=ef,  ga  los  met  overrides!
  22. 22. Vergeet  niet... •  Updates  in  de  gaten  houden  voor  zowel  extensies  als  core! •  Veiligheidsverbeteringen  door  te  voeren  in  overrides
  23. 23. Handige  links  voor  meer  info h$p://www.joomlacommunity.eu/nieuws/joomla-­‐algemeen/381-­‐tutorial-­‐maak-­‐je-­‐eigen-­‐ joomla-­‐template-­‐overrides.html h$p://www.yootheme.com/member-­‐area/downloads/item/templates-­‐15/template-­‐ overrides-­‐15 h$p://docs.joomla.org/MVC h$p://docs.joomla.org/Understanding_Output_Overrides h$p://docs.joomla.org/Category:Templates h$p://docs.joomla.org/Category:Overrides h$p://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core h$p://www.theartohoomla.com/topics/layout-­‐overrides.html

×