Free TYPO3 template (sample project)
Book our hosting package and use a ready-made website straight away. We have installed a current TYPO3 website as a template for your own content in all our hosting tariffs. There is also an 'empty' TYPO3 installation for your own projects and a template for other websites.
Note: Newer version of the template project available!
A newer version of the TYPO3 template is based on TYPO3 10 LTS. For new projects the latest version of the TYPO3 template should be used.
With the free TYPO3 template, you can start creating content immediately and your website will be online in no time. So you don't have to worry about design, templates or TypoScript for your own site.
View the live version of the sample project here
You can customize the template and extend it with additional functions, for this we have easy-to-understand video instructions created.
The template offers:
- Responsive web design, suitable for desktop, smartphone and tablet
- Optimized for search engines
- prepared for accessibility
- Examples for all standard content elements
- optimized for short loading times
- State-of-the-art technology
- Visually and functionally customizable
It can be used as a basis for your own website and represents a "best practice" that shows how to set up a TYPO3 project. It is not intended to be a design template, but a project template in which the design can be adapted to your own ideas.
We have deliberately kept the sample project very lean and only pre-installed the most frequently used functions:
- Display of current news (extension: news)
- Search engine friendly, readable web addresses (extension: realurl)
- Support for search engine optimization of the website (extension: cs_seo)
- Lightbox effect for the click enlargement of images (extension: cl_jquery_fancybox)
The sample project is based on TYPO3 LTS version 8.7, which means that it can be operated without a relaunch until at least the end of March 2020. With the extended support (Extended Long Term Support, ELTS) provides updates and support until the end of March 2022.
Why did we develop the template? Answers can be found in theHistory of the template.
What does the sample project cost?
The Musterprojekt is included in the price of all new
TYPO3 hosting packages from jweiland.net and is already pre-installed.Overview, functions, differences to previous versions
We have fundamentally revised the sample project. The most important differences and new features are
- Encapsulation of all files in a separate template extension (sitepackage)
- own, lean grid CSS
- different navigation variants, easily switchable in the backend
- Various page layouts
- Lightbox effect for images
- internal search (indexed_search)
More information in the following video:
Install the sample project yourself
In the following video, we show you how to install the sample project for TYPO3 8 LTS yourself in just a few minutes.
The prerequisite for this is that you log in to the web server via SSH. We show how to do this in separate video instructions for Windows(Putty, MobaXterm), Linux and Mac users.
Allow indexing of the website by search engines
As soon as your site goes online, it should of course be visible and indexable for search engines.
During the development of a site, however, this is often not wanted. That is why we have deactivated the indexing of the website by search engines such as Google, Bing & Co. by default via a file called robots.txt.
Once you have finished making adjustments to the sample project and the website goes online, you must therefore carry out the following steps.
- In the project directory of your website (e.g. typo3cms/muster-8lts/) you will see the robots.txt file. Delete this file (or rename it, e.g. robots.txt_alt)
- In the same directory you will see a file allow_robots.txt
- Rename this file to robots.txt
To edit the files, you can either connect to the web server via SSH or use an FTP program such as FileZilla, Cyberduck, Transmit or WinSCP.
Marking a page in the page tree
The page "Important information - Please read" is highlighted in color in the page tree of the backend.
This highlighting can be set up via User-TSconfig.
In the file EXT:jwmusterprojekt8/Configuration/TSconfig/User.txt you will find the corresponding passage in lines 11-13.
The color is transferred as a hexadecimal code to the page ID, in our case ID 28.
Tip: As the color specification is also inherited by any existing subpages, you can mark entire page tree sections in color.
Add more languages
The sample project is already prepared for multilingualism. German is defined as the default language, English as an additional language.
Of course, additional languages can be added as required. This requires 3 steps:
- Create an additional language in the backend
- Adapt the TypoScript configuration of the language and the language menu
- Adapt the configuration of the RealURL extension to generate readable, search engine-friendly URLs.
You can see all 3 steps in the following video tutorial:
Replace favicon
Favicons are small images that are displayed in the browser title bar, for example. A company logo or similar is usually used here.
The sample project is prepared for the use of individual favicons. It also creates touch icons for smartphones and tablets.
In this video you can see how you can integrate your own icon into the sample project.
Supplement
If the favicon or the touch icons are not displayed correctly despite clearing the caches, it will probably help to force the recalculation of the images by deleting the images already created.
To do this, go to the install tool -> "Clean up" -> "Clear processed files" and click on the corresponding button.
This page contains automatically translated content.