WordPress.Blöcke

T E X T

ABSATZ

…für Textelemente:
Egal ob Titel, Lauftext, Aufzählungen etc. – dazu verwenden wir den Block «Absatz».

Beim Tippen wird ein Befehlsbalken mit unterschiedlichen Funktionen sichtbar:

1. Ein VERSALER TITEL muss eigenhändig in Grossbuchstaben geschrieben werden :=(
2. Hier verstecken sich die «Aufzählungsoptionen»: Vierecke oder Zahlen.
3. Mit den beiden Pfeilen (nach oben/unten) werden Blöcke verschoben.
   Bei SPALTEN auch seitlich: nach links/rechts.
4. Mit B lässt sich ein Wort oder ein Absatz FETT hinterlegen.
5. mit dem I werden Textelemete kursiv dargestellt.
6. Mit dem «Verkettungsymbol» werden Links auf andere Seiten, Mails, PDFs etc. hinterlegt.
   WICHTIG: Bewusst auswählen, ob automatisch ein neuer Reiter erstellt wird!
7. Hinter diesem Pfeil «nach unten» verstecken sich weitere oft verwendetet Befehle:
8. HERVOREBEN: ist für interne, redaktionelle Arbeit sehr hilfreich. Dabei gib es die Option den Hintergrund farbig zu hinterlegen, und/oder die Typografie farbig zu gestalten.
9. Hoch- und tiefgestellte Ziffern: z.B. km²
10. Inline-Bild ist der Befehl, um innerhalb eine GG-Blocks ein Bild zu platzieren.
    

• Nach dem Platzieren des Fotos kann die Bildbreite in px definiert werden.
• Default = 150px – die ganze, maximale Breite = 740px
• Breite eintippen und mit dem «runden Pfeilsymbol» bestätigen!

D E S I G N

SPALTEN

Um Text-, Bild- und alle anderen WP-Elemente optimal für einen responsiven Umbruch zu platzieren verwenden wir den SPALTEN-Block.

Einige fixe Optionen stehen zum starten zur Verfügung:

• Das kann aber später auch noch angepasst werden:
  • z.B. 4 Spalten in unterschiedlichen Breiten:
  • 1 Spalte = 70% … und die drei weiteren je 10%
• Diese Anpassungen werden im seitlichen Menü «Block» gemacht.
• Damit das klappt muss zwingend der sogenannt «Übergeordnete Block» aktiviert sein.
• Dazu klickst du im Befehlsbalken, ganz rechts auf die drei Punkte… und dann auf den ersten Befehl.
• Hier verbirgt sich auch die für uns interessante Option: «Auf Mobilengeräten stapeln».
• Diese Einstellung muss zwingend aktiv sein – ist zum Glück fix als «default» hinterlegt.

TRENNER

• Um einen Beitrag zu strukturieren eignet sich der Einsatz vom TRENNER-Element.
• Dieses Element hat automatisch oben und unten die richtigen Abstände.

---

• Die sechs am häufigsten verwendetet Elemente stehen oben zur Auswahl:
• Oben, im «Suche-Feld» lässt sich auch ein Elemente direkt aufrufen. Du musst aber den «Namen» kennen:
  z.B. «Foto» oder «Bild» eintippen :=)
• oder dann über die Taste «Alle durchsuchen» findest du alle WP-Blöcke.

ABSTANDHALTER

• Zwischen Foto- und Textelmetnen braucht es immer einen fixen, von Hand hinterlegten Abstand.
• Im Normfall sind 20px sinnvoll.
• Auch als Abschluss eines Spalteninhalts braucht es einen Abstandhalter.
• Wenn Inhalt auf MOBILE gestapelt werden, dann wird sichtbar, dass es diese Abstände braucht.

• Am häufigsten werden Einzelfotos platziert.
• Der entsprechende WP-Block heisst «Bild»
• Um die Website nicht zu «überladen» müssen Fotografien ausserhalb des CMS vorbereitet und bearbeitet werden.
• Diese Arbeitsschritte werden zum Start dieses Manuals im Detail beschrieben.
• Der Einsatz von animierten GIF’s ist identisch wie der Umgang mit Fotos.
• Damit ein Foto platziert werden kann muss es zuerst im CMS im Bereich «Medien» hinzugefügt werden.

• Hier lohnt es sich eine selbsterklärende Ornderstruktur aufzubauen.
• Um eine logische Sortierung zu bekommen vor den Begriffen Ziffern platzieren.
• Bilder, PDF und alle anderen Files können mit Drag&Drop direkt in den Ordner gezogen werden.
• Im einzelnen Bericht/Artikel wird dann auf die hier hinterlegte Datei «verlinkt».
• Film-, Videofiles werden nicht hier hinterlegt! Sie werden via ein VIEMEO-Account eingebunden.

• Dank dem Plugin Gallery (Adv) lassen sich auch einfach Fotogallerien platzieren und definieren.
• Bewährt hat sich die Verwendung von quadratischen Fotos.
• mit den folgenden Einstellungen werden auf DESKTOP zwei Fotos nebeneinander gezeigt. Auf MOBILE werden sie dann einzeln übereinander «gestapelt».
• Für eine schöne Darstellung werden FOTOBYLINES und LEGENDEN VERSAL geschrieben.

• Wie immer müssen die Fotos vorab bearbeiten werden und dann im Bereich «Medien» hinterlegt werden.
• Im Beitrag selbst wird der WP-Block «Adv. Gallery» platziert.
• Anschliessend werden via ein Dialogfeld die gewünschten Bilder im Bereich MEDIEN ausgewählt.
• In einem zusätzlichen Dialogfeld kann die Reihenfolge der Bilder angepasst werden.
• Die oben gezeigten Grundeinstellungen werden auf der rechten Seite im Reiter «Block» hinterlegt.