{"id":3646,"date":"2024-09-20T17:22:30","date_gmt":"2024-09-20T17:22:30","guid":{"rendered":"https:\/\/tableberg.com\/?p=3646"},"modified":"2024-09-20T17:22:33","modified_gmt":"2024-09-20T17:22:33","slug":"wie-man-logos-in-wordpress-prasentiert","status":"publish","type":"post","link":"https:\/\/tableberg.com\/de\/how-to-showcase-logos-in-wordpress\/","title":{"rendered":"Wie man Logos in WordPress pr\u00e4sentiert (mit\/ohne Plugin)"},"content":{"rendered":"

Ein Logo ist eine aussagekr\u00e4ftige visuelle Darstellung einer Marke. Wenn Ihr Unternehmen mit anderen Marken verbunden ist, sei es durch eine Partnerschaft oder eine Partnerschaft, m\u00fcssen Sie m\u00f6glicherweise deren Logos auf Ihrer Website anzeigen, um Vertrauen und Glaubw\u00fcrdigkeit bei den Webbesuchern aufzubauen.<\/p>\n\n\n\n

Wenn Sie beispielsweise eine Portfolio-Website haben, m\u00fcssen Sie die Logos der Marken anzeigen, mit denen Sie gearbeitet haben. Das Gleiche gilt f\u00fcr viele andere Websites. Mit WordPress k\u00f6nnen Sie dies auf verschiedene einfache und problemlose Arten tun.<\/p>\n\n\n\n

In diesem Tutorial zeigen wir Ihnen die zwei einfachsten Methoden, wie Sie Logos in WordPress pr\u00e4sentieren k\u00f6nnen, mit und ohne Plugin. Los geht's!<\/p>\n\n\n\n

Methode eins: Ohne Plugin (mit dem Spaltenblock)<\/h2>\n\n\n\n

Die Spalte ist ein Standardblock des Gutenberg-Editors. <\/p>\n\n\n\n

Schritt 01: Hinzuf\u00fcgen des Spaltenblocks zum Editor<\/h3>\n\n\n\n

hinzuf\u00fcgen S\u00e4ulenblock<\/strong> zum Editor, indem Sie auf die Schaltfl\u00e4che Plus-Symbol (+)<\/strong>.<\/p>\n\n\n\n

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

Schritt 02: W\u00e4hlen Sie ein Spaltenlayout<\/h3>\n\n\n\n

W\u00e4hlen Sie ein Spaltenlayout. Je mehr Spalten Sie ausw\u00e4hlen, desto mehr Logos k\u00f6nnen Sie hinzuf\u00fcgen. Lassen Sie uns das Layout ausw\u00e4hlen 33\/33\/33<\/strong>.<\/p>\n\n\n\n

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

Sobald der Block hinzugef\u00fcgt ist, k\u00f6nnen Sie die Spaltenzahl weiter erh\u00f6hen. <\/p>\n\n\n\n

Um dies zu tun, anklicken.<\/strong> die Symbol f\u00fcr die S\u00e4ule<\/strong> in der Symbolleiste. Gehe zu<\/strong> die Registerkarte Einstellungen<\/strong>. Dann kommen Sie zum Abschnitt S\u00e4ulen<\/strong>. <\/span><\/p>\n\n\n\n

Sie k\u00f6nnen <\/span>die Spalte nu erh\u00f6hen<\/span>mber<\/strong> durch Ziehen der Skala oder direktes Eingeben einer Zahl.<\/p>\n\n\n\n

\"Erh\u00f6hen<\/figure>\n\n\n\n

Schritt 03: F\u00fcgen Sie den Bildblock einzeln zu den Spalten hinzu<\/h3>\n\n\n\n

Sie k\u00f6nnen alle anderen Gutenberg-Bl\u00f6cke innerhalb der Spalten hinzuf\u00fcgen. Gehen Sie zum erste Spalte<\/strong> und anklicken.<\/strong> die Plus-Symbol (+)<\/strong>. <\/p>\n\n\n\n

Typ Bild<\/strong> in das Suchfeld ein. Sobald der Block erscheint, f\u00fcgen Sie ihn der Spalte hinzu.<\/p>\n\n\n\n

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

Laden Sie nun ein Logo hoch, entweder von Ihrem lokalen Laufwerk oder aus der Mediathek.<\/p>\n\n\n\n

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

Sie k\u00f6nnen sehen, dass wir dem Spaltenblock ein Logo hinzugef\u00fcgt haben.<\/p>\n\n\n\n

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

Schritt 04: F\u00fcgen Sie den anderen Spalten nach und nach Logos hinzu<\/h3>\n\n\n\n

F\u00fcgen Sie auf die gleiche Weise Logos zu den anderen Spalten des Blocks hinzu.<\/p>\n\n\n\n

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

Schritt 05: Den S\u00e4ulenblock stilisieren<\/h3>\n\n\n\n

Um den Block zu stilisieren, gehen zu<\/strong> die Registerkarte \"Stile<\/strong> in der rechten Seitenleiste.<\/p>\n\n\n\n

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

Durch Bl\u00e4ttern in der Registerkarte, zu sich kommen<\/strong> Block-Abstand<\/strong>. In diesem Abschnitt k\u00f6nnen Sie vertikal und horizontal Abstand zwischen den Logos einf\u00fcgen. In diesem Fall ist es jedoch besser, die Abst\u00e4nde horizontal einzuf\u00fcgen.<\/p>\n\n\n\n

Dann, einen Rahmen hinzuf\u00fcgen<\/strong> um den gesamten Spaltenblock. Sie k\u00f6nnen die Farbe und Breite des Rahmens \u00e4ndern.<\/p>\n\n\n\n

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

F\u00fcr fortgeschrittene Anpassungen m\u00fcssen Sie ein Plugin eines Drittanbieters verwenden. Wir werden die folgende Methode mit einem solchen Plugin erkl\u00e4ren.<\/p>\n\n\n\n

Methode Zwei: Verwendung eines Plugins (Tableberg)<\/h2>\n\n\n\n

Tischberg<\/strong> ist ein vielseitiges Plugin zur Erstellung von Tabellen, Icon-Boxen, Bild-Boxen, Logo-Boxen und mehr. Mit diesem Plugin k\u00f6nnen Sie Logos mit erweiterten Anpassungen auf Ihrer Website pr\u00e4sentieren. Holen Sie sich das Plugin \u00fcber den Banner-Blow.<\/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

Befolgen Sie nach der Installation die nachstehenden Anweisungen.<\/p>\n\n\n\n

Schritt 01: Hinzuf\u00fcgen des Tableberg-Blocks zum Editor<\/h3>\n\n\n\n

Das Plugin f\u00fcgt der Gutenberg-Blockbibliothek einen Block namens Tischberg<\/strong>. F\u00fcgen Sie den Block in den Editor ein.<\/p>\n\n\n\n

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

Sie m\u00fcssen Tabellenzellen f\u00fcr die Anzahl der Logos, die Sie anzeigen m\u00f6chten, definieren. Erstellen Sie einfach die erforderliche Anzahl von Zellen, indem Sie die Anzahl der Zeilen und Spalten angeben.<\/p>\n\n\n\n

Zum Beispiel brauchen wir acht Zellen, um acht Logos anzuzeigen. Legen Sie die Spalten- und Zeilennummer fest 4*2<\/strong>.<\/p>\n\n\n\n

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

Wie Sie sehen k\u00f6nnen, wird die erforderliche Anzahl von Zellen erstellt.<\/p>\n\n\n\n

\"F\u00fcr<\/figure>\n\n\n\n

Schritt 02: Mit dem Hinzuf\u00fcgen von Logos zu den Tableberg-Zellen beginnen<\/h3>\n\n\n\n

Mit Tableberg k\u00f6nnen Sie mehrere benutzerdefinierte Bl\u00f6cke zu den Zellen hinzuf\u00fcgen. Suchen und den Image-Block hinzuf\u00fcgen<\/strong> zu einer Zelle.<\/p>\n\n\n\n

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

Jetzt,\u00a0ein Logo hochladen,<\/strong><\/span>\u00a0entweder durch Hochladen oder aus der Mediathek.<\/p>\n\n\n\n

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

F\u00fcgen Sie alle anderen Logos zu den restlichen Tableberg-Zellen hinzu.<\/p>\n\n\n\n

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

Schritt 03: Stilisierung der Zellen<\/h3>\n\n\n\n

Jetzt, gehen zu<\/strong> die Registerkarte \"Stile<\/strong> wobei die gesamte Tabelle ausgew\u00e4hlt bleibt. Sie k\u00f6nnen die Hintergrundfarbe f\u00fcr alle Zeilen und Zellen einzeln \u00e4ndern. Da wir diese Option aber f\u00fcr das Tutorial nicht ben\u00f6tigen, lassen wir sie hier.<\/p>\n\n\n\n

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

Kommen Sie zu<\/strong> die Abstand zwischen den Zellen<\/strong> indem Sie auf der Registerkarte nach unten bl\u00e4ttern. Mit der Option in diesem Abschnitt k\u00f6nnen Sie Leerzeichen zwischen den Logospalten sowohl vertikal als auch horizontal hinzuf\u00fcgen.<\/p>\n\n\n\n

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

Komm zu Tisch Grenze<\/strong>. Im Abschnitt Innere Umrandung k\u00f6nnen Sie die Farbe und den Radius der Umrandung \u00e4ndern. <\/p>\n\n\n\n

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

So k\u00f6nnen Sie den Logospalten einen \u00e4sthetischen Anstrich geben.<\/p>\n\n\n\n

Schlussfolgerung<\/h2>\n\n\n\n

Tableberg ist ein spannendes Mehrzweck-Plugin, mit dem Sie zahlreiche atemberaubende Designs f\u00fcr Ihre Website erstellen k\u00f6nnen. Bevor Sie das Plugin verlassen, k\u00f6nnen Sie einige weitere Tutorial-Beitr\u00e4ge \u00fcber das Plugin erkunden. <\/p>\n\n\n\n