Your SlideShare is downloading. ×
  • Like
Template overrides - Joomladagen 2010 #jd10nl
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Template overrides - Joomladagen 2010 #jd10nl

  • 2,760 views
Published

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

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

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
2,760
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
43
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. De  kracht  en  schoonheid  van  template  overrides Sander  Potjer Sander  Potjer  Webdesign twi$er:  @sanderpotjer web:  www.sanderpotjer.nl
  • 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. Beez  als  voorbeeld Beez  zonder  overrides Beez  met  overrides
  • 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. 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. 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. 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. Hoe  maak  je  een  override  (in  beeld)?
  • 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. 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. 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. Genoeg  theorie,  nu  de  prak=jk!
  • 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. BuHons  verplaatsen  van  item  in  categorie  blog templates/<naam>/html/com_content/category/blog_item.php
  • 15. www.louisvangaal.nl  zonder  en  met  overrides
  • 16. Tonen  van  icoon  voor  elke  categorie in  de  override: in  het  css  bestand:
  • 17. Override  van  de  pagina=e Broncode  normaal Broncode  met  override Met  hulp  van  override  bestand  pagina<on.php  in  de  html  map
  • 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. Gebruik  van  PHP  voor  inkorten  introtekst templates/<naam>/html/com_content/category/blog_item.php
  • 20. Gebruik  van  PHP  voor  eenmalig  tonen  datum templates/<naam>/html/com_content/sec<on/blog_item.php
  • 21. Wees  crea=ef,  ga  los  met  overrides!
  • 22. Vergeet  niet... •  Updates  in  de  gaten  houden  voor  zowel  extensies  als  core! •  Veiligheidsverbeteringen  door  te  voeren  in  overrides
  • 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