Responsive Bilder im Blog

  • Hallo,

    derzeit werden die Bilder im Blog nicht kleiner skaliert, bzw schon skaliert, aber dabei beschnitten.

    Siehe hier:

    http://www.grenzlandfotografie.de/elmpter-schwal…-sonnenaufgang/

    Ich habe dann mal das PlugIn "RIGG Respnsive Images" installiert. Dort wird u.a. auch das sizes und das srcset Asttribut eingefügt. Im ersten Bild im verlinke Eintrag habe ich das mal eingebaut (Das Foto neu eingebungen, das es nicht für bestehende Fotos übernommen wird). Allerdings werden hier nicht die nötigen größen im srcset Attribut ausgegeben, bzw. die fehlen. hier imm Beispiel http://t3n.de/news/responsive-images-wordpress-602097/ werden tatsählich unterschiedliche Bilder mit dem dazugehörigen Pfad angegeben. Nur wo kommen die Bilder her? Muß ich die erst anlegen?

    Danke für Eure Hilfe!

    • 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

  • Da du das in deiner CSS stehen hast

    Code
    .entry-content img {
        max-width: 100000%;
    }


    kann das nicht klappen. Denn WP denkt ja immer, das genug Platz da ist für die volle Auflösung.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • komisch, es geht halt nur im Blog nicht, auf andere Seiten werden die Bilder korrekt verkleinert und nicht beschitten...oder gilt dieser Codeschnipsel nur für Blog Einträge...es wird ja verkleinert, nur eben besnchitten, wie und wo kann ich das denn ändern?

  • Wenn ich das auf die Schnelle richtig sehe, dann wird die Class "entry" nur im Blog verwendet.

    Hast du einen Custom-CSS bereich im Theme? Dann schreib dort mal das rein:

    CSS
    .entry-content img {
        max-width: 100% !important;
    }

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • yo cool geht :-) Vielen Dank.

    Jetzt muß ich nur noch gucken, das die bilder dann auch nicht nur skaliert werden, sondern optimaler Weise auch in den richtigen größen referenziert werden um die Ladezeiten bei mobilen Verbindungen zu reduzieren...das sollte ja eigentlich das srcset machen...aber da stehen bei mir eben nicht mehrere Pfade zu Bildern in unterschiedlichen Größen

  • Das srcset steht im ersten Bild drin. Ich kenne allerdings das Plugin nicht.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • ja das steht drin, aber eben nicht verschiedene Pfade zu pysikalisch unterschedelich großen Bildern, so wie es ind er Doku des Plugins steht

  • Das steht drin

    Code
    <img class="alignnone wp-image-1270 size-large" src="http://www.grenzlandfotografie.de/wp-content/uploads/D__97731-640x427.jpg" srcset="http://www.grenzlandfotografie.de/wp-content/uploads/D__97731-210x140.jpg 210w, http://www.grenzlandfotografie.de/wp-content/uploads/D__97731-420x280.jpg 420w, http://www.grenzlandfotografie.de/wp-content/uploads/D__97731-640x427.jpg 640w, http://www.grenzlandfotografie.de/wp-content/uploads/D__97731-600x400.jpg 600w, http://www.grenzlandfotografie.de/wp-content/uploads/D__97731.jpg 640w" alt="_D__9773" width="640" height="427" sizes="(max-width: 640px) 100vw, 640px">


    Das sind für mich unterschiedliche Bilder. Aber wie SuMu bereits geschrieben hat, wäre der Kontakt mit dem Entwickler wohl das Beste.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

Jetzt mitmachen!

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