{"id":2064,"date":"2025-04-12T16:42:25","date_gmt":"2025-04-12T16:42:25","guid":{"rendered":"https:\/\/tableberg.com\/?p=2064"},"modified":"2025-04-12T16:42:29","modified_gmt":"2025-04-12T16:42:29","slug":"wie-man-eine-icon-liste-in-wordpress-hinzufugt","status":"publish","type":"post","link":"https:\/\/tableberg.com\/de\/how-to-add-icon-list-in-wordpress\/","title":{"rendered":"Hinzuf\u00fcgen einer Icon-Liste in WordPress"},"content":{"rendered":"

Eine Icon-Liste ist eine Sammlung von visuellen Elementen, die in einem Listenformat dargestellt werden. Sie werden in verschiedenen Kontexten verwendet, um die visuelle Attraktivit\u00e4t und Lesbarkeit Ihrer Blogbeitr\u00e4ge und Seiteninhalte zu verbessern.<\/p>\n\n\n\n

Icon-Listen werden meist verwendet, um die Merkmale, wichtigsten Punkte, Vorteile usw. von Produkten in einem Listenformat darzustellen. Sie gliedern den umfangreichen Inhalt in kleine und \u00fcberschaubare Teile, damit die Leser sie schnell und einfach verstehen k\u00f6nnen.<\/p>\n\n\n\n

In diesem Blogbeitrag zeigen wir Ihnen zwei einfache Methoden, wie Sie eine Icon-Liste in WordPress hinzuf\u00fcgen k\u00f6nnen. Bleiben Sie bis zum Ende bei uns.<\/p>\n\n\n\n

\n
\n
\n
\n

Sch\u00f6ne Tische erstellen <\/strong>
Mit Block-Editor<\/strong><\/p>\n\n\n\n

\n
Kostenlos ausprobieren<\/a><\/div>\n\n\n\n
Profi werden<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Methode 1: Verwendung von Ultimate Blocks<\/h2>\n\n\n\n

Ultimativer Block<\/a> ist ein Gutenberg-Block-Plugin mit \u00fcber 25 benutzerdefinierten Bl\u00f6cken. Die \"Styled List\" ist ein prominenter Block unter ihnen. Hier zeigen wir Ihnen, wie Sie diesen Block verwenden k\u00f6nnen.<\/p>\n\n\n\n

Schritt 1: Installieren Sie das Ultimate Blocks Plugin<\/h3>\n\n\n\n

Gehe zu Plugins > Neues Plugin hinzuf\u00fcgen<\/strong> in Ihrem WordPress-Dashboard. Suchen Sie das Plugin, indem Sie Ultimate Blocks in das Suchfeld eingeben. Installieren Sie<\/strong> und aktivieren.<\/strong> das Plugin, nachdem es unten erscheint.<\/p>\n\n\n\n

\"Installieren<\/figure>\n\n\n\n

Schritt 2: Hinzuf\u00fcgen des Blocks \"Gestaltete Liste\" zum Editor<\/h3>\n\n\n\n

Wie jeder Gutenberg-Block, Klicken Sie auf die Schaltfl\u00e4che Plus (+)<\/strong> und Typ Gestaltete Liste<\/strong> in das Suchfeld ein. Wenn der Block erscheint, f\u00fcgen Sie es an den Herausgeber<\/strong>.<\/p>\n\n\n\n

\"Hinzuf\u00fcgen<\/figure>\n\n\n\n

Schritt 3: Hinzuf\u00fcgen von Elementen zum Block mit gestalteter Liste<\/h3>\n\n\n\n

Sie k\u00f6nnen sehen, dass der Block \"Gestaltete Liste\" dem Editor hinzugef\u00fcgt wurde. Jetzt ist es an der Zeit, der Liste Elemente hinzuzuf\u00fcgen. Sie k\u00f6nnen die Merkmale Ihres Produkts auflisten.<\/p>\n\n\n\n

\"Der<\/figure>\n\n\n\n

Wir haben dem gestylten Listenblock etwas Blindtext hinzugef\u00fcgt.<\/p>\n\n\n\n

\"Dem<\/figure>\n\n\n\n

Schritt 4: W\u00e4hlen Sie das Symbol f\u00fcr den Block mit der gestalteten Liste<\/h3>\n\n\n\n

W\u00e4hlen Sie den gesamten Block \"Gestaltete Liste\" aus<\/strong>. Unter der Registerkarte \"Einstellungen\" sehen Sie das Standardsymbol \"H\u00e4kchen\". Klicken Sie auf das H\u00e4kchen-Symbol<\/strong>.<\/p>\n\n\n\n

\"W\u00e4hlen<\/figure>\n\n\n\n

Es \u00f6ffnet sich ein Feld mit einer Sammlung von Symbolen. W\u00e4hlen Sie das gew\u00fcnschte Symbol aus. Das Symbol wird auf den gesamten gestalteten Listenblock angewendet.<\/p>\n\n\n\n

\"W\u00e4hlen<\/figure>\n\n\n\n

Schritt 5: Anpassen des Styled List Blocks<\/h3>\n\n\n\n

Auf der Registerkarte \"Einstellungen\" finden Sie weitere Optionen, mit denen Sie den Block anpassen k\u00f6nnen. Sie sind:<\/p>\n\n\n\n

Icon-Gr\u00f6\u00dfe -<\/strong> Vergr\u00f6\u00dfern oder verkleinern Sie die Gr\u00f6\u00dfe des Symbols.<\/p>\n\n\n\n

Anzahl der Spalten -<\/strong> Pr\u00e4sentieren Sie den Listicle-Block in mehreren Spalten.<\/p>\n\n\n\n

Anzahl der Spalten im Handy -<\/strong> Pr\u00e4sentieren Sie den Listicle-Block in mehreren Spalten auf dem Handy.<\/p>\n\n\n\n

Abstand zwischen den Elementen (Pixel)<\/strong> - Vergr\u00f6\u00dfern oder verkleinern Sie den Abstand zwischen den Listeneintr\u00e4gen.<\/p>\n\n\n\n

\"Anpassen<\/figure>\n\n\n\n

Schritt 06: Stilisierung des Blocks mit gestalteter Liste<\/h3>\n\n\n\n

N\u00e4chste, die Registerkarte \"Stile\" aufrufen<\/strong>. Auf dieser Registerkarte k\u00f6nnen Sie die Farbe des Symbols, die Farbe des Listentextes und die Farbe des Listenhintergrundes \u00e4ndern.<\/p>\n\n\n\n

Danach k\u00f6nnen Sie einem Block durch Hinzuf\u00fcgen von F\u00fcllung und Rand das gew\u00fcnschte Layout geben.<\/p>\n\n\n\n

\"Gestalten<\/figure>\n\n\n\n

So k\u00f6nnen Sie mit dem Plugin Ultimate Blocks eine Icon-Liste erstellen.<\/p>\n\n\n

<\/div><\/div><\/div>\n\n\n

Methode 2: Verwendung von Tableberg<\/h2>\n\n\n\n

Vielleicht m\u00f6chten Sie Ihren WordPress-Tabellen oft Symbollisten hinzuf\u00fcgen. Aber der Standard-Tabellenblock erlaubt Ihnen das nicht. Installieren Sie daher den Tischberg<\/a> Plugin. Sie k\u00f6nnen damit umfassende und vielseitige Tabellen f\u00fcr Ihre Website erstellen.<\/p>\n\n\n\n

Schritt 1: Installieren Sie das TableBerg Plugin<\/h3>\n\n\n\n

Installieren Sie<\/strong> und aktivieren.<\/strong> das Tableberg-Plugin auf Ihrer Website.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Der Prozess der Erstellung von Tabellen mit dem Plugin ist fast derselbe wie der Standard-Tabellenblock. Folgen Sie diesem Leitfaden, um zu lernen wie man Tabellen mit TableBerg erstellt<\/a>.<\/p>\n\n\n\n

Hinweis<\/strong>: Die kostenlose Version von Tableberg kommt mit einem Block auflisten<\/a>. Zur Verwendung der Block mit gestalteter Liste<\/a>m\u00fcssen Sie die Profi-Version<\/a><\/strong> von Tableberg.<\/p>\n\n\n\n

Schritt 2: Hinzuf\u00fcgen des gestalteten Listenblocks zur Tabelle<\/h3>\n\n\n\n

W\u00e4hlen Sie die Zelle aus, zu der Sie die Symbolliste hinzuf\u00fcgen m\u00f6chten. Sobald die Zelle ausgew\u00e4hlt ist, sehen Sie das Pluszeichen (+).<\/p>\n\n\n\n

Klicken Sie auf das Plus-Symbol (+)<\/strong>. Finden und den Block \"Gestaltete Liste\" hinzuf\u00fcgen<\/strong> zur Zelle.<\/p>\n\n\n\n

\"Hinzuf\u00fcgen<\/figure>\n\n\n\n

Der Block \"Gestaltete Liste\" wird sofort zur Tabelle hinzugef\u00fcgt.<\/p>\n\n\n\n

\"Der<\/figure>\n\n\n\n

Schritt 3: Hinzuf\u00fcgen von Elementen zum Block \"Gestaltete Liste\" in der Tabelle<\/h3>\n\n\n\n

F\u00fcgen Sie der Tabelle so viele Elemente hinzu, wie Sie m\u00f6chten.<\/p>\n\n\n\n

\"Hinzuf\u00fcgen<\/figure>\n\n\n\n

Schritt 04: Festlegen eines Symbols f\u00fcr den Block mit gestalteter Liste<\/h3>\n\n\n\n

W\u00e4hlen Sie den gesamten Block \"Gestaltete Liste\" aus<\/strong>. Gehen Sie zum Registerkarte Einstellungen<\/strong> in der rechten Seitenleiste. Klicken Sie auf das H\u00e4kchen-Symbol<\/strong> unter der Option Ikoneneinstellungen.<\/p>\n\n\n\n

\"Ein<\/figure>\n\n\n\n

Es \u00f6ffnet sich ein Pop-up mit einer Sammlung von Symbolen. W\u00e4hlen Sie das Symbol, das Ihnen gef\u00e4llt.<\/p>\n\n\n\n

\"W\u00e4hlen<\/figure>\n\n\n\n

Das ausgew\u00e4hlte Symbol wird auf den gesamten Block \"Gestaltete Liste\" angewendet.<\/p>\n\n\n\n

\"Das<\/figure>\n\n\n\n

Schritt 5: Anpassen des Styled List Blocks<\/h3>\n\n\n\n

Unter der Option Symboleinstellungen finden Sie M\u00f6glichkeiten zur Anpassung der Symbolgr\u00f6\u00dfe und des Symbolabstands.<\/p>\n\n\n\n

\"Anpassen<\/figure>\n\n\n\n

Schritt 06: Stilisierung des Blocks mit gestalteter Liste<\/h3>\n\n\n\n

Gehen Sie zur Registerkarte \"Stile<\/strong>. Sie k\u00f6nnen die Farbe des Symbols, die Textfarbe, die Hintergrundfarbe und die Polsterung des Blocks \u00e4ndern. <\/p>\n\n\n\n

\"Stilisieren<\/figure>\n\n\n\n

So k\u00f6nnen Sie in WordPress-Tabellen Icon-Listen hinzuf\u00fcgen und erstellen.<\/p>\n\n\n

<\/div><\/div><\/div>\n\n\n

Video-Anleitung<\/h3>\n\n\n\n
\n