Alle Möglichkeiten & Elemente für fesselnde Blog Artikel, sowie ein extra langer Artikel Titel

Ein Text mit einer Initiale bzw. Initialbuchstaben. 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.

Übrigens: Alle Elemente hier können natürlich sowohl in Beiträgen (also im Blog), als auch auf Seiten verwendet werden.

Text Elemente & Formatierungen

Die Titel / Überschrift Elemente (H2 bis H4, H1 wird automatisch für den Seitentitel verwendet und sollte im Inhalt nicht nochmals verwendet werden):

Überschrift H2

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.

Überschrift H3

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.

Überschrift H4

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.

Listen / Aufzählungszeichen (Nummeriert oder als Bullet Point):

  • Listen sind einfacher zu überfliegen und lesen als der gleiche Text einfach als Paragraph.
  • Sie bringen optisch Abwechslung für das Auge.
  • Und Sie sind nicht so einschüchternd wie eine lange Textwand.

Buttons, wenn ein normaler Link wie dieser nicht ausreicht bzw. ein wichtiger Link eingefügt werden soll:

Eine simple Trennlinie, um Abschnitte deutlicher voneinander abzutrennen:


Trennlinie über die ganze Seitenbreite:


Manchmal möchte man aber auch einfach etwas mehr Abstand zwischen 2 Elementen einfügen. Hier kommt der „Abstandshalter“ zum Zug (der natürlich einfach per Maus in die entsprechende Grösse gezogen werden kann):

Simple Spalten Layouts: In jeder Spalte können grundsätzlich wieder beliebig Überschriften, Absätze, Bilder, etc. eingefügt werden. Ausserdem gehen diese automatisch über die ganze Seitenbreite:

Untertitel 1

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.

Untertitel 2

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.

Converting Custom Content to Gutenberg

  1. Shortcodes to Blocks
  2. ACF Fields to Blocks
  3. CMB2 to Blocks

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

Access Control & User Permissions

  • Controlling access to blocks
  • Controlling access to blocks based on user roles
  • Creating Block Templates
  • Applying User Roles to Block Templates

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

Converting Custom Content to Gutenberg

  • Shortcodes to Blocks
  • ACF Fields to Blocks
  • CMB2 to Blocks

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

Einfache Tabellen (Text- oder Seitenbreite, wobei das Aussehen der Tabelle natürlich unabhängig davon gewählt werden kann):

NameBeruf
John DoeWebdesigner
Peter SmithWordPress Webentwickler
NameBeruf
John DoeWebdesigner
Peter SmithWordPress Webentwickler

Bilder & Cover

Bilder und Cover Elemente funktionieren im Prinzip gleich, nur dass ein Cover noch Text (Titel und normale Absätze) beinhalten kann. Sowohl Bilder als auch Cover können in Text-, Seiten- oder kompletter Bildschirmbreite angezeigt werden:

Standardmässig über die Textbreite:

Jedem Bild kann eine Beschriftung / Bildbeschreibung hinzugefügt werden.

Für alle Bilder und Galerien kann bei Bedarf die sogenannte „Lightbox“ Funktion aktiviert werden. Damit kann das Bild per Mausklick in einer Grossansicht geöffnet werden, ohne die Seite zu verlassen:

Über die Seitenbreite, damit grössere Bilder besser erkennbar sind:

Oder über die ganze Bildschirmbreite, um die Stimmung des Bildes besonders zur Geltung zu bringen:

Und hier gleich noch ein Beispiel mit dem Cover, welches Text beinhalten kann:

Eine lange Überschrift über einem Hintergrundbild mit dem Cover Element …

… und ein ganz normaler Textabsatz über einem Cover Bild.

Simple.
Powerful.
Enterprise-ready.

Bewegte Bilder (.GIF-Dateien) funktionieren natürlich genau gleich wie normale Bilder (Videos werden weiter unten noch erklärt):

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.

Bilder links oder rechts, ideal um den Text aufzulockern:

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.

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.

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.

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.

Bilder-Galerien

Eine Bildergalerie, ideal wenn mehrere Bilder gleichzeitig präsentiert werden sollen (genau wie bei einzelnen Bildern mit der Möglichkeit, die Lightbox Funktion zu aktivieren):

Auch eine Bildergalerie kann über die ganze Seitenbreite gehen:

Oder über die ganze Bildschirmbreite:

YouTube Videos einbetten

YouTube Videos können einfach eingebunden und ebenfalls über die Text-, Seiten- oder komplette Bildschirmbreite angezeigt werden:

Es kann auch zu Videos eine kurze Beschriftung / Beschreibung eingefügt werden.

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.

Standard Zitat-Funktion (für Kundenfeedbacks / Testimonials)

Die „normale“ Zitat-Funktion, ideal um schnell und einfach Kundenfeedbacks / Testimonials darzustellen:

„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.“

Ein zufriedener Kunde

Lässt sich z.B. auch mit einem Foto kombinieren:

„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.“

Peter Lustig, Firma XYZ AG

„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.“

Peter Lustig, Firma XYZ AG

„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.“

Peter Lustig, Firma XYZ AG

Der „Pull-Quote“

Vom Prinzip her ähnlich wie ein Zitat, wird ein Pull-Quote dafür genutzt, um wichtige oder interessante Textstellen aus dem Text „herauszuziehen“ und damit den Besucher beim Überfliegen in den Text hineinzuziehen und den ganzen Text aufzulockern:

Hebe wichtige und interessante Stellen mit dem „Pullquote“ hervor, um den Besucher in den Text hineinzuziehen (oder ganz klassisch für Zitate).

Albert Einstein

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.

Hebe wichtige und interessante Stellen mit dem „Pullquote“ hervor, um den Besucher in den Text hineinzuziehen (oder ganz klassisch für Zitate).

Albert Einstein

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.

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.

Hebe wichtige Stellen mit dem „Pullquote“ hervor, um den Besucher zum Lesen zu animieren (Variante Links, ohne einen „Autor / Quellenangabe“ darunter).

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.

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.

Der „Pullquote“ kann (im Gegensatz zum Zitat) über den normalen Textbereich hinausgehen und damit dem Auge Platz zum Atmen lassen…

Albert Einstein

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.

Der „Pullquote“ kann auch über die ganze Bildschirmbreite gehen und damit dem Auge Platz zum Atmen lassen und noch mehr Struktur in die Seite zu bringen…

Albert Einstein

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.

Am Ende eines Artikels werden automatisch Links zum nächsten bzw. vorherigen Artikel im Blog eingefügt:

Sebastian

Schreibe einen Kommentar

Alles startet mit einem ersten Gespräch.

Nehmen Sie Kontakt auf:

[Dein Haupt "Call To Action" für die gesamte Website.]