Multidomain

Wenn mehrere Domains in einer Contao-Installation mit dem ODD 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.

1) SCSS-Dateien anlegen

Lege in der Dateiverwaltung unter odd/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 muss der Pfad für die Farbschemen wie folgt angepasst werden.

//@import '../../../../web/bundles/pdirthemeodd/scss/color_schemes/odd_grey_colors';
//@import '../../../../web/bundles/pdirthemeodd/scss/color_schemes/odd_blue_colors';

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

@charset "UTF-8";

@font-face {
  font-family: 'Cabin';
  font-display: swap;
  src: local('Cabin'),
  url('/bundles/pdirthemeodd/fonts/Cabin/cabin-regular-webfont.woff2') format('woff2'),
  url('/bundles/pdirthemeodd/fonts/Cabin/cabin-regular-webfont.woff') format('woff'),
  url('/bundles/pdirthemeodd/fonts/Cabin/cabin-regular-webfont.ttf') format('ttf'),
  url('/bundles/pdirthemeodd/fonts/Cabin/cabin-regular-webfont.eot') format('eot');
}

@font-face {
  font-family: 'Muli';
  font-display: swap;
  src: local('Muli'),
  url('/bundles/pdirthemeodd/fonts/Muli/muli-regular-webfont.woff2') format('woff2'),
  url('/bundles/pdirthemeodd/fonts/Muli/muli-regular-webfont.woff') format('woff'),
  url('/bundles/pdirthemeodd/fonts/Muli/muli-regular-webfont.ttf') format('ttf'),
  url('/bundles/pdirthemeodd/fonts/Muli/muli-regular-webfont.eot') format('eot');
}

@import "../../../../web/bundles/pdirthemeodd/scss/_odd_colors";
@import "_custom_colors";
@import "../../../../web/bundles/pdirthemeodd/scss/_odd_variables";
@import "_custom_variables";

@import '../../../../web/bundles/pdirthemeodd/scss/style';

@import 'custom';

2) Template anlegen

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

Nun musst du das Template bearbeiten und folgende Zeile $combiner->add('bundles/pdirthemeodd/scss/odd.scss'); durch folgende Zeile ersetzen:

$combiner->add('files/odd/scss/domain2/odd.scss');

3) Layout anlegen

Navigiere zu Themes und Seitenlayouts des Theme bearbeiten (5. 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_bootstrap-Template aus.

4) Layout der Seite zuweisen

Zum Schluss muss das Layout nur noch einer Seite zugewiesen werden (Layout-Einstellungen -> Ein Layout zuweisen).

5) ODD Elements

Bei den Artikeleinstellungen für Header- und Footer-Inhalten (unter ODD Elements) kannst du unter Template-Einstellungen die entsprechende Seite auswählen, damit auch wirklich die Inhalte aus diesem Artikel genutzt werden.