Day 1: The Foundation

Basics for Content Editors

Chapter I: Introduction to TYPO3 and Getting Started

1. Introduction & Expectation Management

  • Welcome, get acquainted and discuss structure/time of the training course
  • How to deal with questions (bundled or in between)

2. What is TYPO3 CMS?

  • Definition: Powerful Open Source Content Management System (CMS)
  • Strengths: Scalability, built-in multilingualism, and detailed user rights
  • Core concepts: The difference between Backend and Frontend
  • The Page Tree: The hierarchical backbone of TYPO3

3. Exploring the TYPO3 Backend

  • Login and Interface
  • Tour of the Dashboard and the main modules (PAGE, VIEW, LIST, FILELIST)
  • Personalisation: Define user settings (password, backend language, startup module)
  • Efficient Working: Using Powerful Search and Bookmarks (bookmarks)

Chapter II: Creating and Managing Pages

1. Creating and managing pages

  • Creating pages in the Page Tree
  • Understanding Page Types: * Standard Page (normal web page) * Folder (SysMap): Storage for database records (e.g. news items) * Shortcut (Link to another internal page) * Link to External URL * Menu separation (non-clickable space) * Backend user page * Mount Point pages
  • Edit, move, copy, and delete pages (Trash)
  • Create multiple pages simultaneously

2. Page Properties in Detail

  • Basic information: Page Title, Page Type, Visibility/Hide
  • Time control: Set publication date (Start) and expiry date (Stop)
  • SEO/Metadata: Entering Meta Title/Description, Keywords
  • Social Media: Settings for Facebook/Twitter Cards (image, title, description)
  • Backend Layout: the visual framework defining columns

3. Working with the LIST Module

  • Editing pages and content elements
  • Bulk editing (Basics): Editing multiple pages simultaneously

Chapter III: Basic Content Elements and Media

1. Creating and managing content elements

  • Content elements are the building blocks of content on a page
  • Standard Elements (Typical Page Content): * Title Only * Text & Images / Text & Media * Images Only / Media Only * Listing * Table * File Links
  • Management actions: Move (drag-and-drop), copy, cut and delete
  • Recycle bin (Recycler): Recover deleted elements
  • Time control on Content: Set publication and expiry dates

2. Using the Rich Text Editor (RTE)

  • WYSIWYG: Working with the CKEditor (RTE) for text formatting
  • Best Practice: Correct use of headings (H2, H3) versus H1 (Page Title)
  • Managing Links: Using Link Browser for links (internal, external, files, email)
  • Copy/Paste content from other sources

3. Files and Media Management (FILELIST)

  • The Filelist Module: The central place for managing assets
  • Organisation: Create and structure folders
  • Uploading: Upload files via button or drag-and-drop
  • Metadata of Files: Adding and editing Alt text, Description and Title
  • Image editing (Basic): Adjusting image cuts (cropping) with the Image Editor

Chapter IV: Structured Content and Responsive Views

1. Slideshows and Content Blocks

  • Structure for Slideshows (Containers/Grids)
  • Container Elements: Structuring content in columns
  • Difference with New Content Blocks (such as Cards, Accordion/Tab)

2. Responsive View

  • VIEW Module: Use to control responsive frontend preview (desktop, tablet, mobile)
  • Cache Management: The importance of clearing cache after changes