-
Posts
-
Hallo,
ich möchte, dass das meine Bilder auf jedem Endgerät (Desktop, Tablet, Smartphone) gleich bleiben.Ich orientiere mich an der Webseite de.huel.com – Egal auf welchem Gerät man ist, das Bild passt sich der Displaygröße an.
Auf meiner Startseite sind zwei Bilder (1. Warum Genussmahl 2. Wer sind wir). Diese Bilder verschieben sich leider und sehen schrecklich aus,wenn das Display kleiner wird.Ps. ich habe zur Zeit eine Zwischenlösung. Habe das eigentliche Bild,was ich möchte, für Tablet und Smartphone ausgeschaltet und ein anderes Bild für kleinere Displays reingestellt.
Aber mein Wunsch ist, dass das Bild was für Desktop angezeigt wird, auch optimal bei kleinen Geräten angezeigt wird. Wie kann ich es einstellen, dass das die 2 Bilder auf der Startseite sich dem Display anpassen?
Danke vielmals
Hey genussmahl,
Hast Du schon ein Plugin wie: https://de.wordpress.org/plugins/responsify-wp/ probiert, welches zu den Bildern das srcset-Attribut hinzufügt? Dabei werden je nach Bildschirmgröße unterschiedliche Bilddateien geladen. Mehr dazu: https://www.mediaevent.de/xhtml/srcset.html
Möglicherweise musst Du noch neue Thumbnailgrößen mit https://de.wordpress.org/plugins/simple-image-sizes/ hinzufügen, damit die Thumbnails deinen Bedürfnissen entsprechen.
Best regards,
DudeErst einmal Danke für die super schnelle Antwort.
Ich muss gestehen, dass ich es mir nicht alles ganz leicht fällt.Mit dem Plugin hat das nicht funktioniert. Das Bild auf der Startseite passt sich nicht der Seite an, wenn man das Fenster verkleinert. Das Textfeld hingegen verschiebt sich optimal und wird schmaler. Die Bildseite wird zwar auch schmaler, aber das Foto ist plötzlich kleiner als das Feld.
Gibt es ein anderes Plugin oder vielleicht eine andere Hilfe.
Vielen Dank für die Mühe.
Hi,
Ich denke dieses Problem könnte auf zwei Wege gelöst werden:
1) Entweder ihr verwendet das Bild für eine Farbsektion wie ich es hier zum Test angelegt habe: https://genussmahl.de/wp-admin/post.php?post=1959&action=edit – das Bild müsste dann mit der Farbe der Spalte rechts, etc. in Einklang gebracht werden.
2) Ihr verwendet beim Bild die Anzeigeoptionen: https://screenshots.firefox.com/4qxpxxfa8ek5VUNu/genussmahl.de um für jede Bildschirmgröße ein optimales Foto zu setzen, daher einmal eher Hochformat damit der Abstand nach unten nicht entsteht, wenn der Text bei kleineren Bildschirmen rechts länger wird oder eher Breitformat für größere Bildschirme. Vermutlich ist diese Lösung besser/einfacher, da das Bild nicht viel angepasst werden muss.
LG,
DudeDanke für die Mühe.
Ich habe es versucht, aber das schaffe ich leider nicht. Jetzt lasse ich es so wie es ist.Eine andere Frage:
Mit welchem Plugin kann ich Informationen bzw. Newsletter auf die Startseite hineinfliegen lassen (mir fehlt das Fachwort dafür).
Bsp.
Sie öffnen Zalando und plötzlich kommt von rechts ein kleines Fenster, wo man sich für den Newsltter anmelden kann oder mit einem Mitarbeiter chatten kann.Danke
Hi,
Diese Plugins nennt man “floating bar” oder “floating content” Plugins – wie zB https://codecanyon.net/item/advanced-floating-content/9945856?ref=Zweistein – diese ermöglichen Elemente (mit shortcodes oder widgets) losgelöst von anderen Inhalten fixiert darzustellen (zB zwei überlappende Videos: http://codetides.com/advanced-floating-content/floating-content-with-videos/ ). Damit könntet ihr zB auch Newsletter einbetten.
LG,
DudeDanke für die hilfreichen Tipps.
Ich habe leider noch ein Problem:
ich aktualisiere etwas auf dem Laptop und über die Desktop Version sieht man die Änderung sofort.
Mit meinem Handy sehe ich seit zwei drei Tagen immer noch nicht die Aktualisierung. Das dauert immer sehr lange bis es auf dem mobile Gerät erscheint. Woran liegt das?Viele Grüße
SabriHi,
Bitte entschuldige die späte Antwort. Meiner Ansicht nach kann dies nur am Browser Cache liegen. Dieser kann jedoch auf Android ( https://de.wikihow.com/Auf-einem-Android-Ger%C3%A4t-den-Browser-Cache-leeren ) und IOS ( https://de.wikihow.com/Den-Browser-Cache-auf-einem-iPhone-leeren ) Geräten manuell geleert werden.
LG,
Dude
- You must be logged in to reply to this topic.