It is good practice to save your TypoScripts, HTML templates etc. in a separate extension. That way you can
- use a distributed version control system to manage your configurations and templates
- keep the fileadmin clean and use it solely for the website's content
This TYPO3 extension can be a base for your website configuration. Add your Stylesheets, JavaScripts and templates and adapt the supplied configurations to your needs.
It does not contain any Frontend Framework, so you're free to use your favourite Framework or custom templates.
If you intend using Bootstrap, you definitely should check bootstrap_package out. This extension provides you with a complete integration of Bootstrap in TYPO3.
- meaningful folder structure to manage your files
- essential TypoScript Setup, which you can integrate as a Static Template
- basic TSconfig, e.g. useful RTE configurations.
- both TypoScript and TSconfig are divided into smaller partials for more clarity
- all configurations can be easily adjusted
- Copy this extension into the folder typo3conf/ext/
- You may want to rename the extension.
- Rename the folder from
basetemplate8
to your desired name, e.g.clienttemplates
. Have the naming conventions for extensions in mind!1 - Search and replace all occurences of
basetemplate8
with the new chosen name. Replacing is fast and easy if you use a professional text editor and don't use underscores.2
- Rename the folder from
- Open TYPO3 extension Manager and install the extension. From that moment the TSconfig is used.
- Include it as a Static Template in your Root Template.
- Begin to add your Templates and adapt the configuration. Make it yours!
With TYPO3 version 8.7.2, the file extensions .typoscript and .tsconfig have become the new defaults.
Add these to your editor to benefit from TypoScript syntax highlighting again.
In PhpStorm, open Settings/Preferences and add the patterns *.typoscript
and *.tsconfig
to TypoScript in Editor | Code Style.
[1] TYPO3 extensions have some naming conventions. See: https://extensions.typo3.org/about-extension-repository/extension-keys/
[2] Also be very careful when using underscores in your extension name! It is highly encouraged to avoid them.
If you e.g. choose the name client_templates_2016
, you'll have to use two notations!
In links like EXT:client_templates_2016/link/to/file.css, use the actual folder name.
When using constants however, you'll have to remove all underscores and prefix tx_
: $plugin.tx_clienttemplates2016!