Multidomain

Wenn mehrere Domains in einer Contao-Installation mit dem NATURE Theme verwendet werden sollen, ist dies über ein paar Umwege möglich.

Ziel der Anleitung ist es, dass jede Domain über eine eigene custom.scss, _custom_colors.scss und _custom_variables.scss verfügt. Es sollte mindestens NATURE Theme Version 1.11.0 (bis Contao 4.13) oder 2.1.0 (ab Contao 5) installiert sein.

Ab Contao 4.12 wurde der öffentlich erreichbare Unterordner von /web in /public umbenannt. Falls in deiner Installation ein Verzeichnis /web existiert, verwendest du in den folgenden Code-Beispielen web statt public.

1) SCSS-Dateien anlegen

Lege in der Dateiverwaltung unter naturetheme/scss einen Ordner an (z. B. domain2). Kopiere in diesen Ordner die Dateien custom.scss, _custom_colors.scss und _custom_variables.scss.

In der _custom_colors.scss passt du die Pfade zu den Farbschemen wie folgend an.

//@import '../../../../public/bundles/contaothemesnetnaturetheme/scss/color_schemes/nature_red_colors';
//@import '../../../../public/bundles/contaothemesnetnaturetheme/scss/color_schemes/nature_blue_colors';
//@import '../../../../public/bundles/contaothemesnetnaturetheme/scss/color_schemes/nature_dark_colors';

/*
 * comment line to disable the ios dark mode
 */

//@import '../../../../public/bundles/contaothemesnetnaturetheme/scss/color_schemes/nature_dark_mode';

//@import 'color_schemes/nature_red_colors';
//@import 'color_schemes/nature_blue_colors';
//@import 'color_schemes/nature_dark_colors';

/*
 * comment line to disable the ios dark mode
 */

//@import 'color_schemes/nature_dark_mode';

Lege im selben Ordner noch eine Datei nature.scss mit folgendem Inhalt an.

@import '../../../../public/bundles/contaothemesnetnaturetheme/scss/bulma/utilities/initial-variables';

@import '../../../../public/bundles/contaothemesnetnaturetheme/scss/fonts';

@import "_custom_colors";
@import "../../../../public/bundles/contaothemesnetnaturetheme/scss/nature_colors";

@import "_custom_variables";
@import "../../../../public/bundles/contaothemesnetnaturetheme/scss/nature_variables";

@import "../../../../public/bundles/contaothemesnetnaturetheme/scss/nature_style";

@import 'custom';

So sollte es am Ende aussehen:

2) Template anlegen

Lege unter Templates ein neues Template fe_page_nature.html5 an und benenne es um (z. B. fe_page_nature_domain2.html5).

Suche folgende Zeile und füge den Namen der Domain (in diesem Beispiel domain2) innerhalb von getCombinedStylesheet() ein.

<link rel="stylesheet" type="text/css" media="all" href="<?= ContaoThemesNet\NatureThemeBundle\ThemeUtils::getCombinedStylesheet('domain2');

3) Layout anlegen

Navigiere zu Themes und Seitenlayouts des Theme bearbeiten (4. Icon von rechts) und dupliziere ein beliebiges Layout. Bearbeite das Layout und wähle unter Experteneinstellungen (ganz unten) bei Seiten-Template das eben angelegte fe_page-Template aus.

4) Layout der Seite zuweisen

Zum Schluss muss das Layout nur noch einer Seite zugewiesen werden.