Logo-Carousel direkt im Editor. Ohne Shortcode, ohne jQuery.
Wir haben jahrelang für Kundenprojekte Logo-Slider von Hand gebaut. Irgendwann dachten wir: es muss doch einen modernen, kostenlosen Gutenberg-Block dafür geben. Gab es nicht. Also haben wir ihn gebaut.
Logo-Slider sollten kein Projekt sein
Die meisten Logo-Carousel-Plugins nutzen Shortcodes, laden jQuery, und für Multi-Row oder Styling-Optionen musst du auf Pro upgraden. Oder du bastelst es mit Custom CSS zusammen. Beides kostet Zeit und Nerven.
Der Logo Slider Block macht es einfach: Bilder reinwerfen, Style wählen, fertig. Ein Gutenberg-Block, der alles mitbringt. Kostenlos, ohne Pro-Upsell.
Was der Block kann
Endlos-Loop ohne Ruckler
Nahtlose, unterbrechungsfreie CSS-Animation. Pausiert bei Hover und Touch. Kein Flackern, kein Sprung.
Text-Marquee-Block (neu in 2.0)
Zweiter Block inklusive: endlos laufender Text-Ticker für Bewertungen, Badges oder Angebote. Mit Trennzeichen, Farben und eigener Textgrösse.
Mehrere Reihen
Bis zu 4 Reihen mit alternierenden Laufrichtungen. Für grosse Logo-Sammlungen.
Capsule-Styling
Filled, Outline oder Glow-Effekt. Checkerboard-Pattern, individuelle Rundung und Padding.
Ausgewogene Logo-Grössen
Breite Wortmarken und kompakte Logos wirken gleich stark: optionaler Flächen-Ausgleich statt starrer Einheitshöhe.
Logo-Farbmodi
Original, Schwarz, Weiss, eigene Farbe oder Graustufen, die beim Hover wieder farbig werden.
Mobile Logo-Höhe
Logos verkleinern sich auf dem Handy automatisch. Oder du setzt einen festen eigenen Wert für Bildschirme unter 600 px.
Barrierefrei
Optionaler Pause-Button (WCAG 2.2.2), prefers-reduced-motion wird respektiert, Alt-Texte pro Logo, Touch-Support.
Ohne jQuery
Reines JavaScript, width/height-Attribute gegen Layout-Shift. Kein jQuery-Ballast, gut für Core Web Vitals.
Und ausserdem
Logo Slider vs. GS Logo Slider, Logo Carousel und Co.
| Logo Slider | GS Logo Slider | Logo Carousel | Awesome Logo | |
|---|---|---|---|---|
| Gutenberg-Block nativ | ||||
| Endlos-Loop (CSS) | jQuery | jQuery | ||
| Multi-Row (bis 4) | ||||
| Capsule-Styling + Glow | ||||
| Text-Marquee-Block inklusive | ||||
| Ausgewogene Logo-Grössen | ||||
| Custom Color Tint | Pro | |||
| Links pro Logo | ||||
| jQuery-frei | ||||
| Kein Shortcode nötig | ||||
| Preis | Kostenlos | Free + Pro | Free + Pro | Kostenlos |
Häufige Fragen
Nein. Der Logo Slider ist ein nativer Gutenberg-Block. Du fügst ihn direkt im WordPress-Editor ein. Falls du Elementor oder Divi nutzt, funktioniert er trotzdem über das Block Widget bzw. Block Module.
So viele du willst. Die Scroll-Geschwindigkeit bleibt konstant, egal ob 5 oder 50 Logos.
Ja. Jedes Logo kann eine eigene URL, ein Link-Target (neues Fenster/gleiches Fenster) und Rel-Attribute (nofollow, sponsored) bekommen.
Nein. Der Slider lädt kein jQuery und setzt width/height-Attribute für alle Bilder gegen Layout-Shift. Gut für Core Web Vitals.
Ein zweiter Block, der seit Version 2.0 dabei ist: ein endlos laufender Text-Ticker für Bewertungen, Badges oder Angebote, z.B. '★ 5,0 Google Bewertungen ★ Seit 2015 ★'. Mit Trennzeichen, Farben, Textgrösse und Laufrichtung.
Aktiviere 'Ausgewogene Logo-Grössen' im Logo-Grösse-Panel. Breite Wortmarken werden dann automatisch etwas kleiner, kompakte Logos etwas grösser dargestellt, sodass alle ähnlich stark wirken.
Ja. Standardmässig verkleinern sich die Logos auf kleinen Bildschirmen automatisch. Alternativ aktivierst du 'Eigene Höhe auf Smartphones' und setzt einen festen Wert für Bildschirme unter 600 px.
Voraussetzungen
Lass uns reden.
Du hast ein Projekt, eine Idee oder einfach Lust auf ein Gespräch? Ich freue mich drauf.