Seiten Erstellung

Grundsätzlich macht man für jede neue Seite eine neue Seite 🙂
immer über Seiten -> erstellen.
Dann gibt es nur 2 Arten von Seiten: 1 x die Seiten die ein Untermenue Haben und bei denen die untermeneu Punkte als automatisch vorschau angezeigt werden sollen. Wie hier bei Workshops und künstler. Da ist es so das die Seiten die als untermeu Punkte verknüft sind automatisch mit dem Vorschaubild einem textauszug und link auf der Seite anezeigt werden.
alle anderen seiten benutzen das gleiche template.
— Seiten mit Untermeneu: Menue auf der Rechten Seite, bei „seite“ unter „Template“ -> “ Parent Template Auswählen
— Alle anderen Seiten: Menue auf der rechten Seite: „Template“ -> „Blank Template “ auswählen
+– Untermenue Seiten. auch „blank Template“ auswählen aber zusätzlich noch bei „übergeordnete Seiten“ die betreffende Hauptmenue seite auswählen, und nicht vergessen ein beitragsbild und Text einzufügen
+– Bei den untermeneu Seiten müssen ausserdem die die seiten im Dashboard unter Design->Menue-> noch dem menue hinzugefügt werden. Die betreffende seite mit häkschen auswählen und -> zum Menue hinzufügen . Dann in „Menue Struktur“ an die richtige Stelle schieben-
Kurze Info zum Header: Nur die Hauptmenue seiten bekommen einen Header mit schwrzem Logo und weisser Typo im Hintergrund. Das ist so aufgebaut, dass das Schwarze logo immer hier im Content Bereich der erste Block ist (nennt sich Cover Block) . Das zu gesatlten und einzupflegen ist meine Aufgabe. Nur mnicht wundern das auf dem Hauptseiten der erste Block das logo ist das muss so
Überschrift: WordPress fügt automatisch den Titel bzw Namen der Seite als Erste Überschrift ein.
deshlb steht der Titel der Seite im Editor immer ganz oben. Der ist aber unsichtbar, bzw ausgeschaltet für das frontend. Also nicht wundern über die erste überschrift im Backend die man nicht wegbekommt, die wird nicht angezeigt. So hat man mehr kontrolle und die erste überschrift muss nich genau so heissen wie der Menue punkt.

Übersicht über die Boardmittel

Das ist die H1

das ist die H2

und die H3

es gibt auch noch mehr aber in der Regeln braucht man nicht mehr, ein normaler absatz schaut dann so aus.

ein 2. Absatz dann so…..Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,….. jetzt aber erstmal ein foto

bild über die ganze breite

Block-> Medien -> Bild
2 Stellen wo man Eibnstellugen vornehmen kann
1. im Menue auf der rechten seite unter dem Reiter Block: Stil: Standart, Vollständige Größe
2. wenn man den Block (also das Bild) ijm editor anklickt erscheint noch ein Menue oberhab des bildes: Ausrichtung: Keine,
Eine Text unterzeile escheint nur, wenn man auch text eingibt, dieser kann dort auch noch formatiert werden. Am besten aber nur normal und bold als format nehmen sonst wird es zu wild

Fett und hervorgehoben dazu kann man noch einenen untertitel Hizufügen

bild im Text

Das geht links ausgerückt und rechtsausgerückt. Das habe ich bedes hier gezeigt. ABER BITTE LINKS AUSGERÜCKT VERMEIDEN, denn das scollt unschön über das seitenmenue

Gleich Block wie oben dass bild das nicht im Tetfluss ist also: Block->Medien->Bild
1. rechts Menue: Bildgröße Mittel
2. Menue über dem Block: Ausrichtung: Rechtsbündig

Untertitel auch in fett

libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.

und was steht hier

Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,

Hervorhebung / Abschnitt / auszüge / Zitate

Dieser Block kann sehr vielfältig und kreativ eingesetzt werden. es ist immer ein waagerechter Stich in der länge des Inhalts (nur Text) rechts rausgerückt. den text kann man sehr vielfältig Formatieren, was es zu einer Universal Text Waffe macht. Man kann in diesen Zitatblock andere Blocks einfügen. einen Absatz, eine Überschrift,… auch mehrer verschiedene Untereinander. Es ist auch möglich bilder videos und andere Block hier einzubauen. ABER dafür ist es nicht gedacht.

Block->Text->Zitat

Hervorhebung

Hier kann ganz unterschiedlich formatiert werden ein paar beispiele Folgen. hier eine Version mit text und einer Überschrift

„Das ist ein Super Zitat“
mit Quellenangabe

und jetzt noch eine Liste

block-> text -> liste
man kann die listenpunkte einzeln formatieren im FrontEnd erscheinen die Punkte als pfeile

punkt 1
punkt 2
punkt 3 mit langen text der umberechen muss weil der so wahnsinnig lang ist nur um das mal auch ausprobiert zu haben
punkt 4

Button

Man kann für die Buttons unterschiedliche Größen festlegen, die habe ich hier alle mal gemacht. Ich würde ihn aber in der kleinen standartgröße empfehlen
Zusätzlich man kann die buttoms auch anders ausrichten wenn Möglich am liebsten aber immer mittig. Und dann gibt es noch die Möglichkeit der darstellung nicht schwarz hinterlegt sonder nur mit schwarzer outline, der darf gerne verwendet werden ist aber nicht ganz so präsent wie der schwarze

Block – > Design -> Buttons
1. dann rechts im menue nichts ändern, ausser man will den Look mit der outline -> Stil -> outline
2. im kleinen Meneu: Ausrichten der Elemente -> Elemente zetriert ausrichten , Unter Link die URL des angestrebten links eingeben . Abweichend zu der URL kann man dem Buton einen anderen text geben, dazu einfach in den button klicken und tippen

test

hier kann man was reinschrieben

Oder sogar etwas größer

so kann er auch aussehen

Bild und text kombiniert.

Das ist der Medien und Text Block und das mittel der Wahl wenn man ein Bild mit einer Beschreibung oder Angaben Kombinieren will. Ich hatte es vor allem für Team gedacht, sozusagen als Steckbrief. Das darf aber gerne auch kreativ an anderer Stelle eingesetzt werden.
– man kann entscheiden wie die aufteilung der Spalten ist ( Bitte bestenfalls immer 50/50, also halbe Spalte bild Halbe Spalte Text)
– im Textteil kann man im Grunde alles machen was man will, Listen, Buttons, Überschriften und vieles mehr
-die Hintergrund Farbe sollte weiss sein, das muss extra eingestellt werden, alternativ wäre ich auch mit einem gelben Hintergrund je nach Zweck einverstanden.
-man kann auch entscheiden ob das bild rechts oder links sein soll. ich bevorzuge das Bild links, das ist aber natürlich abhängig von Inhalt und kein muss.

Block->Medien->Medien und Text
1. rechts Menue: Haken setzten bei – auf mobilgeräten stapeln + – Bild zuschneiden und die gesamte spalte füllen // Farbe->Hintergrund -> über den schiebregler weiss auswählen.
2. Menue: Ausrichtung: Keine !das ist wichtig sonst ist der ganze Block rechts ausgerückt, Vertikale Ausrichtung: oben ( damit steht der Text oben Bündig , je nach fall kann man das auch anders machen)

Heike Herold

Geschäftsführerin

und noch text dazu oder auch Angaben
heike.herold@soziokultur-nrw.de

ein video alleine sieht so aus

ein Unterschrift kann man dem auch noch verpassen

eine Bilder Gallerie

Das funktioniert ein wenig anders: Man erwstellt die Gallerie woanders und kopiert hier nur den shortcode rein und fertig

die Gallerie wird mit modula Gallery gemacht, dafür legt man sich erst eine Gallerie im Backend unter modula an. (im Dashboard dort wo man auch seoten erstellt gibt es den Punkt Modula)
Dort stellt man sich die gallerie so ein wie man sie haben will. und kopiert hier nur den shortcode hin , einfach copie und paste.
Modula: Add new -> unter Gallerie alle Bilder hochladen oder aus der Mediathek nehmen.
General Settings: Gallery Type: Masonary ,
das sollte schon gute ergebnisse erzielen, je nach dem welche Formate die Bilder haben kan man noch mit den Einstllungen spielen.. Das ist geschmackssache und erlaubt 🙂