Gutenberg-Grid in ein Masonry-Muster darstellen
-
Hallo WordPress Freunde
Eine Kategorieseite soll eine Anzahl Beiträge ausgeben. Gewünscht ist die Mansonry Anordnung. Testhalber ist via PlugIn Header-Footer-Script die Bootstrap-Bibliothek eingebunden (bootstrap-grid.css, masonry.pkgd.min.js). Es funktioniert, siehe Screenshot.
Twentytwentyfive bietet zum Anordnen von einer Anzahl Beiträge kein Masonry-Muster an. Es bieten sich einzelne PlugIns an. Denkbar scheint aber der Eigenbau eine Mansory-Musters mittels Bootstrap.
Gutenberg scheint bei der Abfrageschlaufe mit Listenelementen ul und li zu operieren. Idee: Die Elemente in ul.row respektive li.col-3 umgebaut könnte das Gutenberg-Grid als ein Masonry-Muster darstellen. Mein Javascript-Knowhow ist knapp ausreichend. Ist der Ansatz der richtige?
Das Projekt läuft erst auf einer Testumgebung lokal, das Theme ist TT5.
Falls jemand Lust hat, die Idee anzuschauen?
Besten Dank und Gruss, Flipperhttp://www.hüpo.ch/wpforum/Bildschirmfoto%202026-02-10%20um%2019.46.03.jpg
http://www.hüpo.ch/wpforum/Bildschirmfoto%202026-02-10%20um%2019.47.17.jpg
-
Hi Hans-Gerd
Smarter Typ dieser Jakson. Hat geklappt. Er erklärt es kurz. Das CSS-Element stelle die Liste in column statt rows dar.
Die Reihenfolge der Artikel ist durcheinander, das stört hier nicht. Den verlinkten Artikel werde bei Bedarf studieren.
Cool, danke dir, das macht Freude!
Grüsse, Flipper
Du musst angemeldet sein, um auf dieses Thema zu antworten.