Only major versions are documented (e.g. Contao 4 and later on Contao 5).
- Only use ATX style headlines (e.g.
# H1
or### H3
). - See learn.netlify.app/en/cont/markdown/ and learn.netlify.app/en/shortcodes/ for available markdown and shortcode syntax.
- Always add two empty lines above each headline.
- Add line breaks after 140 characters in paragraphs.
- Code examples should follow the Symfony Best Practices Book, use PHP 7.1 and
put Contao related files to
contao
. - When using examples for PHP code or YAML configurations etc., include the example
path to the file as a comment as the very first line. Do not use the
<?php
open tag and also do not use thedeclare()
statement.
Example for link references:
Lorem ipsum dolor [sit amet](https://contao.org/) consectetuer adipiscing elitr. Aenean massa.
Cum sociis [natoque](https://www.google.com/) penatibus et magnis dis.
The notice
shortcode allows you to display 4 different types of disclaimers.
{{% notice note %}}
A notice disclaimer
{{% /notice %}}
{{% notice info %}}
An information disclaimer
{{% /notice %}}
{{% notice tip %}}
A tip disclaimer
{{% /notice %}}
{{% notice warning %}}
A warning disclaimer
{{% /notice %}}
The short code tabs allows you to group content. Very handy for providing code snippets for multiple languages or providing configuration in different formats.
{{< tabs groupId="Example">}}
{{% tab name="PHP" %}}
Lorem ipsum dolor sit amet ...
{{% /tab %}}
{{% tab name="Twig" %}}
Lorem ipsum dolor sit amet ...
{{% /tab %}}
{{< /tabs >}}
This short code will visually separate its content from the rest and display an "Example" header.
{{% example "Your example title" %}}
Lorem ipsum dolor sit amet ...
{{% /example %}}
This shortcode will add a unique fingerprint to the image file name. The asset file must be located in the "page/assets" directory.
![Alt Text]({{% asset "/path/to/image.png" %}})
instead of
![Alt Text](/path/to/img.png)
This shortcode displays an expandable section of text. It also outputs JSON-LD meta data for FAQs.
{{% faq "Your example title" %}}
Lorem ipsum dolor sit amet ...
{{% /faq %}}
Since we will not maintain different versions of the documentation for each minor Contao version, some features will be documented which are only available in newer Contao version. In such a case, document the old way first (if applicable), then show the new way with a notice of the minimum Contao version required.
You can use the following short codes to automatically add a note for features of a specific Contao version:
{{< version "4.13" >}}
or
{{< version-tag "4.13" >}}
## DCA callbacks
### PHP array configuration
…
### Content
{{< version "4.13" >}}
Lorem ipsum dolor sit amet ...
…
### Content
{{< version-tag "4.13" >}} Lorem ipsum dolor sit amet ...
TBD
The development documentation is split into three parts:
- Getting Started
- Framework
- Reference
- Guides
This part of the development documentation should explain features of the Contao framework and how to use them. E.g. Templates, Palette Manipulator, image generation, etc. with references to the cookbook.
This part of the development documentation should be a full reference of all available hooks, callbacks, DCA configuration, available config settings, etc.
This should contain specific examples and use cases on how to use and implement the previously mentioned topics.
-
All paths and filenames should be in English.
-
Consider that all markdown headings are added to the navigation. Write your headings accordingly.
-
Do not try to embed external images or reuse already existing images from other articles. External images might be removed over time and the same applies for images of other articles.
-
Avoid belittling words: People read documentation because they know very little about a specific topic or are even completely new to it. Things that seem "obvious" or "simple" for the person documenting it, can be the exact opposite for the reader. To make sure everybody feels comfortable when reading the documentation, try to avoid words like:
- basically
- clearly
- easy/easily
- just
- logically
- merely
- obviously
- of course
- quick/quickly
- simply
- trivial
Every file needs at least the following Hugo front matter variables on top of your markdown content:
title
: A title for the file (language specific). The title will be used in the main left navigation as well.description
: The content description (language specific).url
(optional): The URL path (language specific). This should only be used if you want the URL to be different from the effective file path. E.g. for the German translation.aliases
: Aliases can be used to create redirects to your page. On multilingual sites, each translation of a post can have unique aliases. To use the same alias across multiple languages, prefix it with the language code.weight
(optional): Used for the sorting order in the left main navigation of the documentation. The weight might not be necessary everywhere. It's only necessary, when files need to be sorted according to something different from the default sorting (= different from the filename).menuTitle
(optional): The optional menuTitle reflects an alternative label in the main left navigation. This is especially helpful if the original title is too long to look nice in the navigation.
If you want to contribute changes to a page, simply use the "Edit this page" link at the top right of the documentation. Given that you have a GitHub account and are logged in, GitHub will automatically create a fork where you can create your changes in the respective markdown file. After committing your changes, GitHub will offer you to create a Pull Request.
When changes to your Pull Request are requested, you can directly edit the files within the Pull Request.
On August 3th, 2020 the missing articles for the English translation of the manual were added, using machine translation (#504). These automatically translated articles have a warning at the top. The quality of the translation is fairly good, there are a few limitations however:
- The DeepL API often does not deal well with inline HTML tags. So there are many
instances, where there is a space missing in front of or behind of
<code>
or<a>
tags. - Sometimes DeepL even shuffles an inline tag around, breaking words up (that should be pretty rare though).
- No 80 to 140 character line breaks.
- Any
`…`
content is not translated. Sometimes that's an issue, because it was used to emphasize regular words that are not code. - The translation script caused some closing shortcode tags to be missing.
These articles now need to be reviewed and revised. Post in the issue of the respective section beforehand (see ), which we will then assign to you , so that we know that you are working on this. When working on/fixing an article make sure that you:
- look over the translations themselves,
- look for specific terminologies, that should not be translated or should be translated in a specific way,
- fix any white space errors,
- provide English versions of screenshots (if applicable),
- look for any missing shortcode tags,
- review the result locally,
- and remove the warning at the top once finished
before submitting the Pull Request.