Verfügbar mit
Fontaine

von Automattic
Jetzt starten

Fontaine ist ein Portfolio- und Profiltheme für visuelle Designer, die die kühne Schlichtheit brutalistischer Ästhetik mögen. Das Ziel war es, ein unauffälliges Theme zu entwickeln, das deinen Inhalten die Möglichkeit gibt, zu glänzen und im Rampenlicht zu stehen.

Theme-Einrichtung

Zusätzlich zum Startseiten-Template enthält das Theme zwei zusätzliche Seiten-Templates, die deine Arbeit präsentieren und Informationen über dich in einem auffälligen Hell-Dunkel-Farbschema teilen. Wenn du deine Website wie die Demo-Website einrichten möchtest, befolge die unten stehenden Schritte.

  1. Veröffentliche eine Seite mit dem Namen „Arbeit“. Wie bei der Startseite müssen wir keine Inhalte hinzufügen. Wir benötigen für deine Arbeitsseite lediglich eine veröffentlichte Seite. Wähle das Template Page: Work (Seite: Arbeit) aus.
  2. Veröffentliche eine Seite mit dem Namen „Info“. Wie bei der Start- und Arbeitsseite müssen wir keine Inhalte hinzufügen. Wir benötigen für deine Infoseite lediglich eine veröffentlichte Seite. Wähle das Template Page:Info (Seite: Info) aus.
  3. Bearbeite den Inhalt in diesen Templates mit dem Website-Editor.
  4. Füge dem Header einen Navigationsblock und den Seiten „Arbeit“ und „Info“ Seitenlinks hinzu.

Mischmodus für Header

Dieses Theme hat einen oben gehaltenen Header, der an der gleichen Stelle bleibt, während du auf der Seite scrollst. Daher ist der Header mit einem interessanten Mischmodus ausgestattet. Sieh dir dieses Beispiel an: Die Header-Textfarbe ändert sich dynamisch, je nachdem, was sich dahinter befindet.

Dazu wird die Textfarbe in diesem Gruppenblock absichtlich auf weiß gesetzt und erscheint auf der hellgrauen Hintergrundfarbe schwarz.

Wenn du die Textfarbe oder die Hintergrundfarbe der Website ändern oder den Mischmodus deaktivieren möchtest, kannst du dies tun, indem du das hier hinzugefügte individuelle CSS entfernst. Du musst es aus allen Templates in diesem Theme entfernen.

Screenshot

Du kannst den oben gehaltenen Header auch ausschalten, indem du die Position hier einfach auf die Standardposition änderst.

 

WordPress kennenlernenFolge den anfängerfreundlichen Kursen und erstelle deine erste Website oder dein erstes Blog.
Einen Kurs ansehen