Hinzufügen eines Responsive-Gitters zu einer Seite (ohne Verwendung eines Bootstrap-Designs)

Ich möchte solche Kacheln auf meiner Seite hinzufügen: http://www.dorsetveganevents.co.uk/exhibitors -new-forest-2016.html

Ich habe einige Plugins (WP Tiles, Content View usw.) gesucht und ausprobiert, aber sie alle erfordern, dass die Informationen als Seiten oder Beiträge gespeichert werden, die andere Abschnitte unterbrechen.

Soll ich es hart als HTML einprogrammieren?

Vielen Dank

Solutions Collecting From Web of "Hinzufügen eines Responsive-Gitters zu einer Seite (ohne Verwendung eines Bootstrap-Designs)"

Es gibt eine Reihe von verschiedenen Grid-Systemen, die in WordPress integriert werden können, in der Regel einfach durch Einreihen der Stylesheets für sie. Dann können Sie den HTML-Code fest codieren, indem Sie div Tags mit den entsprechenden classn für dieses System hinzufügen.

Hier ist eine gute Liste von verschiedenen Grid-Systembeispielen:

  • Skelett Boilerplate
  • 960 Gittersystem
  • Responsives Rastersystem
  • Netz (Plugin)
  • BioShip (Thema)

Es kann sich auch lohnen, jQuery matchHeight einzubeziehen und anzuwenden, da es je nach Anwendung auch wünschenswert sein kann, Zeilenhöhen zu normalisieren.