1
0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-12-01 02:27:17 +01:00
mkdocs-material/docs/setup/changing-the-language.md

181 lines
6.4 KiB
Markdown
Raw Normal View History

2020-07-17 00:15:59 +02:00
# Changing the language
Material for MkDocs supports internationalization (i18n) and provides
2022-01-09 14:20:09 +01:00
translations for template variables and labels in 50+ languages. Additionally,
2021-10-10 17:39:53 +02:00
the site search can be configured to use a language-specific stemmer, if
available.
2020-07-17 00:15:59 +02:00
## Configuration
### Site language
2022-09-11 19:25:40 +02:00
[:octicons-tag-24: 1.12.0][Site language support] ·
2021-10-10 17:39:53 +02:00
:octicons-milestone-24: Default: `en`
2020-07-17 00:15:59 +02:00
2021-10-10 17:39:53 +02:00
You can set the site language in `mkdocs.yml` with:
2020-07-17 00:15:59 +02:00
``` yaml
theme:
2022-04-02 14:04:30 +02:00
language: en # (1)!
2020-07-17 00:15:59 +02:00
```
2022-04-02 14:04:30 +02:00
1. HTML5 only allows to set a [single language per document], which is why
Material for MkDocs only supports setting a canonical language for the
entire project, i.e. one per `mkdocs.yml`.
The easiest way to build a multi-language documentation is to create one
project in a subfolder per language, and then use the [language selector]
to interlink those projects.
2020-07-17 00:15:59 +02:00
The following languages are supported:
<!-- hooks/translations.py -->
2020-07-17 00:15:59 +02:00
2021-10-10 17:39:53 +02:00
Note that some languages will produce unreadable anchor links due to the way
the default slug function works. Consider using a [Unicode-aware slug function].
!!! tip "Translations missing? Help us out, it takes only 5 minutes"
Material for MkDocs relies on outside contributions for adding and updating
translations for the almost 60 languages it supports. If your language shows
that some translations are missing, click on the link to add them. If your
language is not in the list, click here to [add a new language].
2022-09-11 19:25:40 +02:00
[Site language support]: https://github.com/squidfunk/mkdocs-material/releases/tag/1.12.0
2022-04-02 14:04:30 +02:00
[single language per document]: https://www.w3.org/International/questions/qa-html-language-declarations.en#attributes
[language selector]: #site-language-selector
2021-10-30 13:55:31 +02:00
[Unicode-aware slug function]: extensions/python-markdown.md#toc-slugify
2023-01-29 20:41:55 +01:00
[add a new language]: https://github.com/squidfunk/mkdocs-material/issues/new?template=04-add-a-translation.yml&title=Add+translations+for+...
2020-07-17 00:15:59 +02:00
### Site language selector
2020-07-17 00:15:59 +02:00
2022-09-11 19:25:40 +02:00
[:octicons-tag-24: 7.0.0][Site language selector support] ·
2023-01-01 19:17:33 +01:00
:octicons-milestone-24: Default: _none_
2021-10-10 17:39:53 +02:00
If your documentation is available in multiple languages, a language selector
pointing to those languages can be added to the header. Alternate languages
can be defined via `mkdocs.yml`.
``` yaml
extra:
alternate:
- name: English
2021-12-11 14:30:07 +01:00
link: /en/ # (1)!
lang: en
- name: Deutsch
2021-10-10 17:39:53 +02:00
link: /de/
lang: de
```
2021-10-10 17:39:53 +02:00
1. Note that this must be an absolute link. If it includes a domain part, it's
used as defined. Otherwise the domain part of the [`site_url`][site_url] as
set in `mkdocs.yml` is prepended to the link.
2022-06-05 14:43:37 +02:00
The following properties are available for each alternate language:
2022-09-11 19:25:40 +02:00
[`name`](#+alternate.name){ #+alternate.name }
2022-09-11 19:25:40 +02:00
: :octicons-milestone-24: Default: _none_ · :octicons-alert-24: __Required__
This value of this property is used inside the language selector as the
name of the language and must be set to a non-empty string.
2022-09-11 19:25:40 +02:00
[`link`](#+alternate.link){ #+alternate.link }
2021-10-10 17:39:53 +02:00
2022-09-11 19:25:40 +02:00
: :octicons-milestone-24: Default: _none_ · :octicons-alert-24: __Required__
This property must be set to an absolute link, which might also point to
2021-10-10 17:39:53 +02:00
another domain or subdomain not necessarily generated with MkDocs.
2022-09-11 19:25:40 +02:00
[`lang`](#+alternate.lang){ #+alternate.lang }
2021-10-10 17:39:53 +02:00
2022-09-11 19:25:40 +02:00
: :octicons-milestone-24: Default: _none_ · :octicons-alert-24: __Required__
This property must contain an [ISO 639-1 language code] and is used for
2021-10-10 17:39:53 +02:00
the `hreflang` attribute of the link, improving discoverability via search
engines.
2020-07-17 00:15:59 +02:00
2021-10-10 19:22:13 +02:00
[![Language selector preview]][Language selector preview]
2022-09-11 19:25:40 +02:00
[Site language selector support]: https://github.com/squidfunk/mkdocs-material/releases/tag/7.0.0
2021-10-10 17:39:53 +02:00
[site_url]: https://www.mkdocs.org/user-guide/configuration/#site_url
[ISO 639-1 language code]: https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes
2021-10-10 19:22:13 +02:00
[Language selector preview]: ../assets/screenshots/language-selection.png
### Directionality
2022-09-11 19:25:40 +02:00
[:octicons-tag-24: 2.5.0][Directionality support] ·
2020-07-20 15:18:09 +02:00
:octicons-milestone-24: Default: _automatically set_
2020-07-17 00:15:59 +02:00
While many languages are read `ltr` (left-to-right), Material for MkDocs also
2021-10-10 17:39:53 +02:00
supports `rtl` (right-to-left) directionality which is deduced from the
2020-07-17 00:15:59 +02:00
selected language, but can also be set with:
``` yaml
theme:
direction: ltr
```
2020-12-21 17:38:58 +01:00
Click on a tile to change the directionality:
2020-07-17 00:15:59 +02:00
<div class="mdx-switch">
<button data-md-dir="ltr"><code>ltr</code></button>
<button data-md-dir="rtl"><code>rtl</code></button>
</div>
2020-07-17 00:15:59 +02:00
<script>
var buttons = document.querySelectorAll("button[data-md-dir]")
buttons.forEach(function(button) {
button.addEventListener("click", function() {
var attr = this.getAttribute("data-md-dir")
document.body.dir = attr
var name = document.querySelector("#__code_2 code span.l")
name.textContent = attr
2020-07-17 00:15:59 +02:00
})
})
</script>
2022-09-11 19:25:40 +02:00
[Directionality support]: https://github.com/squidfunk/mkdocs-material/releases/tag/2.5.0
## Customization
### Custom translations
2020-07-21 16:01:22 +02:00
If you want to customize some of the translations for a language, just follow
2021-10-10 17:39:53 +02:00
the guide on [theme extension] and create a new partial in the `overrides`
2021-10-10 19:22:13 +02:00
folder. Then, import the [translations] of the language as a fallback and only
2021-10-10 17:39:53 +02:00
adjust the ones you want to override:
2022-09-11 19:25:40 +02:00
=== ":octicons-file-code-16: `overrides/partials/languages/custom.html`"
2021-10-10 17:39:53 +02:00
``` html
2021-10-10 19:22:13 +02:00
<!-- Import translations for language and fallback -->
{% import "partials/languages/de.html" as language %}
2021-12-11 14:30:07 +01:00
{% import "partials/languages/en.html" as fallback %} <!-- (1)! -->
2021-10-10 19:22:13 +02:00
<!-- Define custom translations -->
2021-10-10 17:39:53 +02:00
{% macro override(key) %}{{ {
2021-12-11 14:30:07 +01:00
"source.file.date.created": "Erstellt am", <!-- (2)! -->
2021-10-27 22:24:09 +02:00
"source.file.date.updated": "Aktualisiert am"
2021-10-10 17:39:53 +02:00
}[key] }}{% endmacro %}
2021-10-10 17:39:53 +02:00
<!-- Re-export translations -->
2021-10-10 19:22:13 +02:00
{% macro t(key) %}{{
2022-08-04 12:15:19 +02:00
override(key) or language.t(key) or fallback.t(key)
2021-10-10 19:22:13 +02:00
}}{% endmacro %}
2021-10-10 17:39:53 +02:00
```
2021-10-10 19:22:13 +02:00
1. Note that `en` must always be used as a fallback language, as it's the
default theme language.
2. Check the [list of available languages], pick the translation you want
2021-10-10 17:39:53 +02:00
to override for your language and add them here.
2022-09-11 19:25:40 +02:00
=== ":octicons-file-code-16: `mkdocs.yml`"
2021-10-10 17:39:53 +02:00
``` yaml
theme:
language: custom
```
2021-10-10 17:39:53 +02:00
[theme extension]: ../customization.md#extending-the-theme
[translations]: https://github.com/squidfunk/mkdocs-material/blob/master/src/partials/languages/
[list of available languages]: https://github.com/squidfunk/mkdocs-material/blob/master/src/partials/languages/