Design Header Block 4 Bilder

[Volker]

Huhu,

noch schnell was das morgen kommt

[Tommy Herrmann]

Moin,

habe ich da noch was nicht verstanden? Diese Block gibt es doch schon von Mobirise in allen möglichen Themen als Slider oder Fader.

Beispiel in einem alten M4 Thema von Mobirise als Fader:

https://www.mobirise-tutorials.com/Test ... html#Fader

… oder auch hier im alten Theme "ModernM4" als Header:

https://www.mobirise-tutorials.com/ModernM4/


Oder auch als Slider mit Bildern:

https://www.mobirise-tutorials.com/Tuto ... lider.html

… oder Videos:

https://www.mobirise-tutorials.com/Tuto ... Video.html


In Mobirise kann man die unterschiedlichen Bilder einfach im Arbeitsbereich wählen und den Text zur Beschriftung dann eintragen.

[Volker]

Naja Tommy,

wenn Du meinst das es diesen Block schon in Mobirise gibt

Ich sage NEIN gibt es so nicht !

Klar kann man was basteln und umbauen nach Lust und Laune - aber dann ist es noch lange kein Block, der
diverse Animationen am Zahnrad einstellbar hat Text Cards an beliebiger Position ...

Da liegen meiner Meinung nach Welten zwischen Tommy

Ich liefere hier komplette Blöcke, keine Bastelanleitungen
Aber keiner muss meine Blöcke verwenden oder gut finden

Und wenn ein Block am Handy nicht so wirkt oder gut aussieht- einfach fürs Handy abschalten und nur ein Bild zeigen.

[struggle]

Wahrscheinlich bedarf es einer grundsätzlichen Diskussion, die an anderer Stelle geführt werden müsste. Dennoch eine Antwort aus dem Internet:

Die Optimierung des Webdesigns für Mobilgeräte (Handys/Smartphones) ist im Jahr 2026 von entscheidender Bedeutung, da sie direkten Einfluss auf Nutzererfahrung, Suchmaschinen-Ranking und den geschäftlichen Erfolg hat. Mehr als die Hälfte der Website-Aufrufe erfolgt über mobile Endgeräte.

Warum mobiles Webdesign essenziell ist:
Google Mobile-First-Indexierung: Google bewertet Websites primär basierend auf deren mobiler Version. Eine schlechte mobile Darstellung führt zu einer schlechteren Platzierung in den Suchergebnissen.

Eine mobilfreundliche Seite bietet eine gute Lesbarkeit, einfache Navigation und kurze Ladezeiten. Nicht optimierte Seiten führen zu einer frustrierten Nutzererfahrung und höheren Absprungraten.
Professionelles, responsives Webdesign, das auf Handys gut funktioniert, ist entscheidend, um Kunden zu gewinnen und zu halten.

Wichtige Kriterien: Ein gutes mobiles Design verzichtet auf horizontales Scrollen, nutzt lesbare Schriftgrößen, optimiert Bilder für schnellere Ladezeiten und hebt Buttons (Call-to-Action) hervor.
Es wird empfohlen, das Design zuerst für den kleinen Bildschirm zu konzipieren und dann für den Desktop zu erweitern, da dies oft zu einer klareren Struktur führt.
Zusammenfassend lässt sich sagen, dass eine mobile Optimierung keine Option, sondern eine Notwendigkeit ist, um im digitalen Zeitalter erfolgreich zu sein

[Volker]

So,
nun noch einen Effekt hinzugefügt. Bilder SW in Farbe - Dauer einstellbar.
Sieht auch auf Handy gut aus

https://niederastroth.de/design4/ ---SW zu Farbe
https://niederastroth.de/design4/zoom/ ---Zoom in
https://niederastroth.de/design4/slide/ ---Slide
https://niederastroth.de/design4/fade/ ---Fade
https://niederastroth.de/design4/cards/ --- Cards animiert

[struggle]

Das ist auf dem Handy richtig schön

[Volker]

Dowload für die, die den haben wollen:

https://www.niederastroth.de/design-hea ... -v4.mbrext