Design: Vorlagen

Unser System page4 stellt dir verschiedene Vorlagen zur Verfügung. Wenn du auf die Karteikarte "Vorlagen" (1) klickst, findest du dort mehrere Menü-Einträge.

 

 

2) Designs = Hier sind alle neuen Designvorlagen Jedes Design wird mit einem Begriff aus dem Bereich der Astronomie bezeichnet. So verwenden wir zum Beispiel die Eigennamen von Planeten, Sternen, Galaxien oder Ähnliches

3) Classic = Hier sind alle Designvorlagen, die dadurch entstanden sind, dass wir ältere Vorlagen konvertiert haben. Jedes Design hat eine Nummer, sodass du sofort siehst, welche alte Vorlage verwendet wurde.

4) Strukturen = Hiermit kannst du die Struktur deines Designs anpassen

 

Solange du nicht auf "Speichern" rechts oben klickst, kannst du alles ausprobieren und jederzeit wieder zum letzten gespeicherten Stand zurückkehren.

 

Achtung: Die ersten beiden Vorlagen (Design und Classic) überschreiben Inhalte deines aktuelles Designs komplett. Inhalte sind Headerbilder, Farben, Schriftauswahl und Schriftgestaltung, Navigationsgestaltung, Rahmen, Hintergrundfarben usw.

Die Inhalte auf deiner Webseite, also Texte, Bilder, Linien, Tabellen usw. werden natürlich nicht überschrieben, sondern nur in einem anderen Design dargestellt.

 

Strukturvorlagen ändern nur die Struktur und lassen das Design ansonsten unverändert. Mit diesen Vorlagen hast du eine Basis und kannst diese dann noch individuell anpassen. Übrigens: Alle unsere Vorlagen werden mit genau den Werkzeugen erstellt, mit denen jeder page4 User arbeiten kann.

Eine Designvorlage ist eine von vom Page4 Team gestaltete Webseite. Wir verwenden dazu nur unseren Webbaukasten page4, sodass du theoretisch und praktisch jede von uns erstellte Designvorlage selbst zusammenbauen kannst.

 

Eine Designvorlage besteht aus verschiedenen Elementen:

 

Header. Ein Header besteht aus einem Container, in den du ein Hintergrundbild einladen und auf den du zusätzlich spezielle Inhalte platzieren kannst. Außerdem kannst du in einem Header die Navigation einbinden. Du kannst bis zu drei Header gleichzeitig platzieren. Alle Header befinden sich immer im oberen Bereich einer Webseite.

 

Footer. Ein Footer besteht aus einem Container, in den du ein Hintergrundbild einladen und auf den du zusätzlich spezielle Inhalte platzieren kannst. Ein Footer befindet sich immer im unteren Bereich einer Webseite. 

 

Sidebar. In der Seitenleiste kannst du Inhalte, die Blognavigation und die normale Navigation einbinden. Du kannst bis zu zwei Sidebars gleichzeitig platzieren.

 

Navigation. Je nach Art brauchst du bis zu zwei Bereiche, wo die Navigation eingebunden wird. Eine Navigation ist zwingend erforderlich, so dass es kein Design ohne Navigationsbereich gibt.

 

Inhaltsbereich. In diesem Bereich werden alle Inhalte deiner Seite eingebunden. Blogartikel werden am gleichen Platz angezeigt, sind aber unabhängig vom normalen Inhalt. Auch der Inhaltsbereich ist zwingend, so dass es kein Design ohne Inhaltsbereich geben kann

 

 

Wir haben völlig neue Designvorlagen erstellt. Diese findest du im Bereich „Designs“ und erkennst sie auch daran, dass jedes Design einen eigenen Namen hat. Wir haben die Namen aus dem Bereich der Astronomie ausgewählt. Die Vorlagen sind also nach Sternen, Galaxien und Planeten benannt. Jede Vorlage erlaubt es, hunderte von Varianten zu erzeugen. Und das innerhalb weniger Minuten.

Designvorlagen sind von uns zur Verfügung gestellte Vorschläge um dir zu helfen, eine ansprechende Webseite zu erstellen. Du kannst die Designvorlage unverändert übernehmen und mit deinen eigenen Inhalten füllen. Du kannst aber auch alle oder einen Teil der mitgelieferten Bilder gegen eigene Bilder austauschen, die Farben, Schriften, Höhen, Breiten, Abstände und was auch immer beliebig verändern und damit ein völlig individuelles Design erstellen. Alle Vorlagen im neuen Design-Editor sind für mobile Webseiten optimiert. Auch von dir veränderte Designvorlagen bleiben komplett responsive.

Bei page4 sind die Elemente für das Design streng getrennt von den Inhalten einer Webseite.

 

Es gibt nur eine Ausnahmen. Inhalte, die du selbst in einem Header oder einem Footer platzieren kannst, werden zwar direkt im Design-Editor angelegt und bearbeitet. Diese Inhalte gehören aber nicht zum Design. Wir haben die Bearbeitung dieser Inhalte in den Design-Editor verlegt, weil dadurch der Arbeitsfluss besser ist und du mehr Kontrolle hast.

 

In der alten Version konnte man die Inhalte im Header direkt auf der Seite anlegen und bearbeiten, also da wo man auch Inhalte anlegt. Da man auf dem Designbild im Header Texte und Bilder platzieren konnte, hatten viele User Probleme damit, dass sie das Headerbild selbst dort nicht ändern konnte. Erst, wenn unser Support erklärt hatte, wieso wir das so gestaltet haben, wurde verstanden, dass das Headerbild zum Design gehört und die Elemente auf dem Header zum Inhalt.

 

Dadurch, dass du jetzt die Inhalte im Design-Editor bearbeitest, kannst du mit einem Klick auch das Headerbild bearbeiten und es entfernen, wenn es nicht gebraucht wird, weil statt dessen eine Galerie angezeigt werden soll.

 

 

 

Wir haben alte Vorlagen konvertiert und optimiert. Diese Vorlagen findest du im Bereich „Classic“. Die Vorlagen sind mit einer Nummer benannt. Wenn das alte Design das Layout (Struktur) Nummer 64 hat und wir haben die Vorlage 20 konvertiert, dann hat das neue „Classic-Design“ die Nummer 64-20. Bei den alten Vorlagen war es so, dass zum Beispiel die Struktur 64 die Anordnung der Bereiche bestimmte und die Vorlagen selbst sich nur durch Farbgebung und die Höhe des Headers oder durch die Gesamtbreite unterschieden haben.

Daneben gab es noch Vorlagen, die grafische Elemente verwendet haben, um Schmuckrahmen zu gestalten. Solche Vorlagen sind leider nicht für die mobile Darstellung geeignet und nicht mehr zeitgemäß. Außerdem ist es technisch nicht möglich, diese Vorlagen 1:1 zu konvertieren, weil das neue System anders aufgebaut ist.

Du kannst aber mit einer Classic-Vorlage alle alten Vorlagen einer Layoutstruktur nachbilden, sodass die von uns zur Verfügung gestellten Classic-Design-Vorlagen in der Lage sind, hunderte der alten Vorlagen zu ersetzen.

 

 

 

Aktuell gibt es vier Vorlagen für Strukturen. Damit sind alle vorhandenen Designvorlagen hergestellt worden. Mit diesen Strukturen und den Optionen die page4 dazu liefert, kannst du rund 90% alle Designvorlagen, die andere Baukästen zur Verfügung stellen ohne viel Aufwand nachbauen. Viele Baukästen verwenden nur eine Struktur und gestalten die Vorlagen durch Schriften, Farben, Bilder und oft auch durch „richtige“ Inhalte, also Elemente im Inhaltsbereich, die normalerweise im Design nichts zu suchen haben.

Mit der Struktur werden die Bereiche platziert. Eine Struktur entscheidet darüber, wie die Bereiche einer Webseite zueinander angeordnet sind. Wenn du eine bestimmte Struktur gewählt hast, kannst du zwar die Breiten und Höhen der Bereiche bestimmen oder Bereiche weglassen. Du hast aber keinen Einfluss, wie die Bereiche zueinander angeordnet werden. Die einzige Möglichkeit einer Neuordnung besteht darin, eine andere Struktur zu wählen.