2. Configure Wagtail Localize
In this section, you will enable Wagtail's internationalisation and install Wagtail Localize into the site that you created earlier.
tutorial/settings/base.py in your favourite text editor.
Add Wagtail Localize to
INSTALLED_APPS setting, and insert
'wagtail_localize.locales' in between
INSTALLED_APPS = [ "home", "search", # Insert these here "wagtail_localize", "wagtail_localize.locales", "wagtail.contrib.forms", "wagtail.contrib.redirects", # ... ]
Note that the
wagtail_localize.locales module is a temporary replacement for Wagtail's builtin
module and it will be removed in a later release.
Enable Wagtail's internationalisation
Find the "Internationalisation" section, and add the
USE_I18N = True USE_L10N = True # Add this WAGTAIL_I18N_ENABLED = True USE_TZ = True
Configure content languages
In the "Internationalisation" section, add the following to set the
settings to English and French:
WAGTAIL_CONTENT_LANGUAGES = LANGUAGES = [ ("en", "English"), ("fr", "French"), ]
LocaleMiddleware detects a user's browser language and forwards them to the most approapriate language
version of the website.
To enable it, insert
'django.middleware.locale.LocaleMiddleware' into the middleware setting
MIDDLEWARE = [ "django.contrib.sessions.middleware.SessionMiddleware", "django.middleware.common.CommonMiddleware", "django.middleware.csrf.CsrfViewMiddleware", "django.contrib.auth.middleware.AuthenticationMiddleware", "django.contrib.messages.middleware.MessageMiddleware", "django.middleware.clickjacking.XFrameOptionsMiddleware", "django.middleware.security.SecurityMiddleware", # Insert this here "django.middleware.locale.LocaleMiddleware", "wagtail.contrib.redirects.middleware.RedirectMiddleware", ]
Next, you need configure which URL paths are translatable so that Django will prefix them with the language code.
tutorial/urls.py in your text editor. You'll see that there are two groups of URL patterns with an
if settings.DEBUG: block in between them.
The patterns that need to be made translatable are:
path('search/', search_views.search, name='search'),
To make these translatable, move the 'search/' pattern into the second block, above the
wagtail_urls pattern. Then,
replace the square brakets around that block with
from django.conf.urls.i18n import i18n_patterns # These paths are translatable so will be given a language prefix (eg, '/en', '/fr') urlpatterns = urlpatterns + i18n_patterns( path("search/", search_views.search, name="search"), # For anything not caught by a more specific rule above, hand over to # Wagtail's page serving mechanism. This should be the last pattern in # the list: path("", include(wagtail_urls)), # Alternatively, if you want Wagtail pages to be served from a subpath # of your site, rather than the site root: # path("pages/", include(wagtail_urls)), )
With the search pattern removed, the first group should now look like:
# These paths are non-translatable so will not be given a language prefix urlpatterns = [ path("django-admin/", admin.site.urls), path("admin/", include(wagtailadmin_urls)), path("documents/", include(wagtaildocs_urls)), ]
Migrate the database
Run the migrate command again to set up the tables for Wagtail Localize in the database you created earlier:
python manage.py migrate
Check the site
Go back to
http://localhost:8000. If your browser is configured for English or any other language except French,
you should be redirected to
If your browser is configured in French, you should be redirected to
In either case, you can view the site in
/fr/ (no differences yet).
If this is all working as described, that means
LocaleMiddleware are working!
Check the admin
Now go back into the Wagtail admin interface. When you open the "Pages" menu, you shoud see that that the "Home" page has been labelled as "English". If you see that, then Wagtail's internationalisation is working!
Create the "French" locale
Wagtail Localize creates only one locale to begin with, which is the one the corresponds to what you have in the
LANGUAGE_CODE setting. If you left
LANGUAGE_CODE set to
en-gb the initial locale would've been created for
"English", so you need to create a new locale for "French".
To create a new locale, go to "Settings" => "Locales" in the admin interface, and click "Add a new locale". "French"
should be automatically selected as it is the only available option (this list comes from the
WAGTAIL_CONTENT_LANGUAGES setting you configured earlier).
Set the "Sync from" field to "English". This keeps the "French" language tree in sync with any existing and new English content as it's authored.
After you press "Save", there should be two "Home" pages in the page explorer: