Book Image

Mastering TypoScript: TYPO3 Website, Template, and Extension Development

Book Image

Mastering TypoScript: TYPO3 Website, Template, and Extension Development

Overview of this book

Free, open-source, flexible, and scalable, TYPO3 is one of the most powerful PHP content management systems. It is well suited for creating intranets and extranets for the enterprise. While providing an easy-to-use web interface for non-technical authors and editors of content, its messaging and workflow system enable shared authoring and collaboration. TYPO3 provides flexible and powerful interfaces for both content editors and administrators, giving them full control of the core aspects the system. However for developers who need to customize the system, TYPO3 offers a powerful configuration language called TypoScript. Good knowledge of TypoScript is really a prerequisite for implementing complex applications with TYPO3 and gives developers full control over the configuration of TYPO3 and its template engine. TypoScript enables the complete output template to be created and manipulated, giving you full control over the layout of the site. TypoScript also allows you to integrate dynamic contents, JavaScript-based menus, Flash, Graphics, etc. with ease. You have maximum control over the design of the website and can control all options that would otherwise be addressed by HTML-simple text output, formatting, and much more. TypoScript also allows you to generate graphics at run time and display different content dynamically.

Related Content you might be interested in

Current Title:

Small book image
Mastering TypoScript: TYPO3 Website, Template, and Extension Development
Dec, 2006 | 404 pages
No titles found
Table of Contents (19 chapters)
Mastering TypoScript: TYPO3 Website, Template, and Extension Development
Mastering TypoScript: TYPO3 Website, Template, and Extension Development
Credits
Credits
About the Author
About the Author
Preface
Preface
Free Chapter
1
Introduction to TypoScript
Introduction to TypoScript
Prerequisites
Declarative Programming with TypoScript
The Power of TypoScript
What is TypoScript?
Back-end Configuration with TypoScript
TypoScript and PHP
TypoScript Templates
Summary
2
Getting to Know TypoScript
Getting to Know TypoScript
Hello World!
Objects and Properties
Operators
Datatypes
Working with TSref
Summary
3
Tools and Editors
Tools and Editors
Choosing an Editor
The Info/Modify Tool
The Object Browser
The Template Analyzer
The TypoScript Properties Display
The Admin Panel
The Constant Editor
TypoScript in HomeSite
HTMLArea RTE
Customizing the Rich-Text Editor (RTE)
Summary
4
Design Templates
Design Templates
Design Templates versus Templates
Principles of Design Templates
Double Headings
Summary
5
Templates
Templates
The Concept of Templates
Template Elements
Objects and Properties of Websites
Integrating Design Templates
The Auto Parser Template
Standard Templates
Pure TypoScript Templates
TemplaVoilà
Summary
6
Working with Graphics
Working with Graphics
Prerequisites
Embedding Graphics
Modifying Graphics
Creating Graphics Dynamically
Advanced Options
Caching
Summary
7
Menus
Menus
Available Menu Types
Hello Menu!
Specifying Menu Properties
Text Menus
JavaScript Menus
Graphical Menus
GMENU_FOLDOUT
Layer Menus
ImageMaps
Special Menus
Summary
8
Frames
Frames
Hello Frames!
Advantages and Disadvantages of Frames
Creating Frames
Iframes
Summary
9
Forms
Forms
Building Forms
Designing Fields
Setting up a Password-Protected Area
MailformPlus
Standard Search
Integrating the Extended Search
Uploading Files
Summary
10
TypoScript and SQL
TypoScript and SQL
The Database Structure
Reading Database Contents Dynamically
Manipulating SQL Statements
SQL Queries
Summary
11
Extensions
Extensions
Building Extensions
Extension Categories
The Extension Manager
Useful Extensions
Developing Your Own Extensions
Practical Extension Development
Extending the References Extension
Summary
12
Barrier Freedom
Barrier Freedom
Resources in TYPO3
Creating Barrier-Free TYPO3 Content Elements
Summary
13
Fine Tuning
Fine Tuning
TypoScript and Multilingualism
Publishing Multiple Versions
Deactivating "Page is being generated"
TYPO3 and Search Engines
Summary
14
Customizing the Back End with TSConfig
Customizing the Back End with TSConfig
Page TSConfig
User TSConfig
Summary
TypoScript Reference
TypoScript Reference
Functions
Conditions
Forms
Frames
Object Reference
Summary

Integrating Design Templates

In the previous chapter we showed you how the basic layout of a website is created using a design template. Only two steps are required for using the design template:

  1. 1. The design template is integrated.

  2. 2. The markers and subparts are activated.

Incidentally there are other ways of creating templates. You can, for example, create pure TypoScript templates or modify the standard ones provided by TYPO3. The basic principle of both of these options will be presented to you in the course of this chapter.

Activating the Design Template

When the design template is ready, a logical link has to be created between it and the template. To do this, generate a new design template with the following content: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<title>Hello, World!</title>
<link href="css/css.css...
Previous Section
End of Section 5
Next Section