Ein Logo ist eine aussagekräftige visuelle Darstellung einer Marke. Wenn Ihr Unternehmen mit anderen Marken verbunden ist, sei es durch eine Partnerschaft oder eine Partnerschaft, müssen Sie möglicherweise deren Logos auf Ihrer Website anzeigen, um Vertrauen und Glaubwürdigkeit bei den Webbesuchern aufzubauen.
Wenn Sie beispielsweise eine Portfolio-Website haben, müssen Sie die Logos der Marken anzeigen, mit denen Sie gearbeitet haben. Das Gleiche gilt für viele andere Websites. Mit WordPress können Sie dies auf verschiedene einfache und problemlose Arten tun.
In diesem Tutorial zeigen wir Ihnen die zwei einfachsten Methoden, wie Sie Logos in WordPress präsentieren können, mit und ohne Plugin. Los geht's!
Methode eins: Ohne Plugin (mit dem Spaltenblock)
Die Spalte ist ein Standardblock des Gutenberg-Editors.
Schritt 01: Hinzufügen des Spaltenblocks zum Editor
hinzufügen Säulenblock zum Editor, indem Sie auf die Schaltfläche Plus-Symbol (+).
Schritt 02: Wählen Sie ein Spaltenlayout
Wählen Sie ein Spaltenlayout. Je mehr Spalten Sie auswählen, desto mehr Logos können Sie hinzufügen. Lassen Sie uns das Layout auswählen 33/33/33.
Sobald der Block hinzugefügt ist, können Sie die Spaltenzahl weiter erhöhen.
Um dies zu tun, anklicken. die Symbol für die Säule in der Symbolleiste. Gehe zu die Registerkarte Einstellungen. Dann kommen Sie zum Abschnitt Säulen.
Sie können die Spalte nu erhöhenmber durch Ziehen der Skala oder direktes Eingeben einer Zahl.
Schritt 03: Fügen Sie den Bildblock einzeln zu den Spalten hinzu
Sie können alle anderen Gutenberg-Blöcke innerhalb der Spalten hinzufügen. Gehen Sie zum erste Spalte und anklicken. die Plus-Symbol (+).
Typ Bild in das Suchfeld ein. Sobald der Block erscheint, fügen Sie ihn der Spalte hinzu.
Laden Sie nun ein Logo hoch, entweder von Ihrem lokalen Laufwerk oder aus der Mediathek.
Sie können sehen, dass wir dem Spaltenblock ein Logo hinzugefügt haben.
Schritt 04: Fügen Sie den anderen Spalten nach und nach Logos hinzu
Fügen Sie auf die gleiche Weise Logos zu den anderen Spalten des Blocks hinzu.
Schritt 05: Den Säulenblock stilisieren
Um den Block zu stilisieren, gehen zu die Registerkarte "Stile in der rechten Seitenleiste.
Durch Blättern in der Registerkarte, zu sich kommen Block-Abstand. In diesem Abschnitt können Sie vertikal und horizontal Abstand zwischen den Logos einfügen. In diesem Fall ist es jedoch besser, die Abstände horizontal einzufügen.
Dann, einen Rahmen hinzufügen um den gesamten Spaltenblock. Sie können die Farbe und Breite des Rahmens ändern.
Für fortgeschrittene Anpassungen müssen Sie ein Plugin eines Drittanbieters verwenden. Wir werden die folgende Methode mit einem solchen Plugin erklären.
Methode Zwei: Verwendung eines Plugins (Tableberg)
Tischberg ist ein vielseitiges Plugin zur Erstellung von Tabellen, Icon-Boxen, Bild-Boxen, Logo-Boxen und mehr. Mit diesem Plugin können Sie Logos mit erweiterten Anpassungen auf Ihrer Website präsentieren. Holen Sie sich das Plugin über den Banner-Blow.
Schöne Tische erstellen
Mit Block-Editor
Befolgen Sie nach der Installation die nachstehenden Anweisungen.
Schritt 01: Hinzufügen des Tableberg-Blocks zum Editor
Das Plugin fügt der Gutenberg-Blockbibliothek einen Block namens Tischberg. Fügen Sie den Block in den Editor ein.
Sie müssen Tabellenzellen für die Anzahl der Logos, die Sie anzeigen möchten, definieren. Erstellen Sie einfach die erforderliche Anzahl von Zellen, indem Sie die Anzahl der Zeilen und Spalten angeben.
Zum Beispiel brauchen wir acht Zellen, um acht Logos anzuzeigen. Legen Sie die Spalten- und Zeilennummer fest 4*2.
Wie Sie sehen können, wird die erforderliche Anzahl von Zellen erstellt.
Schritt 02: Mit dem Hinzufügen von Logos zu den Tableberg-Zellen beginnen
Mit Tableberg können Sie mehrere benutzerdefinierte Blöcke zu den Zellen hinzufügen. Suchen und den Image-Block hinzufügen zu einer Zelle.
Jetzt, ein Logo hochladen, entweder durch Hochladen oder aus der Mediathek.
Fügen Sie alle anderen Logos zu den restlichen Tableberg-Zellen hinzu.
Schritt 03: Stilisierung der Zellen
Jetzt, gehen zu die Registerkarte "Stile wobei die gesamte Tabelle ausgewählt bleibt. Sie können die Hintergrundfarbe für alle Zeilen und Zellen einzeln ändern. Da wir diese Option aber für das Tutorial nicht benötigen, lassen wir sie hier.
Kommen Sie zu die Abstand zwischen den Zellen indem Sie auf der Registerkarte nach unten blättern. Mit der Option in diesem Abschnitt können Sie Leerzeichen zwischen den Logospalten sowohl vertikal als auch horizontal hinzufügen.
Komm zu Tisch Grenze. Im Abschnitt Innere Umrandung können Sie die Farbe und den Radius der Umrandung ändern.
So können Sie den Logospalten einen ästhetischen Anstrich geben.
Schlussfolgerung
Tableberg ist ein spannendes Mehrzweck-Plugin, mit dem Sie zahlreiche atemberaubende Designs für Ihre Website erstellen können. Bevor Sie das Plugin verlassen, können Sie einige weitere Tutorial-Beiträge über das Plugin erkunden.
