De	
  kracht	
  en	
  schoonheid	
  van	
  template	
  overrides

                                 Sander	
  Potjer



 Sa...
Wat	
  zijn	
  Joomla!	
  template	
  overrides?



Joomla!	
  template	
  overrides	
  zijn	
  een	
  krach=ge	
  mogelij...
Beez	
  als	
  voorbeeld
Beez	
  zonder	
  overrides                Beez	
  met	
  overrides
Waarom	
  gebruiken?
•	
  Niet	
  tevreden	
  met	
  standaard	
  output	
  van	
  Joomla	
  &	
  extensies
•	
  Tabellen	...
Wanneer	
  te	
  gebruiken?
•	
  Bij	
  MVC	
  component
•	
  Bij	
  MVC	
  module
•	
  MVC	
  staat	
  voor
      ‣	
  M	...
View	
  nader	
  bekeken
•	
  Componenten	
  en	
  modules	
  tonen	
  informa<e	
  via	
  een	
  “view”
•	
  Module	
  ke...
View	
  nader	
  bekeken
Een	
  “view”	
  van	
  een	
  component	
  kan	
  meerdere	
  “templates”	
  
beva$en,	
  bijv	
...
Hoe	
  maak	
  je	
  een	
  override	
  (in	
  beeld)?
Hoe	
  maak	
  je	
  een	
  override	
  (in	
  tekst)?
Maak	
  van	
  template	
  blog_item.php	
  in	
  de	
  sec<on	
  v...
En	
  hoe	
  voor	
  een	
  module?
Maak	
  van	
  mod_newsflash	
  voor	
  de	
  default	
  view	
  een	
  override:

    ...
Wanneer	
  gebruikt	
  Joomla!	
  de	
  overrides?
if	
  (	
  com_<naam>	
  map	
  bestaat	
  in	
  templates/<naam>/html	...
Genoeg	
  theorie,	
  nu	
  de	
  prak=jk!
Joomla!	
  output	
  verlossen	
  van	
  tabellen
Een	
  goede	
  standaard	
  override	
  set	
  is	
  van	
  Yootheme,	
...
BuHons	
  verplaatsen	
  van	
  item	
  in	
  categorie	
  blog
templates/<naam>/html/com_content/category/blog_item.php
www.louisvangaal.nl	
  zonder	
  en	
  met	
  overrides
Tonen	
  van	
  icoon	
  voor	
  elke	
  categorie

in	
  de	
  override:


in	
  het	
  css	
  bestand:
Override	
  van	
  de	
  pagina=e
Broncode	
  normaal                                                            Broncode	...
Gebruik	
  van	
  “pagina	
  class	
  achtervoegsel”
Opgeven	
  van	
  class	
  achtervoegsel	
  in	
  menuitem      Achte...
Gebruik	
  van	
  PHP	
  voor	
  inkorten	
  introtekst
templates/<naam>/html/com_content/category/blog_item.php
Gebruik	
  van	
  PHP	
  voor	
  eenmalig	
  tonen	
  datum
templates/<naam>/html/com_content/sec<on/blog_item.php
Wees	
  crea=ef,	
  ga	
  los	
  met	
  overrides!
Vergeet	
  niet...
•	
  Updates	
  in	
  de	
  gaten	
  houden	
  voor	
  zowel	
  extensies	
  als	
  core!
•	
  Veilighe...
Handige	
  links	
  voor	
  meer	
  info
h$p://www.joomlacommunity.eu/nieuws/joomla-­‐algemeen/381-­‐tutorial-­‐maak-­‐je-...
Template overrides - Joomladagen 2010 #jd10nl
Upcoming SlideShare
Loading in...5
×

Template overrides - Joomladagen 2010 #jd10nl

2,911

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
2,911
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
47
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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×