Tuesday 26 June 12
Integrating Websites                         with PhoenixTuesday 26 June 12
Christian Müller                                             TYPO3 Freelancer                                             ...
Phoenix?                     • Next generation Content Management                       System from the TYPO3 community   ...
DEMO ☛Tuesday 26 June 12
Content ModelTuesday 26 June 12
typo3.org                           en_EN              en_EN                       en_EN                     homepage     ...
Organise template                           data?Tuesday 26 June 12
Current TYPO3                     • missing a clean structure for templates                     • fileadmin in TYPO3 mixes ...
Site Package!Tuesday 26 June 12
FLOW3 Package                     • defined folder structure                     • easily versioned                     • o...
Site Package Contents                     • Templates                     • StyleSheets                     • Images      ...
Folder structureTuesday 26 June 12
Fluid Templates                     • as used by extbase                     • contain your page layout                   ...
Sites.xml                     • Contains Page and Content Structure                       (Nodes)                     • At...
TypoScript                     • Convention over Configuration                     • no TypoScript in database             ...
TypoScript 2                       Quick IntroductionTuesday 26 June 12
Page  TypoScript  page = TYPO3.TYPO3:Page  page.body.templatePath = resource://My.Site/Private/ ↵  Templates/Page/Default....
Content  TypoScript  page.body.sections.main = TYPO3.TYPO3:Section  page.body.sections.main.nodePath = main  HTML  <f:sect...
Menu  TypoScript  page.body.parts {     menu = TYPO3.TYPO3:MenuRenderer  }  HTML  <f:section name="body">  <ts:renderTypoS...
Tuesday 26 June 12
Getting Phoenix            git clone git://git.typo3.org/TYPO3v5/↵            Distributions/Base.git Phoenix            cd...
Upcoming SlideShare
Loading in …5
×

[T3CON12CA] TYPO3 Phoenix Templating Workshop

776 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
776
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

[T3CON12CA] TYPO3 Phoenix Templating Workshop

  1. 1. Tuesday 26 June 12
  2. 2. Integrating Websites with PhoenixTuesday 26 June 12
  3. 3. Christian Müller TYPO3 Freelancer TYPO3 Phoenix and FLOW3 Core Team Member Book and Music Freak twitter: daskitsunet christian.mueller@typo3.orgTuesday 26 June 12
  4. 4. Phoenix? • Next generation Content Management System from the TYPO3 community • build on top of FLOW3 as framework • Content Repository approach • Aloha editor • alpha, estimated arrival later this yearTuesday 26 June 12
  5. 5. DEMO ☛Tuesday 26 June 12
  6. 6. Content ModelTuesday 26 June 12
  7. 7. typo3.org en_EN en_EN en_EN homepage section:main maincontent Lorem ipsum dolor sit amet en_EN en_EN section:side sidecontent Lorem ipsum dolor sit amet de_DE de_DE section:side sidecontent Lorem ipsum dolor sit ametTuesday 26 June 12
  8. 8. Organise template data?Tuesday 26 June 12
  9. 9. Current TYPO3 • missing a clean structure for templates • fileadmin in TYPO3 mixes templates and user data • no defined folder structure • TypoScript in files and/or databaseTuesday 26 June 12
  10. 10. Site Package!Tuesday 26 June 12
  11. 11. FLOW3 Package • defined folder structure • easily versioned • outside web root • easy for everyone knowing FLOW3Tuesday 26 June 12
  12. 12. Site Package Contents • Templates • StyleSheets • Images • JavaScript • TypoScript • (Configuration)Tuesday 26 June 12
  13. 13. Folder structureTuesday 26 June 12
  14. 14. Fluid Templates • as used by extbase • contain your page layout • used by TypoScriptTuesday 26 June 12
  15. 15. Sites.xml • Contains Page and Content Structure (Nodes) • At the moment needed for initial setup of your node treeTuesday 26 June 12
  16. 16. TypoScript • Convention over Configuration • no TypoScript in database • Sub directories as in Node Hierarchy to add extension templatesTuesday 26 June 12
  17. 17. TypoScript 2 Quick IntroductionTuesday 26 June 12
  18. 18. Page TypoScript page = TYPO3.TYPO3:Page page.body.templatePath = resource://My.Site/Private/ ↵ Templates/Page/Default.html page.body.sectionName = body HTML <!DOCTYPE html> <html> ... <body> <f:section name="body"> </f:section> </body> </html>Tuesday 26 June 12
  19. 19. Content TypoScript page.body.sections.main = TYPO3.TYPO3:Section page.body.sections.main.nodePath = main HTML <f:section name="body"> <ts:renderTypoScript path="sections/main" /> </f:section>Tuesday 26 June 12
  20. 20. Menu TypoScript page.body.parts { menu = TYPO3.TYPO3:MenuRenderer } HTML <f:section name="body"> <ts:renderTypoScript path="parts/menu" /> </f:section>Tuesday 26 June 12
  21. 21. Tuesday 26 June 12
  22. 22. Getting Phoenix git clone git://git.typo3.org/TYPO3v5/↵ Distributions/Base.git Phoenix cd Phoenix/Packages/Application git clone git://git.typo3.org/FLOW3/Packages/↵ TYPO3.SiteKickstarter.git setup a virtual host pointing to “Web” directory, so apart from the repository much the same as installing FLOW3 from git or use the virtual machineTuesday 26 June 12

×