🧱 6 Masonry-Layout-Plugins für WordPress 2026 (kostenlos und Premium)

WordPress' Standardraster richtet Beiträge an der Oberkante aus. Wenn die Kartenhöhen unterschiedlich sind, entstehen Lücken zwischen den Reihen. Ein Besucher sieht einen unruhigen Rhythmus und verlässt die Seite nach zehn Sekunden.

Das Masonry-Layout löst das Problem: Elemente werden wie Mauerwerk angeordnet, die Spaltenbreite ist fest, die Höhe passt sich dem Inhalt an. Bilder werden nicht beschnitten, Proportionen bleiben erhalten, die Seite wirkt kompakt und hochwertig. Pinterest hat seine gesamte Oberfläche darauf aufgebaut.

Wir haben 2026 sechs Masonry-Plugins für WordPress getestet: drei kostenlose und drei Premium-Plugins. Jedes wurde auf WP 6.5+ mit Standardthemes und unterschiedlichen Inhalten getestet, ohne Konflikte oder Code-Workarounds.

💡 Kurzüberblick:

• Installieren Sie Blog Designer oder The Post Grid, wenn Sie Masonry für einen Blog benötigen, beide sind kostenlos und funktionieren per Shortcode, das zweite wurde im Juni 2026 aktualisiert
• Für Portfolios und Case Studies wählen Sie zwischen Essential Grid und Media Grid, Filter, Animationen und Deeplinking out of the box, visueller Builder ohne Code
• Erstellen Sie Bildergalerien mit FooGallery, Masonry in der kostenlosen Version, 7 Layouts, Update vom Mai 2026
• Portfolio Designer deckt das Szenario „sowohl Portfolio als auch Blog" mit einem einzigen Plugin zu minimalen Kosten ab

Das Video oben behandelt fünf beliebte Masonry-Plugins für WordPress: von kostenlosen Optionen für Blogs bis zu Premium-Lösungen für Portfolios. Layout-Beispiele werden auf Live-Seiten gezeigt.

1. Blog Designer

Das Plugin von Solwin Infotech verwandelt einen Standard-Beitragsfeed in fünf Minuten in ein Masonry-Grid. Die kostenlose Version bietet 15 Vorlagen: Grid, Media Grid, Timeline und mehrere Masonry-Varianten. Das letzte Update erschien im August 2024.

In der Praxis ist das Schema einfach. Platzieren Sie den Shortcode [wp_blog_designer] auf einer beliebigen Seite, wählen Sie eine Vorlage, der Blog erhält Masonry, ohne das Theme anzufassen. Das Admin-Panel ist intuitiv: Anzahl der Beiträge pro Seite, Hintergrundfarben, Anrisstextlänge, Weiterlesen-Button, alles mit Schiebereglern und Auswahlfeldern.

Das Plugin funktioniert mit Standardthemes und zeigt auf WordPress 6.5 stabile Kompatibilität. Für einen Blog mit unterschiedlichen Bildgrößen ist das eine funktionierende Lösung ohne Überzahlung. Browserübergreifende Kompatibilität und responsiv out of the box.

Vorteile:

• 15 Vorlagen kostenlos, einschließlich Masonry-Stile
• Shortcode [wp_blog_designer] funktioniert auf jeder Seite
• Browserübergreifende Kompatibilität und responsiv out of the box

Nachteile:

• Lite-Version wurde längere Zeit nicht aktualisiert, keine Garantie für Kompatibilität mit WP 6.6+
• Benutzerdefinierte Beitragstypen werden in der kostenlosen Version nicht unterstützt
• Funktionalität auf Standard-Blogbeiträge beschränkt

Preis: Kostenlos (Lite)

Download: 🔗 Blog Designer auf WordPress.org

2. Portfolio Designer

Ebenfalls von Solwin Infotech, aber auf Portfolios zugeschnitten. Die kostenlose Version bietet Grid- und Masonry-Layouts, vier Inhaltspositionen (über dem Bild, darunter, links, rechts) und 18 Hover-Effekte. Die Pro-Version erweitert auf neun Layouts: Hinzu kommen Justify, Slider, Slideshow, Cobble und 3D-Karussell.

Das Merkmal sind benutzerdefinierte Beitragstypen. Erstellen Sie eine Rubrik „Cases" oder „Projekte" mit Thumbnails, Bildern, Audio oder Video. Der Shortcode [wp_portfolio_designer_lite] gibt ein Masonry-Grid auf jeder Seite aus. Für einen Freelancer oder eine kleine Agentur ist das ein Weg, Arbeiten ohne Page Builder zu präsentieren.

In Pro kommt Unterstützung für WPBakery, Divi Builder und Elementor hinzu, plus Fancybox und Lightcase für Popups. Filterung nach Kategorien und Tags, Load More und automatisches Nachladen. Wenn das Portfolio der Hauptinhalt der Seite ist, ist die Pro-Version gerechtfertigt. Letztes Update August 2024.

Vorteile:

• Kostenlose Version mit Grid und Masonry out of the box
• Benutzerdefinierte Beitragstypen mit Bildern, Audio und Video
• 18 Hover-Effekte in Lite

Nachteile:

• Kostenlose Version ist minimal, nur 2 Layouts
• Keine Popups in Lite
• Seltene Updates, Risiko, hinter WP Core zurückzufallen

Preis: Kostenlos (Lite), Pro $39

Download: 🔗 Portfolio Designer Lite auf WordPress.org

🔗 Pro-Version auf CodeCanyon

3. FooGallery

FooGallery von FooPlugins, das am aktivsten weiterentwickelte Plugin in dieser Übersicht: 200.000+ aktive Installationen, letztes Release im Mai 2026. Sieben Layouts in der kostenlosen Version: Responsive, Image Viewer, Masonry, Justified, Simple Portfolio, Single Thumbnail und Carousel. Masonry ist ohne Bezahlung nutzbar.

Die Einrichtung ist schneller erledigt, als man Kaffee kocht. Bilder hochladen, Masonry-Vorlage wählen, Spaltenanzahl festlegen (fest oder automatisch), Abstände definieren. Lightbox ist in der Gratisversion integriert, Lazy Loading ebenfalls. Die Galerie wird per Drag-and-Drop in einem visuellen Builder mit Live-Vorschau zusammengestellt.

Die Pro-Version ergänzt die Layouts Polaroid, Grid, Slider und Spotlight, 11 Hover-Effekte, Farbsortierung und Tag-Filterung. Expert schaltet Videogalerien (YouTube, Vimeo, selbst gehostet), dynamische Galerien aus Ordnern und EXIF-Metadaten frei. Der Commerce-Bereich integriert WooCommerce: Fotoverkauf, Wasserzeichen, Master-Produkt.

Vorteile:

• Masonry kostenlos, ohne Einschränkungen
• 7 Layouts in der Gratisversion
• Lightbox und Lazy Loading serienmäßig
• Aktiv gepflegt, Stand Mai 2026

Nachteile:

• Videogalerien nur in Expert
• Tag-Filterung nur in Pro
• Keine Blog-Layouts, ausschließlich Galerien

Preis: Kostenlos, kostenpflichtige Tarife ab 39,99 $/Jahr

Download: 🔗 FooGallery auf WordPress.org

🔗 Alle FooGallery-Tarife

4. Essential Grid

Produkt von ThemePunch, demselben Team, das Slider Revolution mit Millionen von Nutzern entwickelt hat. Essential Grid verzeichnet 400.000+ aktive Installationen. Drei Layout-Modi: Even (einheitlich), Masonry (Mauerwerk) und Cobbled (Patchwork-Mosaik). Jedes wird visuell konfiguriert, ohne Code.

Der Drag-and-Drop-Builder arbeitet live: Elemente ziehen, Größen ändern, das Grid berechnet sich sofort neu. Über fünfzig fertige Vorlagen, von Fotogalerien bis zu WooCommerce-Schaufenstern. Der integrierte visuelle Skin-Editor erlaubt es, ein eigenes Design-Theme zusammenzustellen.

Die Galerie lädt schnell und reagiert auf allen Geräten. Deep Linking für SEO, Wasserzeichen, Schutz vor Rechtsklick. Automatischer Content-Import von Instagram, YouTube, Flickr, Vimeo. Filterung, Paginierung und Suche ohne Seitenneuladung. Keine kostenlose Version, aber 39 $ pro Jahr mit Support sind ein angemessener Preis für ein Werkzeug dieses Niveaus.

Vorteile:

• 3 Layout-Typen: Even, Masonry, Cobbled
• 50+ Vorlagen und visueller Skin-Editor
• Auto-Import aus sozialen Netzwerken (Instagram, YouTube, Flickr)
• Deep Linking für SEO und Inhaltsschutz

Nachteile:

• Keine kostenlose Version
• Support-Verlängerung nach einem Jahr ist kostenpflichtig
• Überdimensioniert, wenn Sie nur Masonry für einen Blog benötigen

Preis: 39 $/Jahr (12 Monate Support)

Download: 🔗 Offizielle Essential-Grid-Website

5. Media Grid

Das flexibelste Plugin in diesem Vergleich, was das Layout betrifft. Anders als Essential Grid mit seinen drei Modi bietet Media Grid ein völlig freies Raster: Sie setzen Blöcke beliebiger Größe und Form, das System baut ein Masonry-Layout ohne Bindung an Zeilen oder Spalten auf. Version 9.2.2 erschien im März 2026, aktive Weiterentwicklung.

Visueller Grid-Builder, das Kernstück des Plugins. Zwei Modi: Manuell (volle Kontrolle über jedes Element) und Dynamisch (Sie erstellen eine Grundstruktur, das System befüllt die Blöcke automatisch mit Inhalten, inklusive Paginierung oder Zufallsmischung). Vierzehn Elementtypen: statisch, Slider, Video, Audio, benutzerdefiniertes HTML, verlinkte Kachel und Abstandshalter.

Lightbox auf CSS-Basis, schnell, SEO-optimiert, mit Deeplinking für jedes Element. Sechs Paginierungsvarianten: von Pfeilen bis zu Infinite Scroll. Zehn Stilvorlagen für den Start mit einem Klick. Unterstützung für jeden öffentlichen Beitragstyp: Beiträge, WooCommerce-Produkte und Bilder aus der Medienbibliothek werden eingebunden. Der Preis umfasst 12 Monate Updates.

Vorteile:

• Völlig freies Raster, nicht an Zeilen gebunden
• 14 Elementtypen, von statisch bis Video
• CSS-Lightbox mit SEO-Deeplinking
• Dynamischer Modus zur automatischen Befüllung des Rasters

Nachteile:

• Keine kostenlose Version
• Steile Lernkurve, nichts für Einsteiger
• Premium-Lösung für den professionellen Einsatz

Preis: $35 (12 Monate Support)

Download: 🔗 Offizielle Media-Grid-Website

6. The Post Grid

Das beliebteste Plugin in diesem Vergleich: über 100.000 aktive Installationen und eine Bewertung von 4,7 von 5. Der Entwickler RadiusTheme aktualisiert es nahezu monatlich, die letzte Version erschien im Juni 2026. Die kostenlose Version bietet Masonry-Layout, Raster und Liste für Beiträge per Gutenberg-Blöcke, Elementor-Widgets, Divi-Module und Shortcode.

Der Query Builder stellt Beiträge nach Kategorien, Schlagwörtern, Autoren und Datum zusammen. Für jedes Layout werden Schriftarten, Farben und Abstände konfiguriert, alles in Echtzeit über den WordPress Customizer. Vier Paginierungstypen, einschließlich Ajax Load More und Infinite Scroll in der Pro-Version.

Die Pro-Version ergänzt benutzerdefinierte Beitragstypen, Frontend-Beitragseinreichung, ChatGPT-Integration zur Inhaltserstellung und über 90 fertige Sektionen. Ein separater Archivseiten-Builder (Kategorien, Schlagwörter, Autoren) erlaubt es Ihnen, jede Seite individuell zu gestalten. Für eine Nachrichtenseite oder ein Magazin ist das die optimale Wahl.

Vorteile:

• Über 100.000 Installationen, 4,7/5 Bewertung, Update Juni 2026
• Kostenlose Version mit Masonry, Raster und Liste
• Gutenberg + Elementor + Divi + Shortcode
• Query Builder mit flexibler Filterung

Nachteile:

• Benutzerdefinierte Beitragstypen nur in Pro
• Ajax-Paginierung und Filterung nur in Pro
• Einige Layouts (zum Beispiel Slider) nur in Pro

Preis: Kostenlos (Lite), Pro 49 $

Download: 🔗 The Post Grid auf WordPress.org

🔗 Pro-Version RadiusTheme

⁉️🤔 Häufig gestellte Fragen

Warum benötige ich Masonry, wenn das Theme bereits über ein Raster verfügt?

Masonry löst ein spezifisches Problem: Wenn Elemente unterschiedlich hoch sind (Beiträge mit kurzem und langem Text, Bilder in verschiedenen Formaten), hinterlässt ein Raster Lücken. Masonry schiebt Elemente nach oben und füllt die Lücken. Ein Theme mit Raster-Layout leistet dies ohne separates Plugin nicht, denn ein Raster richtet zeilenweise aus, Masonry hingegen vertikal.

Wie unterscheidet sich Masonry vom Blocksatz-Layout?

Masonry richtet Elemente vertikal in Spalten aus: Die Breite ist fest, die Höhe variiert. Blocksatz (wie bei Flickr) passt sowohl Breite als auch Zeilenhöhe an, sodass die Zeile vollständig gefüllt wird. Bei Masonry werden Bilder nicht beschnitten, beim Blocksatz werden mitunter Ränder abgeschnitten. Für Portfolios ist Masonry die sicherere Wahl.

Ist Masonry für die mobile Version erforderlich?

Ja, allerdings mit einer Einschränkung. Auf schmalen Bildschirmen reduziert sich Masonry auf eine oder zwei Spalten, der Unterschied zum normalen Raster verschwimmt. Alle Plugins aus diesem Vergleich sind responsiv: Auf Mobilgeräten schaltet Masonry automatisch auf eine Spalte um, ohne horizontales Scrollen und mit lesbaren Bildern.

Welches Plugin sollte ich wählen, wenn ich Masonry nur für einen Blog benötige?

Zwei Kandidaten. Das kostenlose Blog Designer, 15 Vorlagen, kurzer Shortcode, funktioniert mit jedem Theme. Das kostenlose The Post Grid, moderner, häufiger aktualisiert, mehr Einstellungen. Wenn das Budget es erlaubt, deckt die Pro-Version von The Post Grid sowohl Archivseiten als auch benutzerdefinierte Typen ab.

Kann ich ein Masonry-Plugin zusammen mit einem Caching-Plugin verwenden?

Das können und sollten Sie. Das Masonry-Raster wird clientseitig per JavaScript berechnet, daher zerstört ein Server-Cache (WP Rocket, W3 Total Cache) das Layout nicht. Lazy Loading von Bildern in FooGallery und Essential Grid arbeitet parallel zum Caching. Nach dem Leeren des Caches berechnet sich Masonry von selbst neu.

Was tun, wenn ein Masonry-Plugin mit dem Theme kollidiert?

Drei Diagnoseschritte. Erstens: Deaktivieren Sie die AJAX-Paginierung im Theme, eine häufige Konfliktquelle. Zweitens: Prüfen Sie die Browser-Konsole auf JS-Fehler von imagesLoaded oder masonry. Drittens: Wechseln Sie kurzzeitig zu einem Standard-WordPress-Theme; funktioniert Masonry dann, liegt der Konflikt im Theme. The Post Grid und FooGallery leiden dank isolierter Skript-Einbindung am wenigsten unter Konflikten.

Welches Masonry-Plugin Sie für Ihre Aufgabe wählen sollten

Sechs Plugins decken drei Hauptszenarien ab. Für einen Blog: Blog Designer (einfacher) oder The Post Grid (leistungsfähiger, Update Juni 2026). Für Galerien: FooGallery, kostenloses Masonry out of the box und aktiver Support (Update Mai 2026). Für alles auf einmal: Essential Grid (Premium, am ausgereiftesten) oder Media Grid (maximale Layout-Flexibilität). Portfolio Designer, ein Kompromiss für diejenigen, die sowohl Portfolio als auch Blog mit minimalen Kosten benötigen.

Jagen Sie nicht dem maximalen Funktionsumfang hinterher. Ist die Website ein Blog mit 50 Beiträgen, erledigt Blog Designer die Aufgabe ohne zusätzlichen Code. Betreiben Sie ein Magazin mit 5000 Artikeln und komplexer Kategorisierung, greifen Sie zu The Post Grid Pro mit Archiv-Builder. Und wenn Sie beeindrucken möchten, zu Essential Grid mit gepflastertem Layout und Live-Builder.

Alle kostenlosen Plugins aus diesem Vergleich installieren Sie in einer Minute aus dem WordPress-Repository: Blog Designer, Portfolio Designer, The Post Grid und FooGallery. Testen Sie, bevor Sie die Pro-Version kaufen. Schreiben Sie in die Kommentare, für welches Plugin und welche Aufgaben Sie sich entschieden haben, es ist interessant, praktische Erfahrungen zu vergleichen.