TYPO3 Quick Reference for Editors This Quick Reference for TYPO3 V4 Is Meant to Supplement the TYPO3 Videos
Total Page:16
File Type:pdf, Size:1020Kb
TYPO3 Quick Reference for Editors This quick reference for TYPO3 v4 is meant to supplement the TYPO3 videos. Minor deviations might result from the different targets, since the videos follow a didactical approach, while the quick reference describes efficient ways of individual steps. The quick reference and videos usually show only one of the many possibilities TYPO3 offers. If you want to follow along with the below mentioned steps, please, make sure that [Extended view] is activated. The icons and help texts may possibly differ partly from those in your system, depending on the TYPO3 version, configuration of the interface, and context. Basics Pages Content Rich Text Editor Frontend-Editing Files Basics Log in Type URL of your domain in the browser >> add '/typo3' >> press [Enter] >> enter your [Username] and [Password] >> click [Log In] (cookies and popups need to be allowed) Video: Basic Concepts Access to records Click module Web: [Page] Video: Basic Concepts Display a page's records or select a page for editing Module Web - [Page]: if the right page is not visible in the page tree, click in front of the web site name and/or page names >> click on page name Videos: Basic Concepts, Icons and Clicks Display a page's context menu with various functions Module Web - [Page]: click in front of the page name in the page tree Video: Icons and Clicks Display a content element's context menu with various functions Module Web - [Page]: click on page name in the page tree >> click in front of the content element in the right frame Video: Icons and Clicks Display a content element's editing form Module Web - [Page]: click on page name in the page tree >> click on name of the content element in the right frame Video: Icons and Clicks Display a context menu in the Rich Text Editor of the editing form Module Web - [Page]: click on page name in the page tree >> click on content element name >> open tab [Text] >> place cursor at right position or mark a text passage >> click with right mouse button Video: Icons and Clicks Display help texts Module Web - [Page]: hold cursor over icons until help text appears or click for a detailed help text Video: Icons and Clicks Save input in between Module Web - [Page]: click on page name in the page tree >> click on record name in the right frame>> edit record >> click [Save document] in the upper bar of the form Video: Icons and Clicks Save input and view it in the frontend Module Web - [Page]: click on page name in the page tree >> click on record name in the right frame >> edit record >> click [Save document and view page] in the upper bar of the form Video: Icons and Clicks Save input and create a new element Module Web - [Page]: click on page name in the page tree >> click on record name in the right frame >> edit record >> click [Save document and create a new one] in the upper bar of the form Video: Icons and Clicks Save input and close the form Module Web - [Page]: click on page name in the page tree >> click on record name in the right frame >> edit record >> click [Save and close document] in the upper bar of the form Video: Icons and Clicks Close a form without saving the input Module Web - [Page]: click on page name in the page tree >> click on record name in the right frame >> optionally edit record >> click [Close document] in the upper bar of the form Video: Icons and Clicks Delete a record (during editing) Module Web - [Page]: click on page name in the page tree >> click on record name in the right frame >> optionally edit record >> click [Delete] in the upper bar of the form >> click [OK], if confirmation prompt appears Video: Icons and Clicks Log out Click [Logout] in the upper bar Video: Basic Concepts Pages Display a page Module Web - [Page]: click in front of the page name in the page tree >> click [Show] in the context menu Video: Handling Pages Create a new page and fill in page properties Module Web - [Page]: click in front of the page name in the page tree >> click [New] in the context menu >> choose [Page (inside)] or [Page (after)] >> fill in fields (at least [Pagetitle]) >> finish with [Save an close document] Video: Handling Pages Copy a page Module Web - [Page]: click in front of the page name in the page tree >> click [Copy] in the context menu Video: Handling Pages Cut a page Module Web - [Page]: click in front of the page name in the page tree >> click [Cut] in the context menu Video: Handling Pages Paste a page Module Web - [Page]: click in front of the page name in the page tree >> click [Paste into] or [Paste after] in the context menu Video: Handling Pages Unhide a page Module Web - [Page]: click in front of the page name in the page tree >> click [Unhide] in the context menu Video: Handling Pages Hide a page Module Web - [Page]: click in front of the page name in the page tree >> click [Hide] in the context menu Video: Handling Pages Edit page properties Module Web - [Page]: click in front of the page name in the page tree >> click [Edit page properties] in the context menu >> fill in fields or change input >> finish with [Save and close document] Videos: Handling Pages, complementary: Page Properties Delete a page Module Web - [Page]: click in front of the page name in the page tree >> click [Delete] in the context menu >> click [OK], if confirmation prompt appears Video: Handling Pages Contents Create a new content element Module Web - [List]: click on page name in the page tree >> click [Create new record] in the upper bar of the right frame >> choose [Pagecontent] >> fill in fields (e.g. [Header] and [Text]) >> complete with [Save and close document] Video: 4 Minutes Introduction, complementary: General Aspects of Content Elements Create the content element type 'Text w/ image' for inserting images Module Web - [List]: click on page name in the page tree >> click [Create new record after this record] of the respective content element in the right frame >> choose 'Text w/Image' within [Type] >> click [OK], if confirmation prompt appears >> tab: [Media] click [Browse for files] next to [Images] >> click [Browse] to upload new images, if necessary >> choose image(s) in the folder tree >> optionally fill in fields from [Position] to [Title Text] >> finish with [Save and close document] Videos: Images via Content Element, complementary: Including Files (Element Browser) Create the content element type 'Filelinks' Module Web - [List]: click on page name in the page tree >> click [Create new record after this record] of the respective content element in the right frame >> choose 'Filelinks' within [Type] >> click [OK], if confirmation prompt appears >> tab: [Filelinks] click [Browse for files] next to [Files] >> choose files in the folder tree >> optionally fill in further fields >> finish with [Save and close document] Video: Types of Content Elements Create the content element type 'Insert records' Module Web - [List]: click on page name in the page tree >> click [Create new record after this record] of the respective content element in the right frame >> choose 'Insert records' within [Type] >> click [OK], if confirmation prompt appears >> tab: [Insert Records] click [Browse for records] next to [Items] >> choose page in the page tree >> choose pagecontent >> finish with [Save and close document] Video: Types of Content Elements Create the content element type 'HTML' Module Web - [List]: click on page name in the page tree >>click [Create new record after this record] of the respective content element in the right frame >> choose 'HTML' within [Type] >> click [OK], if confirmation prompt appears >> tab: [HTML] add source code >> finish with [Save and close document] Video: Types of Content Elements Create the content element type 'Form' Module Web - [List]: click on page name in the page tree >> click [Create new record after this record] of the respective content element in the right frame >> choose 'Form' within [Type] >> click [OK], if confirmation prompt appears >> fill in fields (e.g. [Header]) >> save input with [Save document] >> tab: [Form] click [Forms wizard] next to [Configuration] >> create form fields as desired >> finish with [Save and close document] Video: Creating Forms - available soon Edit a content element Module Web - [Page]: click on page name in the page tree >> choose [Columns] in the upper left corner of the right frame >> click [Edit] at the right content element >> edit fields >> finish with [Save and close document] Video: Page Module Unhide a content element Module Web - [Page]: click on page name in the page tree >> choose [Columns] in the upper left corner of the right frame >> enable [Show hidden content elements] if necessary >> click [Un-hide] of the content element Video: Page Module Hide a content element Module Web - [Page]: click on page name in the page tree >> choose [Columns] in the upper left corner of the right frame >> click [Hide] of the content element >> enable [Show hidden content elements] if necessary Video: Page Module Move a content element within a page Module Web - [Page]: click on page name in the page tree >> choose [Columns] in the upper left corner of the right frame>> click [Move record up] or [Move record down] of the content element Video: Page Module Move a content element to another page Module Web - [Page]: click on page name in the page tree >> choose [Columns] in the upper left corner of the right frame >> click in front of the content element >> click [Cut] in the context menu >> click on target page name in the page tree >> click in front of the target content element in the right frame >>