Home  ›  Neuer WordPress-Block: Infokarte

Neuer WordPress-Block: Infokarte

Die Startseiten von edu-schweiz.ch und udf-suisse.ch sind neu mit Infokarten-Blöcken gestaltet.

Zufügen

Schwarzes + oder / zur Auswahl von Blöcken.
„info“ eintippen und dann den Block „Infokarte“ auswählen.

Strukturiert …

Du kannst eine einzelne Ingokarte für die ganze Breite des Bildschirms oder des Seiten/Beitrags-Inhaltes einfügen.

… oder in einer Struktur von 2 Spalten.
3 Spalten nur empfohlen, wenn die Seite oder der Beitrag die ganze Breite umfasst, also keine Sidebar.

(wenn Du strukturieren willst -> zuerst Spalten, dann in jeder Spalte Infokarte zufügen)

Darstellung

Automatisch responsiv, das heisst optimal auf Computerbildschirm, Tablet oder Handy.
Dies gilt für die Spaltenstruktur wie für eine Infokarte auf ganzer Breite.

Füllen der Infokarte

1. Bild auswählen

Hochladen oder aus der Mediathek

Add a title … -> eintippen oder mit copy – paste einfügen

Text hinzufügen … -> ebenso mit dem Text verfahren.
Man kann mit Enter-Taste den Text strukturieren oder mit 2x Enter eine leere Zeile bewirken.

… und der BUtton wie üblich mit Text und Link festlegen
Es ist ein Buttons-Block. Du kannst mehrere Buttons vorsehen (zum Beispiel Link „A“ und Link „B“


Ebenso kannst Du beim Button alles leer lassen. Brauchst ihn nicht zu löschen. Dann wird er nicht dargestellt. So wie hier oben an der Seite die ersten beiden Infokarten in der ersten zweispaltigen Struktur.

Infokarte stilistisch gestalten

A. So wie sie ist, nature.
B. Dezent hellgrauer Hintergrund.
C. Dezent hellgrauer Rand.

Fazit

Ein einfacher Block zum Handhaben.

100% responsiv

Alle Infoblöcke sehen einheitlich aus.
Das ist gut, wenn auf einer Seite viele Themen im Überblick anzuzeigen sind, wie zum Beispiel die Startseite.
Macht das Layout ruhiger.

Die Startseiten von edu-schweiz.ch und udf-suisse.ch sind neu mit Infokarten-Blöcken gestaltet.

… und auch diese Seite.

15.09.2025 / markuskronauer