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ät und Lesbarkeit Ihrer Blogbeiträge und Seiteninhalte zu verbessern.
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 überschaubare Teile, damit die Leser sie schnell und einfach verstehen können.
In diesem Blogbeitrag zeigen wir Ihnen zwei einfache Methoden, wie Sie eine Icon-Liste in WordPress hinzufügen können. Bleiben Sie bis zum Ende bei uns.
Schöne Tische erstellen
Mit Block-Editor
Method 1: Adding Icon List Using Ultimate Blocks
Ultimativer Block is a Gutenberg block plugin with 25+ custom blocks. The ‘Styled List’ is a prominent block among them. Here, we’ll show you how to use this block.
Step 1: Install the Ultimate Blocks Plugin
Gehe zu Plugins > Neues Plugin hinzufügen form your WordPress Dashboard. Find the plugin by typing Ultimate Blocks in the search box. Installieren Sie und aktivieren. das Plugin, nachdem es unten erscheint.
Step 2: Add the Styled List Block to the Editor
Wie jeder Gutenberg-Block, Klicken Sie auf die Schaltfläche Plus (+) und Typ Gestaltete Liste in das Suchfeld ein. Wenn der Block erscheint, fügen Sie es an den Herausgeber.
Step 3: Add Items to the Styled List Block
Sie können sehen, dass der Block "Gestaltete Liste" dem Editor hinzugefügt wurde. Jetzt ist es an der Zeit, der Liste Elemente hinzuzufügen. Sie können die Merkmale Ihres Produkts auflisten.
Wir haben dem gestylten Listenblock etwas Blindtext hinzugefügt.
Step 4: Select the Icon for the Styled List Block
Wählen Sie den gesamten Block "Gestaltete Liste" aus. Unter der Registerkarte "Einstellungen" sehen Sie das Standardsymbol "Häkchen". Klicken Sie auf das Häkchen-Symbol.
Es öffnet sich ein Feld mit einer Sammlung von Symbolen. Wählen Sie das gewünschte Symbol aus. Das Symbol wird auf den gesamten gestalteten Listenblock angewendet.
Step 5: Customize the Styled List Block
Auf der Registerkarte "Einstellungen" finden Sie weitere Optionen, mit denen Sie den Block anpassen können. Sie sind:
Icon-Größe - Vergrößern oder verkleinern Sie die Größe des Symbols.
Anzahl der Spalten - Präsentieren Sie den Listicle-Block in mehreren Spalten.
Anzahl der Spalten im Handy - Präsentieren Sie den Listicle-Block in mehreren Spalten auf dem Handy.
Abstand zwischen den Elementen (Pixel) - Vergrößern oder verkleinern Sie den Abstand zwischen den Listeneinträgen.
Schritt 06: Stilisierung des Blocks mit gestalteter Liste
Nächste, die Registerkarte "Stile" aufrufen. Auf dieser Registerkarte können Sie die Farbe des Symbols, die Farbe des Listentextes und die Farbe des Listenhintergrundes ändern.
Danach können Sie einem Block durch Hinzufügen von Füllung und Rand das gewünschte Layout geben.
So können Sie mit dem Plugin Ultimate Blocks eine Icon-Liste erstellen.
Method 2: Adding Icon List in Using Tableberg
Vielleicht möchten Sie Ihren WordPress-Tabellen oft Symbollisten hinzufügen. Aber der Standard-Tabellenblock erlaubt Ihnen das nicht. Installieren Sie daher den Tischberg Plugin. Sie können damit umfassende und vielseitige Tabellen für Ihre Website erstellen.
Step 1: Install the TableBerg Plugin
Installieren Sie und aktivieren. the Tableberg plugin on your site.
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.
Note: The free version of Tableberg comes with a Block auflisten. To use the Block mit gestalteter Liste, you need to get the pro version of Tableberg.
Step 2: Add the Styled List Block to the Table
Wählen Sie die Zelle aus, zu der Sie die Symbolliste hinzufügen möchten. Sobald die Zelle ausgewählt ist, sehen Sie das Pluszeichen (+).
Klicken Sie auf das Plus-Symbol (+). Finden und den Block "Gestaltete Liste" hinzufügen zur Zelle.
Der Block "Gestaltete Liste" wird sofort zur Tabelle hinzugefügt.
Step 3: Add Items to the Styled List Block on the Table
Fügen Sie der Tabelle so viele Elemente hinzu, wie Sie möchten.
Schritt 04: Festlegen eines Symbols für den Block mit gestalteter Liste
Wählen Sie den gesamten Block "Gestaltete Liste" aus. Gehen Sie zum Registerkarte Einstellungen in der rechten Seitenleiste. Klicken Sie auf das Häkchen-Symbol unter der Option Ikoneneinstellungen.
Es öffnet sich ein Pop-up mit einer Sammlung von Symbolen. Wählen Sie das Symbol, das Ihnen gefällt.
Das ausgewählte Symbol wird auf den gesamten Block "Gestaltete Liste" angewendet.
Step 5: Customize the Styled List Block
Unter der Option Symboleinstellungen finden Sie Möglichkeiten zur Anpassung der Symbolgröße und des Symbolabstands.
Schritt 06: Stilisierung des Blocks mit gestalteter Liste
Gehen Sie zur Registerkarte "Stile. Sie können die Farbe des Symbols, die Textfarbe, die Hintergrundfarbe und die Polsterung des Blocks ändern.
So können Sie in WordPress-Tabellen Icon-Listen hinzufügen und erstellen.
Schlussfolgerung
Icon-Listen in WordPress helfen nicht nur dabei, den Nutzern wichtige Informationen zu vermitteln, sondern verbessern auch die Navigation und die Ästhetik Ihrer Inhalte. Beim Anpassen des Blocks müssen Sie die Markenkonsistenz, die Lesbarkeit und die Inhaltshierarchie im Auge behalten.
Only if there is a combination of all these things will your icon list become alive to the users. That’s all for today.
Also Read:
