Liste mit Links und Icons in WordPress

Kadence Icon List Block

Eine übersichtliche Liste mit Links und Bildern auf Ihrer WordPress-Seite ist eine hervorragende Möglichkeit, Ressourcen, empfohlene Seiten oder nützliche Links zu teilen. Mit Hilfe des Kadence-Themes und der Kadence-Blöcke können Sie eine solche Liste ganz einfach erstellen. In diesem Artikel wird Schritt für Schritt erklärt, wie Sie in WordPress eine Liste mit Links und Symbolen mit einer Überschrift erstellen.

1. Installieren Sie das Kadence Blocks Plugin

Falls Sie das Kadence Blocks Plugin noch nicht installiert haben, führen Sie diesen Schritt zuerst aus.

Gehen Sie im WordPress-Dashboard auf „Plugins > Installieren“.
Suchen Sie nach Kadence Blocks.
Klicken Sie auf „Jetzt installieren“ und anschließend auf „Aktivieren“.

Das Plugin fügt neue Blöcke hinzu. Zu den verfügbaren Elementen gehört der Icon List Block, den wir für diese Anleitung verwenden.

2. Erstellen Sie eine neue Seite oder einen neuen Beitrag

Sie können eine neue Seite oder einen neuen Beitrag erstellen und dort Links und Icons hinzufügen.

Gehen Sie zu „Seiten“ oder „Beiträge“ und klicken Sie auf „Erstellen“ oder wählen Sie einen bestehenden Inhalt zur Bearbeitung aus.
Öffnen Sie den Block-Editor (Gutenberg).

3. Fügen Sie eine Überschrift hinzu

Bevor Sie Einträge zur Liste hinzufügen, wählen Sie eine passende Überschrift für Ihren Artikel. Sie definiert den Kontext der Liste.

Klicken Sie im Block-Editor auf das Plus-Symbol und wählen Sie den Überschrift-Block aus.
Geben Sie Ihrer Überschrift einen prägnanten Titel, z. B. „Wichtige Links“, „Empfohlene Ressourcen“ oder „Unsere Top-Links“.
Formatieren Sie die Überschrift je nach Struktur Ihrer Seite als H1, H2 oder H3.

4. Fügen Sie den „Kadence Icon List Block“ hinzu

Im nächsten Schritt erstellen Sie die eigentliche Liste.

Klicken Sie unter der Überschrift auf das Plus-Symbol und suchen Sie nach „Kadence Icon List“.
Wählen Sie den Kadence Icon List Block aus, um ihn zur Seite hinzuzufügen.

5. Erstellen Sie Ihre Liste mit Verknüpfungen und Symbolen

Im Kadence Icon List Block können Sie nun Ihre Listeneinträge hinzufügen. Für jeden Eintrag gehen Sie wie folgt vor:

a. Text und Links hinzufügen
Klicken Sie auf den ersten Listeneintrag.
Geben Sie den Text ein, z. B. den Namen des Links oder der Ressource.
Markieren Sie den Text und klicken Sie auf das Link-Symbol, um eine Verlinkung hinzuzufügen.

b. Icon auswählen
Klicken Sie auf das Icon neben dem Listeneintrag und wählen Sie ein passendes Symbol aus.
Je nach Inhalt können Sie z. B. einen Globus für Websites, ein Dokumentensymbol oder einen Pfeil für interne Seiten verwenden.

c. Weitere Einträge hinzufügen
Fügen Sie für jeden weiteren Listeneintrag einen neuen Punkt hinzu, ergänzen Sie den Text, setzen Sie den Link und wählen Sie ein Icon.

6. Gestalten Sie Ihre Liste und Icons

Der Kadence Icon List Block bietet zahlreiche Anpassungsmöglichkeiten.

Passen Sie Größe und Farbe der Icons an das Design Ihrer Seite an.
Sie können auch die Farbe und Schriftgröße des Textes verändern, um einzelne Einträge hervorzuheben.
Achten Sie auf passende Abstände zwischen Icons und Text sowie auf eine saubere Ausrichtung (links, mittig oder rechts).
Mit der Pro-Version von Kadence Blocks lassen sich zusätzlich Hover-Effekte integrieren.

7. Veröffentlichen Sie Ihren Artikel

Nachdem Sie die Liste erstellt und alle Anpassungen vorgenommen haben, können Sie den Artikel veröffentlichen.

Klicken Sie auf „Veröffentlichen“, um den Inhalt live zu schalten.
Rufen Sie die Seite anschließend auf und prüfen Sie, ob alle Links und Elemente korrekt angezeigt werden.

Fazit

Die Erstellung einer Liste mit Verknüpfungen und Symbolen in WordPress ist mit dem Kadence Icon List Block unkompliziert und effizient. Sie können eine übersichtliche und visuell ansprechende Darstellung schaffen, die Ihren Besuchern einen echten Mehrwert bietet.

Durch die gezielte Kombination von Icons und Links präsentieren Sie Inhalte klar strukturiert und ansprechend. Nutzen Sie die Anpassungsoptionen von Kadence, um das Design optimal auf Ihre Website abzustimmen.

Verleihen Sie Ihrer Website oder Ihrem Online-Shop mit Icons eine persönliche Note und heben Sie wichtige Inhalte hervor.

Bonus: Mit der Kadence Pro-Version stehen Ihnen zusätzliche Funktionen und erweiterte Gestaltungsmöglichkeiten zur Verfügung, um die Interaktivität Ihrer Listen weiter zu erhöhen.