Ich habe schon einmal geschrieben, dass Google mir immer wieder E-Mails schickt und mich wegen der mobilen Funktionalität der Webseite ermahnt. Wenn man bedenkt, dass mittlerweile die mobilen Webnutzer die Desktop Nutzer überholt haben ist das ein ungemein wichtiges Thema. Ich habe dafür auch schon ein Plugin geschrieben, jedoch sehe ich schwarz dieses Plugin zu erweitern.
Das Problem
Was dieses Plugin lediglich macht, ist die save Informationen von einem Gutenberg Block zu nehmen, sie in zwei Schichten divs packt und dann abspeichert. Da jedoch die save Information verändert worden ist, zeigt Gutenberg eine Warnung und zwingt dich kwasi alle Blöcke neu aufzusetzen.
Texte
Ich werde die textbreite auf ca. 768 Pixel begrenzen und die Headlines schöner gestalten. Ich werde auch ein Effekt einbauen, welches bei breiteren Bildschirmen zur Geltung kommen wird. Die Hintergrundfarben werden über die ganze Breite gehen.
Bilder
Einzelne Bilder
Wenn ein Bild alleine steht werde ich erst einmal gucken wie breit e ist. Wenn es mindestens 1280 Pixel breit ist werde ich es über die ganze Contentbreite laufen lassen.
Panorama Bilder
Falls ihr euch meinen Blog angeschaut habt, werdet ihr sehen, dass ich auch Panorama Bilder hinzugefügt habe. Diese werden über die ganze Bildschirmbreite gehen und auch responsiv im selben Verhältnis wachsen und schrumpfen.
Galerien
Bei den Galeriebildern bin ich noch sehr unschlüssig. Entweder werde ich die alle nebeneinander anzeigen lassen oder einen vierer Block draus machen. Ich weiß es noch nicht genau.
Ich habe schon mal einiges erledigt und das Endergebnis sieht wie folgt aus:
Das müsste es erstmal gewesen sein. Wenn ich diese Sachen fertig gebaut habe, kann ich mich auch um die Einbettungen von anderen Posts kümmern. Diese verursachen im Mobilen , dass die Seiten breiter sind als der Bildschirm… Das geht natürlich nicht. Ich denke dass ich mich morgen um dieses Problem kümmern werde.
