Probleme mit der

    Hallo,

    die Ansicht meines wp Blogs ist in der Desktop Version gut (so wie gewünscht) - Problem ist, wenn ich an den Anfang eines Beitrags ein Bild (meist oben rechts) gestellt habe, "drückt" das Bild den Text an den Rand - mit dem manchmal unschönen Effekt, dass nur ein paar Buchstaben am Rand stehen. Gibt es ein Plug In, was dies vermeidet? Oder liegt es am Blocksatz? (mag ich eigentlich ...).
    s.: https://wp.me/p15Wn2-m7c

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Ganz so extrem sieht es bei mir nicht aus, aber gut auch nicht:

    Das Bild hat eine feste Breite von 280px im HTML-Code, dadurch wird der Platz für den Text natürlich knapp.
    Das könnte man eventuell per CSS regeln, dass ab einer bestimmten Größe der Text unter dem Bild gesetzt wird

    Zitat von KlausJan


    Problem ist, wenn ich an den Anfang eines Beitrags ein Bild (meist oben rechts) gestellt habe, "drückt" das Bild den Text an den Rand - mit dem manchmal unschönen Effekt, dass nur ein paar Buchstaben am Rand stehen.

    Du "optimierst" deine Bilder mit Jackpack. Diese Optimierung ist selten noch irgendwie zeitgemäß und funktioniert oft nicht wirklich gut. Evlt deaktivierst du die Bildoptimierung durch JackPack und verwendest anstelle das JPG Bildformat das WebP Format. Danach kannst du vermutlich etwas leichter deine CSS Regeln für Bilder erweitern.

    Mit offenen Augen träumen

    Zitat von uha

    Du meinst Jetpack

    Danke für die Korrektur. Stimmt. Ich meinte das Plugin, das wegen der DSVG eigentlich keiner mehr verwenden kann, ohne Indianertanz-Aufführung.

    Das Plugin erzeugt bei mir auch eine Fehlermeldung:

    Code
    Uncaught (in promise) ForbiddenError: Not Authorized
    e https://s0.wp.com/wp-content/mu-plugins/jetpack-mu-wpcom-plugin/sun/vendor/automattic/jetpack-mu-wpcom/src/build/verbum-comments/verbum-comments.js?m=1720460770i&minify=false&ver=74e62c3e8cc39894f212:1
    k https://s0.wp.com/wp-content/mu-plugins/jetpack-mu-wpcom-plugin/sun/vendor/automattic/jetpack-mu-wpcom/src/build/verbum-comments/verbum-comments.js?m=1720460770i&minify=false&ver=74e62c3e8cc39894f212:1

    Mit offenen Augen träumen

    den Blocksatz Code <p style="text-align: justify;"> habe ich gelöscht ; es ändert sich aber nicht wesentlich in der Mobil Ansicht - und auf dem Desktop gefällt mit der Flattersatz nicht, wenn Bilder integriert sind- Jetzt habe ich etwas getrickst: wenn ich das Bild etwas grösser stelle - siehts mobil o.k. aus

    Zitat von KlausJan

    wenn ich das Bild etwas grösser stelle - siehts mobil o.k. aus


    das ist keine lösung, denn es kommt ja auf das smartphone an, mit dem du es betrachtest. hier mal ein beispiel eines iphone 14:

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

    eine lösung wäre die bildgrößen in % oder noch besser in vw auszugeben.

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden