0
CMS & Typo3 <ul><ul><li>Module 3: The administration interface </li></ul></ul><ul><ul><li>    < [email_address] > </li></u...
CMS & Typo3: Module 3 The administration interface <ul><li>Session index: </li></ul><ul><ul><li>The extension system in Ty...
CMS & Typo3: Module 3 The administration interface <ul><li>1 . The extension system </li></ul><ul><ul><li>Typo3 allows its...
CMS & Typo3: Module 3 The administration interface <ul><li>Extensions can be from several types (or a combination of them)...
CMS & Typo3: Module 3 The administration interface <ul><li>To “Import extensions”. </li></ul><ul><ul><li>Import of new ext...
CMS & Typo3: Module 3 The administration interface <ul><li>Each extension knows  the modifications that has to do in the d...
CMS & Typo3: Module 3 The administration interface <ul><li>2. Modules and functions in Typo3 </li></ul><ul><ul><li>Powerfu...
CMS & Typo3: Module 3 The administration interface <ul><ul><li>The administration interface is divided into tree parts ( i...
CMS & Typo3: Module 3 The administration interface <ul><li>Common icons: </li></ul><ul><ul><li>New content or page: </li><...
CMS & Typo3: Module 3 The administration interface <ul><li>From  page  operation the strict content management is done: </...
CMS & Typo3: Module 3 The administration interface <ul><li>User management in Backend and Frontend </li></ul><ul><ul><li>T...
CMS & Typo3: Module 3 The administration interface <ul><li>From  List  operation all the registers of each page can be han...
CMS & Typo3: Module 3 The administration interface <ul><li>From  Access  function the ACL (Access Control Lists) can be ma...
CMS & Typo3: Module 3 The administration interface <ul><li>Module  Filelist  or access to  fileadmin  directory: </li></ul...
CMS & Typo3: Module 3 The administration interface <ul><li>Available functions in  admin tools  module: </li></ul><ul><ul>...
CMS & Typo3: Module 3 The administration interface <ul><li>3.  The template system Templavoilà </li></ul><ul><ul><li>Allow...
CMS & Typo3: Module 3 The administration interface <ul><li>Steps to integrate a new design </li></ul><ul><ul><li>Add the H...
CMS & Typo3: Module 3 The administration interface <ul><li>4. Typoscript configuration language </li></ul><ul><ul><li>Allo...
CMS & Typo3: Module 3 The administration interface <ul><ul><li>Typoscript for menu generation example: </li></ul></ul><ul>...
CMS & Typo3: Module 3 The administration interface <ul><ul><li>Typoscript basic example </li></ul></ul><ul><ul><ul><li>/* ...
CMS & Typo3: Module 3 The administration interface <ul><li>Typoscript usage for an specific tt_content load: </li></ul><ul...
CMS & Typo3: Module 3 The administration interface <ul><li>Frontend plugins </li></ul><ul><ul><li>The installation of new ...
CMS & Typo3: Module 3 The administration interface <ul><li>Frontend plugins and registers for  tt_news  extension </li></u...
CMS & Typo3: Module 3 The administration interface <ul><li>New extension creation with  kickstarter </li></ul><ul><ul><li>...
CMS & Typo3: Module 3 The administration interface <ul><ul><li>General info stored in  ext_emconf.php : </li></ul></ul><ul...
Upcoming SlideShare
Loading in...5
×

Typo3 Backend

5,062

Published on

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
5,062
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
43
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Typo3 Backend"

  1. 1. CMS & Typo3 <ul><ul><li>Module 3: The administration interface </li></ul></ul><ul><ul><li> < [email_address] > </li></ul></ul>
  2. 2. CMS & Typo3: Module 3 The administration interface <ul><li>Session index: </li></ul><ul><ul><li>The extension system in Typo3 </li></ul></ul><ul><ul><li>Modules and functions in Typo3 </li></ul></ul><ul><ul><li>The template system Templavoilà </li></ul></ul><ul><ul><li>Basic concepts of Typoscript language </li></ul></ul><ul><ul><li>Development of new extensions </li></ul></ul>
  3. 3. CMS & Typo3: Module 3 The administration interface <ul><li>1 . The extension system </li></ul><ul><ul><li>Typo3 allows its evolution and modification based on an extension system that provides a clean and high flexibility. </li></ul></ul><ul><ul><li>Extensions are specific developments that can keep dependences with other external or system extensions: </li></ul></ul><ul><ul><ul><li>For instance, an extension that implements LDAP queries and synchronization and another that provides LDAP user login using the other. </li></ul></ul></ul><ul><ul><ul><li>Categorization or taxonomy systems that depends on tt_news standard extension. </li></ul></ul></ul>
  4. 4. CMS & Typo3: Module 3 The administration interface <ul><li>Extensions can be from several types (or a combination of them) </li></ul><ul><ul><li>Backend extensions, Backend modules, Frontend modules, Frontend Plugins, Misc and services. </li></ul></ul><ul><li>They can be Imported, Installed, and Loaded. </li></ul>
  5. 5. CMS & Typo3: Module 3 The administration interface <ul><li>To “Import extensions”. </li></ul><ul><ul><li>Import of new extensions through the web interface with connectivity to the remote repository. </li></ul></ul><ul><ul><li>It is also possible by uploading the t3x Typo3 extension package from a local file. </li></ul></ul><ul><li>To install extensions you will select the imported extension, but pending of installation marked with the grey bullet. </li></ul>
  6. 6. CMS & Typo3: Module 3 The administration interface <ul><li>Each extension knows the modifications that has to do in the database, from the installation point of view, when installing, and when creating from the beginning. </li></ul><ul><li>They must have specified the variables to be configured to ask for them in the configuration </li></ul><ul><li>This extension settings can be modified after the installation accessing the module Tools > Admin extensions selecting the extension name. </li></ul>
  7. 7. CMS & Typo3: Module 3 The administration interface <ul><li>2. Modules and functions in Typo3 </li></ul><ul><ul><li>Powerful organization of stored contents in the Page Tree using the web module : </li></ul></ul><ul><ul><ul><li>Pages and page contents ( articles, plugins, ... ) </li></ul></ul></ul><ul><ul><ul><li>Orientation to page in the Information system structure.. </li></ul></ul></ul><ul><ul><ul><li>Specific functionalities of the Content Tree can </li></ul></ul></ul><ul><ul><li>Besides of visible content elements, other components are stored (configuration data, access control lists) </li></ul></ul><ul><ul><li>To recover information stored in extension registers, FE plugins are used. </li></ul></ul><ul><ul><li>PageTV module (templavoilà) is replacing the standard page </li></ul></ul>
  8. 8. CMS & Typo3: Module 3 The administration interface <ul><ul><li>The administration interface is divided into tree parts ( in its most typical skin ) : </li></ul></ul><ul><ul><ul><li>Left menu: show the main modules and its functions. </li></ul></ul></ul><ul><ul><ul><li>Page Tree or Filesystem structure for navigation in Web and Filelist modules. </li></ul></ul></ul><ul><ul><ul><li>Content area: space for each specific function. </li></ul></ul></ul><ul><ul><li>Once selected any function of the web module, the information displayed is related to the node in which we are in the content tree. </li></ul></ul><ul><ul><li>It is necessary to configure in user preferences User > Setup the extended visualization methods to be able to use all the configuration fields. </li></ul></ul>
  9. 9. CMS & Typo3: Module 3 The administration interface <ul><li>Common icons: </li></ul><ul><ul><li>New content or page: </li></ul></ul><ul><ul><li>Edit and edit properties: </li></ul></ul><ul><ul><li>Delete content or page: </li></ul></ul><ul><ul><li>Page: </li></ul></ul><ul><ul><li>Storage folder: </li></ul></ul><ul><ul><li>Preview content: </li></ul></ul><ul><ul><li>Save: </li></ul></ul><ul><ul><li>Save and close: </li></ul></ul><ul><ul><li>Close w/o save: </li></ul></ul>
  10. 10. CMS & Typo3: Module 3 The administration interface <ul><li>From page operation the strict content management is done: </li></ul><ul><ul><li>Creation, edition and deletion of pages. </li></ul></ul><ul><ul><li>Creation, edition and deletion of page contents. </li></ul></ul><ul><ul><li>It will be the most used function for editors. </li></ul></ul><ul><li>The module pageTV replaces and extends the behavior of page and adapts the page areas to the structure defined in the DS ( vs. the approach based on static columns of page module ) </li></ul>
  11. 11. CMS & Typo3: Module 3 The administration interface <ul><li>User management in Backend and Frontend </li></ul><ul><ul><li>Typo3 keeps a separate control of users and groups for access to BE and FE. </li></ul></ul><ul><ul><li>This has inconvenients for having a centralized access control to contents based on groups. </li></ul></ul><ul><ul><ul><li>Alternative based on extending the system to use the same groups in backend and frontend in a common LDAP directory ( ldap_gua , ldap_auth and ldap_sync extensions ) </li></ul></ul></ul><ul><ul><li>A single autentication system (CAS) for multiple environments single sign-on support : </li></ul></ul><ul><ul><ul><li>Installation of the Central Authentication </li></ul></ul></ul><ul><ul><ul><li>Extensións cas_login e cas_auth </li></ul></ul></ul>
  12. 12. CMS & Typo3: Module 3 The administration interface <ul><li>From List operation all the registers of each page can be handled: </li></ul><ul><ul><li>Configuration elements ( LDAP servers, domains, etc ) </li></ul></ul><ul><ul><li>Templates and Templavoilá objects </li></ul></ul><ul><ul><li>Users and groups </li></ul></ul><ul><ul><li>Extension registers to be shown in frontend by plugins ( tt_news, tt_news_records) </li></ul></ul>
  13. 13. CMS & Typo3: Module 3 The administration interface <ul><li>From Access function the ACL (Access Control Lists) can be managed: </li></ul><ul><ul><li>A ACL is a set of 5 elements that configures if a user group is allowed to: </li></ul></ul><ul><ul><ul><li>See the page </li></ul></ul></ul><ul><ul><ul><li>Create subpages </li></ul></ul></ul><ul><ul><ul><li>Create page contents </li></ul></ul></ul><ul><ul><ul><li>Edit page contents </li></ul></ul></ul><ul><ul><ul><li>Delete the page </li></ul></ul></ul>
  14. 14. CMS & Typo3: Module 3 The administration interface <ul><li>Module Filelist or access to fileadmin directory: </li></ul><ul><ul><li>Direct access to resources stored in the web server directory “WEB_BASE_ROOT /fileadmin/” </li></ul></ul><ul><ul><li>To allow file direct download depending of the Apache server configuration could be needed to modify the VirtualHost. </li></ul></ul><ul><ul><li>Some extensions extend the behavior of the filelist module, adding meta information about images ( dam_extension ) </li></ul></ul>
  15. 15. CMS & Typo3: Module 3 The administration interface <ul><li>Available functions in admin tools module: </li></ul><ul><ul><li>Users admin: management of user and user groups. </li></ul></ul><ul><ul><li>Extension manager: Install and management of extensions. </li></ul></ul><ul><ul><li>Database check: Statistics, references and indexing. </li></ul></ul><ul><ul><li>Configuration: TCA and Typoscript tree configuration. </li></ul></ul><ul><ul><li>Installation: Install wizard tool </li></ul></ul><ul><ul><li>Log: Access and history changes </li></ul></ul>
  16. 16. CMS & Typo3: Module 3 The administration interface <ul><li>3. The template system Templavoilà </li></ul><ul><ul><li>Allows an easy adaptation of graphical design to the website and the organization of the areas that the page structure consists of. </li></ul></ul><ul><ul><li>Translates static HTML of each page type to dynamic content structures </li></ul></ul><ul><ul><li>Mapping process = DS ( Data Structures ) + TO ( Template Objects ) creation </li></ul></ul><ul><ul><li>The Templavoilà documentation ( Futuristic Template building ) replaces the Modern Template Building tutorial </li></ul></ul><ul><ul><ul><li>http://typo3.org/documentation/document-library/tutorials/doc_tut_ftb1/current/ </li></ul></ul></ul>
  17. 17. CMS & Typo3: Module 3 The administration interface <ul><li>Steps to integrate a new design </li></ul><ul><ul><li>Add the HTML resources ( code, CSS, images and javascript ) to the fileadmin module, in the templates directory </li></ul></ul><ul><ul><li>Access the function Web > Templavoilà </li></ul></ul><ul><ul><li>Start the start new site wizard , selecting as the main template the uplodaded HTML template </li></ul></ul><ul><ul><li>Start the mapping process of the different content elements blocks </li></ul></ul><ul><ul><li>Edit header parts and save DS + TO </li></ul></ul><ul><ul><li>Add Typoscript configuration of the defined elements as typoscript obect path and set the template to the specific pages that use it. </li></ul></ul>
  18. 18. CMS & Typo3: Module 3 The administration interface <ul><li>4. Typoscript configuration language </li></ul><ul><ul><li>Allows the configuration of elements in a variable namespace in different levels in the content tree. </li></ul></ul><ul><ul><li>Typoscript code can be added in web template module or in the associated field in page properties </li></ul></ul><ul><ul><li>Other standard use of typoscript is filling in variables $lib.myvar defined in Templavoilà templates </li></ul></ul><ul><ul><li>Documentation on Typoscript syntax: Typoscript Reference TSRef: </li></ul></ul><ul><ul><ul><li>http://typo3.org/documentation/document-library/core-documentation/ </li></ul></ul></ul>
  19. 19. CMS & Typo3: Module 3 The administration interface <ul><ul><li>Typoscript for menu generation example: </li></ul></ul><ul><ul><ul><li>lib.mainMenu = HMENU </li></ul></ul></ul><ul><ul><ul><li>lib.mainMenu.1 = TMENU </li></ul></ul></ul><ul><ul><ul><li>lib.mainMenu.1 { </li></ul></ul></ul><ul><ul><ul><li>NO.allWrap = <div class=&quot;menu1-level1-no&quot;> | </div> </li></ul></ul></ul><ul><ul><ul><li>NO.stdWrap.htmlSpecialChars = 1 </li></ul></ul></ul><ul><ul><ul><li>ACT = 1 </li></ul></ul></ul><ul><ul><ul><li>ACT.stdWrap.htmlSpecialChars = 1 </li></ul></ul></ul><ul><ul><ul><li>ACT.allWrap = <div class=&quot;menu1-level1-act&quot;> | </div> } </li></ul></ul></ul><ul><ul><ul><li>lib.mainMenu.2 = TMENU </li></ul></ul></ul><ul><ul><ul><li>lib.mainMenu.2 { </li></ul></ul></ul><ul><ul><ul><li>NO.allWrap = <div class=&quot;menu1-level2-no&quot;> | </div> </li></ul></ul></ul><ul><ul><ul><li>NO.stdWrap.htmlSpecialChars = 1 } </li></ul></ul></ul>
  20. 20. CMS & Typo3: Module 3 The administration interface <ul><ul><li>Typoscript basic example </li></ul></ul><ul><ul><ul><li>/* We have defined lib.myVar typoscript object path in tv */ </li></ul></ul></ul><ul><ul><ul><li>lib.myVar = TEXT </li></ul></ul></ul><ul><ul><ul><li>lib.myVar.value = Hello world </li></ul></ul></ul>
  21. 21. CMS & Typo3: Module 3 The administration interface <ul><li>Typoscript usage for an specific tt_content load: </li></ul><ul><ul><ul><li>lib.footer = CONTENT </li></ul></ul></ul><ul><ul><ul><li>lib.footer.table = tt_content </li></ul></ul></ul><ul><ul><ul><li>lib.footer.select.pidInList=130 </li></ul></ul></ul><ul><ul><ul><li>lib.footer.select.uidInList=62 </li></ul></ul></ul><ul><li>More complex examples of typoscript would be added for multilanguage settings, real url, or advanced extension configuration. </li></ul>
  22. 22. CMS & Typo3: Module 3 The administration interface <ul><li>Frontend plugins </li></ul><ul><ul><li>The installation of new functionalities will be done getting the modules from the TER </li></ul></ul><ul><ul><li>These content types would be extensions as tt_news , tt_news_category, macina_banners or gl_taxonomy , for instance. </li></ul></ul><ul><ul><li>The element that fetches the registers will be configured to recover elements in which presentation templates are defined. </li></ul></ul>
  23. 23. CMS & Typo3: Module 3 The administration interface <ul><li>Frontend plugins and registers for tt_news extension </li></ul><ul><ul><li>tt_news extension allows to add registers to the system with an specific structure, to be fetched and showed in pages by special page contents called plugins . </li></ul></ul><ul><ul><li>In the plugin settings the selection criteria, and presentation mode will be defined ( list, latest, single, archive, ... ) </li></ul></ul><ul><ul><li>To edit single registers we would use Web > List function </li></ul></ul><ul><ul><li>We will set specific templates to set the HTML that we want to produce, getting from standard template: </li></ul></ul><ul><ul><ul><li>.../typo3conf/ext/tt_news/pi/news_template.tmpl </li></ul></ul></ul>
  24. 24. CMS & Typo3: Module 3 The administration interface <ul><li>New extension creation with kickstarter </li></ul><ul><ul><li>Install kickstarter extension </li></ul></ul><ul><ul><li>Select make new extension in EM menu </li></ul></ul><ul><ul><li>Give it a name or extension key and press update </li></ul></ul><ul><ul><li>Now we can use the view result option to see the generated files with their code. </li></ul></ul><ul><ul><ul><li>With the write button the extension will be stored under typo3conf/ext directory </li></ul></ul></ul><ul><ul><ul><li>Using Download as a file we can generate a bundled package with the new extension. </li></ul></ul></ul>
  25. 25. CMS & Typo3: Module 3 The administration interface <ul><ul><li>General info stored in ext_emconf.php : </li></ul></ul><ul><ul><ul><li>Title, description, category, state, dependencies, author </li></ul></ul></ul><ul><ul><li>Setup languages locallang.xml: </li></ul></ul><ul><ul><li>New database tables ext_tables.php, tca.php and ext_tables.sql </li></ul></ul><ul><ul><li>Extend existing tables (analog to previous but with existing tables </li></ul></ul><ul><ul><li>Frontend Plugins </li></ul></ul><ul><ul><li>Backend modules </li></ul></ul>
  1. A particular slide catching your eye?

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

×