Free Sample
+ Collection

TYPO3 Templates

Jeremy Greenawalt

Create and modify templates with TypoScript and TemplaVoila
RRP $26.99
RRP $44.99
Print + eBook

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781847198402
Paperback328 pages

About This Book

  • Build dynamic and powerful TYPO3 templates using TypoScript, TemplaVoila, and other core technologies.
  • Customize dynamic menus, logos, and headers using tricks you won’t find in the official documentation.
  • Build content elements and template extensions to overhaul and improve TYPO3’s default back-end editing experience.
  • Follow along with the step-by-step instructions to build a site from scratch using all the lessons in the book in a practical example.

Who This Book Is For

If you are a developer, designer, or a site builder who wants to get the most out of TYPO3 whether you are building multiple websites for clients or optimizing their company’s site then this book is for you.
It is written for new or experienced users at all levels, but some basic experience with TYPO3 editing and
installation is expected.

Table of Contents

Chapter 1: Getting Started
Basic requirements
How templates were created
Introducing TemplaVoila!
Installing TemplaVoila
Creating a basic HTML template
Creating your first template with the TemplaVoila Wizard
The page tree
If something didn't work right
Adding content to our front page
Chapter 2: Enhancing your Template with CSS
Creating a basic stylesheet
Including stylesheets in TYPO3
Using default markup in TYPO3
Chapter 3: Adding Custom Template Fields
Modifying the page metadata
Adding a banner
Adding the date to our template
Loading the date and time from the TypoScript template
Adding a dynamic logo
Chapter 4: Creating Flexible Menus
Page tree concepts
Introducing HMENU
Types of menu objects
Menu item states
HMENU properties
Common menu item properties
Introducing text-based menus
Adding separators to menu items
Redesigning the text-based menus
Introducing graphic menus
Introducing GIFBUILDER
GMENU properties
Creating our first graphic menu
Creating a graphic menu with boxes
Using external images for menus
Other types of menus
Breadcrumb navigation
Pulling it all together
Chapter 5: Creating Multiple Templates
Creating new templates with sidebars
Assigning a new template to our pages
Creating icons for templates
Assigning templates to subpages
Creating an extension template
Creating a printable template
Creating a printable link
Chapter 6: Creating a Template from Scratch
Designing the template
Creating the HTML template
Creating the data structure
Creating data structure elements
Mapping the template object
Creating a folder in the page tree
Setting the TypoScript values
Creating an example page
Chapter 7: Customizing the Backend Editing
Updating the rich text editor
Customizing the Page module
Setting a backend layout for a data structure with multiple template objects
Using backend layout files for template objects
Using static data structures in TemplaVoila 1.4.2
Chapter 8: Working with Flexible Content Elements
Introducing flexible content elements
Creating our first flexible content element
Creating a flexible HTML wrapper
Creating a multi-column layout element
Extending the multi-column layout element
Creating a product display element
Chapter 9: Creating a Mobile Website
Introducing conditions
Testing browser compatibility
Creating a mobile version of your website
Adding a non-mobile link
Creating a mobile subtemplate
Redirecting to an external mobile site
Chapter 10: Going International
Introduction to internationalization and localization
Adding localization to a website
Adding localization to pages
Translating content
Adding a basic language menu
Chapter 11: Building Websites with the TemplaVoila Framework
What is the TemplaVoila Framework?
Benefits of the TemplaVoila Framework
The TemplaVoila Framework workflow
Installing the TemplaVoila Framework
Setting up QuickSite for the first time
Planning with the wireframe skin
Designing the page layouts
Utility FCEs
Creating a custom skin
Editing a skin
Adding special functionality
Adding content
TYPO3 Templates summary

What You Will Learn

  • Learn TemplaVoila and how it can be modified to by more dynamic
  • Add dynamic banners and logos to an existing template design
  • Create custom menus using multiple approaches and techniques
  • Create multiple templates without repeating yourself
  • Customize the back-end editing experience for specific templates
  • Add multiple columns and special formatting with flexible content elements
  • Create powerful content elements with variables and intelligent formatting
  • Learn about the future of TYPO3 templates with static data structures and other advanced techniques
  • Add browser testing and conditional logic to simple templates
  • Add internationalization and localization to your websites

In Detail

The template systems in TYPO3 make it one of the most powerful content management systems available today, but they seem too complex for many users. Site developers who are able to learn how to use them efficiently can build more extensible sites quicker and more customized for their users.

This book is a step-by-step guide for building and customizing templates in TYPO3 using the best solutions
available. It takes the readers through one complete example to create a fully functional demonstration site using TypoScript, TemplaVoila, and other core TYPO3 technologies.

This book starts with the basics of creating an example TYPO3 site before showing you how to add your own stylesheets and enhanced JavaScript to the template. You learn about the different types of menus and navigation, and you can try out each one with practical examples in the book. The book shows how to create multiple templates for sections or individual pages in TYPO3 and how you can make a new template completely from scratch for a newsletter. Just as importantly, you learn how to update the editing experience and impress your clients with a custom back-end. Finally, you will learn how to specialize for browsers and internationalize your TYPO3 site with simple template updates.


Read More

Recommended for You

Building Websites with TYPO3
$ 12.00
TYPO3: Enterprise Content Management
$ 18.00
TYPO3 Extension Development
$ 18.90
Mastering TypoScript: TYPO3 Website, Template, and Extension Development
$ 18.00