Autor: Waldemar Weber

  • Audio-Block

    Audio-Block

    WordPress hat einen integrierten Audio-Player zum Abspielen von in einem Beitrag oder einer Seite eingebundenen Audio-Dateien.

    Let there be sound…
  • Der Galerie-Block

    Der Galerie-Block

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

    Weiterlesen…
  • Das Beitragsbild

    Das Beitragsbild

    Beitragsbilder (engl. Featured Images) sind ganz besondere Bilder und es gibt sie trotz ihres Namens für Beitrag und Seiten.

    Weiterlesen…
  • Porto in Portugal

    Porto in Portugal

    Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular.

    Weiterlesen…
  • Hinter den Wortbergen

    Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien, leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.

    Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthografisches Leben.

    In die weite Welt hinaus

    Eines Tages aber beschloss eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinauszugehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikola, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg.

    Als das Blindtextchen die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse. Wehmütig lief ihm eine rhetorische Frage über die Wange, dann setzte es seinen Weg fort.

    Unterwegs und gefangen

    Unterwegs traf es eine Copy. Die Copy warnte das Blindtextchen, da, wo sie herkäme, wäre sie zigmal umgeschrieben worden, und alles, was von ihrem Ursprung noch übrig wäre, sei das Wort „und“, und das Blindtextchen solle umkehren und wieder in sein eigenes, sicheres Land zurückkehren.

    Doch alles gute Zureden konnte es nicht überzeugen, und so dauerte es nicht lange, bis ihm ein paar heimtückische Werbetexter auflauerten, es mit Longe und Parole betrunken machten und es dann in ihre Agentur schleppten, wo sie es wieder und wieder in ihren Projekten einsetzten.

    Und wenn sie nicht verstorben sind, dann nutzen sie’s noch heute.


  • Lorem Ipsum

    Sed vestibulum enim nec felis tempus pulvinar sit amet eget arcu. Etiam orci orci, laoreet at purus at, tincidunt pellentesque velit. Vestibulum eu condimentum quam. Maecenas vehicula id augue in gravida. Duis iaculis purus iaculis quam porttitor tempus.

    Proin molestie efficitur elementum. Nulla id ex commodo, condimentum metus et, consequat erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec porttitor arcu turpis. Integer condimentum bibendum erat, at laoreet metus vestibulum non.

    Vestibulum ut turpis magna. Maecenas id lacus posuere, mollis lorem ac, tempus massa. Maecenas facilisis, mi et commodo pulvinar, diam tortor posuere nisl, sit amet venenatis mi ante a leo. Donec in mi sed sapien pellentesque ornare a quis nibh. Cras sed elit imperdiet, aliquet libero ac, feugiat ligula. Sed venenatis lorem ac ante egestas, sit amet laoreet enim consequat.

  • Der Block-Editor

    Der Block-Editor vereinfacht das Erstellen und Gestalten von Inhalten in Beiträgen und Seiten, indem er jedes Dokument in Blöcke unterteilt, die im Inhaltsbereich untereinander stehen. 

    (mehr …)
  • Blöcke auswählen per Schrägstrich

    Sehr praktisch ist die Blockauswahl mit einem Schrägstrich. Eine Liste erstellen Sie wie folgt:

    Ich will sehen, wie das geht…
  • Stapel-Block im Spalten-Block

    Stapel-Block im Spalten-Block

    Stapel sind vertikale Gruppen mit zusätzlichen Möglichkeiten zur Ausrichtung.

    Gut: Spalten + Gruppe

    Die Spalten dienen zur Strukturierung, die Gruppen zur Gestaltung. Sie bekommen eine Hintergrundfarbe, abgerundete Ecken und eine Mindesthöhe von 100%. Damit sind alle Spalten gleich hoch. Aber die Buttons stehen unter dem Inhalt.

    Blog

    Beiträge zu diversen Themen, von WordPress über HTML und CSS bis zu »Star Trek and the American Dream«.

    Bücher

    Seit 25 Jahren schreibe ich Bücher für Einsteiger.

    Videos

    Seit über 15 Jahren erstelle ich Videokurse. Jetzt für LinkedIn Learning, vorher für video2brain.


    Besser: Spalten, Stapel + Gruppen

    Wenn man die bestehende Gruppe in einen Stapel umwandelt, diesen vertikal mit der Option Zwischenraum ausrichtet steht der Button immer unten. Alle darin enthaltenen Elemente werden gleichmäßig verteilt, sodass der Text in der Mitte der Spalte steht.

    Wenn man die Überschrift und den Text gruppiert, gibt es nur noch zwei Elemente. Die Text-Gruppe steht oben in der Spalte, der Button unten. Egal, wie viel Inhalt vorhanden ist.

    Blog

    Beiträge zu diversen Themen, von WordPress über HTML/CSS bis zu »Star Trek and the American Dream«.

    Bücher

    Seit über 20 Jahren schreibe ich Bücher für Einsteiger.  

    Videos

    Seit über 15 Jahren erstelle ich Videokurse. Jetzt für LinkedIn Learning, vorher für video2brain.  

  • Der Block-Editor

    Der Block-Editor

    Das Ziel des Block-Editors in WordPress ist es, das Hinzufügen von Inhalten zu vereinfachen. Jedes Dokument besteht aus Blöcken, die im Inhaltsbereich standardmäßig untereinander stehen.

    Dieser Text steht z. B. in einem Absatz-Block. Das ist der einfachste Block von allen. Der Titel des Dokumentes ganz oben ist übrigens kein Block und kann hier im Editor nicht gestaltet werden.

    Die grundlegende Gestaltung dieser Blöcke stammt vom Theme. Wenn Sie ein anderes Theme aktivieren, sehen die Blöcke anders aus.

    Der Block-Inserter

    Mit dem Block-Inserter ganz links in der oberen Werkzeugleiste können Sie alle verfügbaren Blöcke in Ihrem Dokument einfügen:

    • Text enthält Blöcke wie Absätze, Überschriften, Listen etc.
    • Medien sind Blöcke für Bilder, Galerien, Videos und mehr.
    • Design stellt Blöcke zum Erstellen von Layouts für Inhalte bereit.
    • Widgets sind Blöcke für Social Icons, Neueste Beiträge etc.
    • Theme enthält Blöcke zur Theme-Gestaltung im Website-Editor.
    • Einbettungen sind Blöcke wie YouTube, Vimeo und andere.

    Außer Blöcken können Sie mit dem Inserter auch Vorlagen und Medien einfügen.

    Ebenfalls in der oberen Werkzeugleiste finden Sie die Listenansicht, die in der linken Seitenleiste eine Liste aller Blöcke in diesem Dokument anzeigen, markieren und verschieben kann.

    Blöcke bearbeiten

    Ein großer Vorteil von Blöcken ist es, dass Sie sie alle einzeln bearbeiten, verschieben oder in andere Blöcke umwandeln können. Die Werkzeuge zur Bearbeitung eines Blocks finden Sie an zwei Stellen:

    • in der Block-Werkzeugleiste
      • entweder im Inhaltsbereich direkt beim Block
      • oder in der oberen Werkzeugleiste
    • in der Seitenleiste Einstellungen im Block-Inspektor .

    Mit diesen Werkzeugen kann man z. B. das folgende Zitat gestalten:

    Code ist Poesie

    Die WordPress-Community

    Jenseits von Text

    Der Umgang mit visuellen Medien war ein Schwerpunkt bei der Konzeption des Block-Editors und es gibt dafür zahlreiche Blöcke.

    Ein einzelnes Bild

    Ein in einem Bild-Block eingefügtes Bild können Sie mit den Werkzeugen auf der Block-Werkzeugleiste oder im Block-Inspektor in der rechten Seitenleiste gestalten.

    Im Vordergrund ein paar Nadelbäume, dahinter riesige schneebedeckte Berge mit einem blauen Wolkenhimmel dahinter.
    Dies ist ein Bildunterschrift

    Eine Galerie

    Mit einem Galerie-Block können Sie mehrere Bilder auf einmal einfügen.

    Galerie und Bilder können Sie nach dem Einfügen weiter bearbeiten. Für die Galerie gibt es z. B. folgende interessante Optionen:

    • Die Optionen Weite Breite oder Volle Breite, die es für viele Blöcke gibt, sind eine einfache Möglichkeit optisch ansprechende Layouts zu erstellen.
    • Anzahl der Spalten können Sie auch nachträglich ändern, indem Sie einen Schieberegler im Block-Inspektor in der Seitenleiste bewegen.

    Die Galerie besteht aus einzelnen Bild-Blöcken, und jedes einzelne Bild kann unterschiedlich bearbeitet werden.

    Moderne Layouts

    Der Block-Editor bietet viele Möglichkeiten zur Gestaltung der Inhalte, und in diesem Kurs geht es darum, wie man die verschiedenen Blöcke zu modernen Layouts kombinieren kann. Hier ein Beispiel:

    Reif für die Insel?

    Stundenlang am Strand spazieren.
    Sonnend in den Dünen liegen.
    Einfach Seele baumeln lassen.

    Schiermonnikoog - Strand

    Oder in die Stadt?

    Stundenlang in Kneipen sitzen.
    Im Schatten unter Bäumen liegen.
    Einfach Seele baumeln lassen.

    Blick auf den Noorderhaven in Groningen