test 2017-10-14T20:32:10+00:00

Generell ist es wohl am einfachsten, für jedes öfter benötigte Element, dieses Element in die Library zu kopieren und von dort aus zu nutzen. Das kann ein kleines Element wie eine Überschrift oder ein Button sein, aber eben auch ein ganzer Container mit vorgefertigtem Aufbau, mit Überschriften, Bildern, Texten und Kästen.

Zumindest arbeite ich bei meinen eigenen Seiten so und es ist meiner Meinung nach das einfachste. Dann bist Du auch sicher, dass gleichartige Bereiche auf der Seite gleichartig aufgebaut sind und gleich aussehen.

Überschriften & Texte

Alle folgenden Inhalte werden mit dem Text Block erstellt:

Überschriften:

Für die Überschriften 1,2, und 3 benötigst Du jeweils den Class Befehl, der in etwa so aussieht

Entweder kopierst Du einen Block ober gibst diese Classe über den Bereich Text oben rechts ein. (zu kopieren hier bei der jeweiligen Überschrift)

Überschrift 1

Diese Überschrift wird nur als Seitenüberschrift verwendet.
Diese Überschrift wird in Großbuchstaben umgewandelt, ist Pink und 42px groß

Überschrift 2

Diese Überschrift ist die Überschrift eines einzelnen Themas einer Seite
Diese Überschrift wird in Großbuchstaben umgewandelt, ist Pink und 27px groß

Überschrift 3

Wenn es Innerhalb eines Themas unterschiedliche Bereiche z.B. Kurse gibt ist dieses die Überschrift
Diese Überschrift wird NICHT in Großbuchstaben umgewandelt, ist Pink und 18px groß

Text Italic

wenn es in einem Bereich einen Vorangegangenen Satz gibt, ist dieser immer Italic

Normaler Text:

Für normalen Text benötigst Du keine besonderen Fähigkeiten. Er sollte hoffentlich jetzt überall 16px groß sein. Wenn Dir noch irgendwelche Boxen auffallen in denen normaler Text nich 16px groß ist, kann ich das leicht ändern.

Normaler Text

…ist 16 px groß und grau sowie linksbündig

Normaler Text mit Link

…ist grau. Der Link ist pink. Beide sind 16px groß

Normaler Text mit Fettem Text

…ist grau, der Fette Text sieht so aus.

Normaler Text mit Aufzählungen

  • eins
  • zwei
  • drei

schaut so aus

Pinker Text, beispielsweise bei den Preisen neben dem Button

Es ist normaler Text, den Du als Classe einfügen kannst.

Weitere Elemente:

Seperator

Der Seperator, der vor einem Neuen Element kommt wird hiermit

erstellt und schaut so aus:

Kaufen Button

Der Kaufen Button muss als Code Block eingefügt werden

erstellt und schaut so aus:

Kaufen
Preis: € 35,- pro Person (Early Bird Preis €29,- bis zum 15. September 2017)

Dadurch, dass der Button Pink mit abgerundeten Ecken ist, ist es leider allerhand Code.

Daher ist es wohl am einfachsten, du nimmst einen ganzen Button aus der Elemente Gallerie und änderst einfach den Link um. Der Link ist oben farbig markiert.

Der Text darunter ist der Preistext, der ja z.B. bei den Workshop und Kursen meist daneben kommt. Wenn nicht benötigt, kannst Du ihn einfach löschen.

Hier findest du das Element unter Button Kaufen mit Preis

Neuer Lehrer

Bild, Name und Link

Am besten Du kopierst einfach einen fertigen Lehrerblock mit dem mittleren Bild „clone column“

Dann kannst Du simpel den Link des Bildes, sowie den Link des Namens und den Namen ändern. Die Formatierungen sollten gleich bleiben.

Wenn Du stattdessen einen eigenen Block erstellst, achte darauf, dass sowohl der Text als auch das Bild mittig sind, und sowohl das Bild als auch der Text jeweils einen Link haben

Lehrerbox Bild links, Lehrername + Text rechts

Auch hier ist es am einfachsten, einen gesamten Block zu kopieren. Zweites Logo in der blauen Fläche. Dann kannst du alles ändern.

Zu beachten sind folgende Punkte:

CSS ID

In der blauen Fläcke musst Du den edit Stift klicken um die CSS ID zu ändern:
Diese sorgt dafür, dass du exakt hierhin aus dem Bild oben auf der Seite von der Kursseite oder aus dem Kursplan verlinken kannst:

/lehrer/#füsun-folger

Bild mittig

Damit das Bild immer schön ausschaut solltest Du es mittig anordnen

Image Frame > General > Align > center

Beim Namen die Classe behalten

Damit der Name als Überschrift bleibt und dort größer und Pink ist, solltest Du die Klasse behalten. Einfach im Editor in der Einstellung „Text“ den Namen ändern und alles bleibt fein.

Solltest du das mal vergessen haben, kein Problem, einfach ein neues Element erstellen und unter der Library die Überschrift 2 Auswählen und ändern.

Neuer Workshop

Es gibt ein Workshop Template, das bereits alle möglichen Inhalte hat

  • Seperator
  • Überschrift 1
  • Bild Links
  • Überschrift 2 rechts umlaufend
  • Text rechts umlaufend
  • Link zu Kontakt@ensoyoga.de
  • Termin Text fett
  • Kaufen Button mit Preis
  • mehr infos zu…. verlinkt

Du kannst alle Einzelteile löschen, je nach den Inhalten, die Du hast oder nutzen willst

Du findest dieses Template unter Container einfügen > Library Containers > Workshop mit allen Inhalten

Zu finden hier:

My Google Maps Demo