The installation is quite simple:
download and install the extension using the Extension Manager
include the extension's static TS template into your template
The font resizer cannot be used as a content element. It is designed to be used purely as a TypoScript inclusion in your template. This is done as follows (if using TemplaVoilà):
lib.fontsize < plugin.tx_efafontsize_pi1
lib.fontsize {defaultFontSize = 80
fontSizeIncrement = 10
}
and then using that lib.fontsize object in one of your elements. The syntax is similar with the markers system:
temp.fontsize < plugin.tx_efafontsize_pi1
temp.fontsize {defaultFontSize = 80
fontSizeIncrement = 10
}
page.subparts.FONTSIZE < temp.fontsize
assuming you have a ###FONTSIZE### marker in your HTML model.
On top of that an initialization script must be called as the very first thing after the <body> tag. Let's assume that your PAGE object is called “page” and that the content first comes at index 10:
page = PAGE
page.10 = USER
page.10 {...
}
then the font resizer initialization must be called with an index smaller than 10, e.g.:
page.1 < plugin.tx_efafontsize_pi1
page.1.userFunc = tx_efafontsize_pi1->initEfA
Note that the userFunc must be changed. It is not the traditional “main” that is called in this case, but another method called “initEfA”.