Mini-Tutorial - KULTUR IM DIALOG

Spalten, <pre> und Image-Boxen

Hier ein paar Tipps für die Standard-Aufgaben… Normaler Text wie dieser hier ist übrigens als „Absatz“ formatiert. Die nachfolgende Überschrift als „Überschrift 3„, der oben stehende Seitentitel als „Überschrift 2„.

<pre>

Falls der Text im Editor (und auf der Seite) in

Courier

erscheint, ist möglicherweise beim Einkopieren der <pre>-Tag mitgekommen. In diesem Fall im Editor oben rechts auf „HTML“ umschalten, nach dem einleitenden <pre> suchen, dieses löschen, dann nach dem beendenden </pre> suchen und dieses ebenfalls löschen. Dann Editor wieder auf „Visuell“ umschalten.

Image-Box

Nachfolgend die erste Image-Box -Bild editieren ebenfalls auf dieser Seite, unterhalb des Editors. Die Box wird eingefügt, indem der Shortcode „first_image_box“ (in eckigen Klammern) eingefügt wird. Schließen der Box mit „/first_image_box“ (in eckigen Klammern). Dazwischen kommen Überschrift und Text.

[first_image_box]

Erste Image-Box

Um die Überschrift zu erzeugen: Text markieren und als „Überschrift 2“ formatieren.

AUSWAHL DES BILDES VIA MEDIATHEK:
Blauer Button „Add Media“ -> Mediathek -> Bild -> unbedingt angeben: „URL“ -> „Datei-URL“ (Button klicken) -> abschließend „Send to Option Tree“-Button klicken (-> Mediathek-Auswahl-Popup schließt, Bild wird im Seiteneditor angezeigt).

[/first_image_box]

[section id=“unique“ columns=“12″]

[span columns=“4″]

Drei

Nun – ich habe einfach den entsprechenden Teil auf der Startseite kopiert und hier eingefügt.

Also von
(eckige Klammer auf) section id=“unique“ columns=“12″ (eckige Klammer zu)
bis
(eckige Klammer auf) /section (eckige Klammer zu).

Mit den ganzen (eckige Klammer auf) span columns=“4″ (eckige Klammer zu) usw. dazwischen. 😉

[/span]

[span columns=“4″]

Spalten

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

[button align=“left“ link=“https://kulturimdialog-berlin.de/weiterbildung/“]Weitere Informationen[/button]

[/span]

[span columns=“4″]

einfügen

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

[/span]

[/section]

Nachfolgend die zweite Image-Box (mehr gibts nicht pro Seite…).

Bild wird unterhalb des Editors festgelegt, auch die Farbe der Textbox und deren Durchsichtigkeit. Einfügen wie oben, nur mit „second“ statt first: Die Box wird eingefügt, indem der Shortcode „second_image_box“ (in eckigen Klammern) eingefügt wird. Schließen der Box mit „/second_image_box“ (in eckigen Klammern). Dazwischen kommen Überschrift und Text.

[second_image_box]

Zweite Image-Box

Um die Überschrift zu erzeugen (wie oben): Text markieren und als „Überschrift 2“ formatieren.

[/second_image_box]

Und nochmal Spalten, diesmal mit 4 Spalten.
Ich lasse bei „section“ die „columns = 12“, reduziere bei den Spalten die columns auf „3“ (weil: 12 geteilt durch 4 ist 3) und füge durch copy/paste noch eine Spalte (span columns=“3″) hinzu.

[section id=“unique“ columns=“12″]

[span columns=“3″]

Eine

Nun – ich habe einfach den entsprechenden Teil auf der Startseite kopiert und hier eingefügt.

Also von
(eckige Klammer auf) section id=“unique“ columns=“12″ (eckige Klammer zu)
bis
(eckige Klammer auf) /section (eckige Klammer zu).

Mit den ganzen (eckige Klammer auf) span columns=“4″ (eckige Klammer zu) usw. dazwischen. 😉

[/span]

[span columns=“3″]

Spalte

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

[/span]

[span columns=“3″]

MEHR

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

[/span]

[span columns=“3″]

als oben

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

[/span]

[/section]

Und weil es dann so schön einfach per copy&paste zu übernehmen ist:
Nachfolgend der Code zum Rauskopieren im Editor für 2 Spalten..:

[section id=“unique“ columns=“12″]

[span columns=“6″]

Zwei

[/span]

[span columns=“6″]

Spalten

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

[/span]

[/section]

Zitat

„Mir persönlich hat besonders gut gefallen, dass Sie spontan auf die Bedürfnisse der Kollegen eingegangen sind… Vielen Dank für Ihr Engagement und Ihre Professionalität. Weiter so!“
Sarah Kaleve / LVR-Industriemuseum Schauplatz Oberhausen

Alles soweit klar? 🙂

(Diese Seite braucht wirklich viel zuviel Ladezeit – die Bilder sind zu schwer…)

Auf neuen Seiten: stets rechts Template „Full Width“ auswählen und oben unter „Eltern“ korrekt einsortieren.

Nicht vergessen: oben (oberhalb Editor) ggf. „Permalink“ editieren wg. Google-SEO…

Und zur Erinnerung: Menü editieren unter „Design“ -> „Menüs“.