themore 1.4 – Das 100 | 100 | 100 Update

Seit Jahresbeginn haben sich die 1.3er Updates vor allem mit smarten Tools beschäftigt, die Barrieren abbauen. Diese Verbesserungen findest du wie gewohnt im Changelog.

Ein Punkt war mir jedoch weiterhin ein Dorn im Auge: der Pagespeed.

Die schwachen Werte lagen in erster Linie an der bisherigen Einbindung von Font Awesome über Schriftdateien. Das ist zwar der gängige Weg – führt aber dazu, dass der Browser alle 2.000+ Icons komplett lädt, auch wenn du auf deiner Seite nur wenige davon nutzt.

Wie themore Font Awesome jetzt performant einsetzt

Keine Sorge: du kannst auch weiterhin Font Awesome verwenden. Die Integration erfolgt nach wie vor über die Erweiterung von markocupic, sodass deine bestehenden Icons erhalten bleiben.

Der Unterschied: Statt Icons über den -Tag mit Klassen einzubinden, greift themore nun auf den flexiblen Icon-Picker zurück. Dieses Inhaltselement habe ich mit Rocksolids CustomElement umgesetzt, sodass du es maximal individuell einsetzen kannst.

Deine Möglichkeiten mit dem Icon-Picker:

  • Einzelne Icons darstellen
  • Icons in Überschriften (h1–h6) einfügen – wahlweise vor, inmitten oder nach der Headline
  • Icons in Buttons einbinden – ebenfalls flexibel positionierbar

Mehr Übersicht im Contao-Backend

Damit du auch bei umfangreichen Artikeln mit vielen Inhaltselementen und Grids den Überblick behältst, zeigt dir themore nun die Grid-Struktur direkt im Backend an.

Das bringt gleich zwei Vorteile:

  1. Du erkennst die Struktur deiner Elemente sofort.
  2. Du kannst prüfen, ob dein Grid korrekt aufgeteilt ist.

Die Backend-Vorschau des Grids lässt sich jederzeit mit einem Klick oberhalb des Grid-Wrappers aktivieren oder deaktivieren.

Hol dir jetzt das Update!

Wenn du bereits eine Lizenz von themore im offiziellen Contao Theme-Shop besitzt, logg dich dort ein und lade dir die aktuelle .zip herunter.

Ich freue mich auf dein Feedback.