Beispielseite + Pflegetipps

Bitte beachten Sie, dass die Seitenüberschrift H1 aus Gründen der Suchmaschinenoptimierung nur einmal pro Seite genutzt werden sollte. Des weiteren achten Sie bitte darauf, Ihren Inhalt mit den restlichen Überschriften hierarchisch korrekt zu strukturieren.

Um eine 2-teilige Überschrift H2 auszugeben, verwenden Sie zusätzlich zum normalen Überschriftenfeld noch das Feld für die Unterüberschrift. Dies funktioniert auch nur, wenn Sie bei "Typ" den Eintrag "2-teilige Überschrift" auswählen.

Um den Inhaltsbereich in mehrere Spalten aufzuteilen, stehen hier folgende "Raster-Elemente" zur Verfügung:

• Container 33-33-33 zentriert
• Container 33-33-33
• Container 33-66
• Container 50-50
• Container 66-33

Diese dienen wiederum als Container für weitere Inhaltselemente und teilen die Seite - zumindest in der Desktopansicht – in zwei bzw. drei Spalten mit der jeweiligen prozentualen Breite auf. In der Responsive-Ansicht brechen diese Spalten dann ggf. zur besseren Darstellung um. "Container 33-33-33" und "Container 33-33-33 zentriert" unterscheiden sich nur durch die Textausrichtung der einelnen Spalten.

Manche Elemente benötigen spezielle Inhaltselemente - hierfür ist die Mask-Extension hervorragend geeignet. Mit Hilfe dieser Extension lassen sich Inhaltselemente explizit auf Ihre Anforderungen erstellen. Folgende Mask-Elemente stehen für Sie zur Verfügung:

Dieses Element besteht aus einem Bild, einer Überschrift, einer hervorgehobenen Textzeile und einem Textblock. Im Frontend ist zunächst nur das Bild sichtbar, der Text legt sich erst bei Mouseover über das Bild. Hinterlegen Sie mehrere Elemente, so werden diese in einer 3-spaltigen Ansicht angeordnet.

Aktuell wird dieses Element auf der Seite Team verwendt.

Dieses Element besteht aus einem Hintergrundbild und darüberliegendem Text und Button. Die Besonderheit hierbei ist, dass sich das Bild beim Scrollen in einer anderen Geschwindigkeit bewegt als der darüberliegende Text, wodurch der sogenannte Parallax-Effekt entsteht.

Dieses Element ist vor allem für den Backendbereich "Parallax Element" gedacht, wo es über die volle Breite der Webseite geht. Es kann aber auch im Inhaltsbereich angelegt werden, hier ist es jedoch nur so breit wie der Inhalt.

News und Projekte werden mit Hilfe der Extension "just_news" umgesetzt. Die einzelnen Datensätze sind spezielle Seitentypen, die Sie unterhalb von Projekte (Seiten-ID 29) und Aktuelles (Seiten-ID 36) finden. 

Die Informationen, die auf den Übersichtsseiten (Projekte, Aktuelles) ausgegeben werden, müssen in den Seiteneigenschaften der jeweiligen News- oder Projekt-Seite gepflegt werden. Hierzu hinterlegen Sie einen Titel (entspricht dem Seitentitel), ein Datum und eine oder mehrere Kategorien - diese sind vor allem für die Projekte wichtig, weil hier eine Filterung nach Kategorien stattfindet.
Während in der Projektübersicht nur ein Bild und bei Mouseover der Titel ausgegeben wird, so wird in der Newsübersicht zusätzlich dazu das Datum und die Kategorien ausgegeben. Die Übersichtsseiten werden im Backend jeweils über ein Plugin gepflegt. Die unterschiedlichen Layouts werden dabei im Tab "Erscheinungsbild" unter "Layout" gepflegt und ist für die Seiten Projekte und Aktuelles bereits fertig gepflegt.  

Die Detailseiten der einzelnen News und Projekte unterscheiden sich bei der Pflege und Frontend-Ausgabe:
Für die Projekt-Detailsseiten gibt es ein eigenes Mask-Inhaltselement namens "Projektdetails". Dies legen Sie wie ganz normalen Standardinhalt auf der jeweiligen Projektseite an und pflegen Bilder und ein paar Texte (Beschreibung, Leistung etc.) ein. Die Ausgabe ist hier fest definiert und sieht bei allen Projekt-Detailseiten gleich aus.

Bei den News-Detailseiten haben Sie freie Hand, was das Layout angeht. Hier können Sie Ihren Inhalt beliebig mit Standartinhalten anlegen.

Möchten Sie die einzelnen Projekte oder News nicht im Menü aufführen, so setzen Sie die Eigenschaft "In Menüs verbergen" in den Seiteneigenschaften im Tab "Zugriff" der jeweiligen Seite.

Die Kategorien können natürlich umbenannt bzw. ergänzt oder gelöscht werden. Die Kategorien finden Sie jeweils auf den Seiten Projekte und Aktuelles. Wenn neue Kategorien angelegt werden, achten Sie bitte darauf, die richtige Elternkategorie anzugeben. Also "Projekte" als Elternkategorie für jede weitere Projektkategorie und für News entsprechend "News" als Elternkategorie.