Je nach viewport (media query) unterschiedliche templates laden
-
Hallo, hat jemand einen Tip (bzw. Problemlösung) für folgendes (ich glaube die allgemeine Beschreibung ohne Angabe von Einzelheiten reicht hier):
Auf ca. 10 selbst definierten templates meiner noch auf localhost befindlichen WP-Site befindet sich (jeweils im „page-container“-Bereich) ein kleines javascript, mit dem -je nach template- eine definierte Anzahl von Bannern (pictures) geladen wird. Funktioniert bestens.
Die Site ist jedoch responsive, also es gibt media queries. Funktionieren auch. Allerdings sind die Banner für die Darstellung auf kleinen viewports (smartphones) viel zu groß (ca. 950×450 px).
Da die Seiten noch weitere (kleinere) pictures beinhalten, würde die Ladezeit auf den smartphones wahrscheinlich inakzeptabel.
No-display im CSS kommt natürlich nicht in Frage.
Es müßte aber irgendeine Abfrage stattfinden, also ungefähr „falls media screen max-width: 480px“ dann bitte „template ohne Banner“ laden.
Und da die templates natürlich unterschiedlich sind (z.b. template-spezifische sidebars, 1 oder 2 sidebars bzw. mit/ohne sidebar, unterschiedliche main-content-Bereiche etc), müßte die Abfrage das auch berücksichtigen, also erstens den viewport und zweitens: „falls auf template xy zugegriffen wird, dann nicht laden sondern stattdessen template xy ohne banner laden“.
Ich würde dann also jeweils ein template xy ohne banner anlegen.
Aber ich sehe schon, das ist nicht irgendwie in WP lösbar ohne zusätzliche Mittel, Abfrage per script oder so. (?)
- Das Thema „Je nach viewport (media query) unterschiedliche templates laden“ ist für neue Antworten geschlossen.