Wordpress Beitrag vorgestellten Bild ansprechende Ausgabe

Question

Ich habe folgendes Problem mit meiner Wordpress-Seite. In meinem Blog-Bereich, in dem eine Liste aller Blogposts angezeigt wird, sind meine vorgestellten Bilder von schlechter Qualität, da die Responsive Images-Option von Wordpress implementiert wird. Dies ist, was mein Code wie folgt aussieht:

<div class="post-thumb"><a href="http://www.example.com/mypost"> 
    <img width="300" height="75" src="http://www.example.com/wp-content/uploads/2017/02/img-300x75.jpeg" class="alignleft wp-post-image" alt="" srcset="http://www.example.com/wp-content/uploads/2017/02/img-300x75.jpeg 300w, http://www.example.com/wp-content/uploads/2017/02/img-768x192.jpeg 768w, http://www.example.com/wp-content/uploads/2017/02/img-1024x256.jpeg 1024w, http://www.example.com/wp-content/uploads/2017/02/img.jpeg 1400w" sizes="(max-width: 300px) 100vw, 300px"> 
    </a></div> 

Wenn ich die ‚Größen‘ Element in meiner Konsole und die maximale Breite auf eine viel höhere Zahl als 300px (zB 3000px) ändern, mein Bild zeigt sich in der Qualität, die es soll sein. Aber jetzt skaliert meine Seite, die volle Breite hat, nur ein Bild von 300px. Ich weiß derzeit nicht, wo ich dieses Element in meinem Thema ändern soll.

Vielen Dank im Voraus, Tom

Answer 1

Hallo Anzeigebilder in voller Größe in Ihrem Thema versuchen:

<?php the_post_thumbnail('full'); ?> 

Meine Vorlage zeigt immer Bilder in voller Auflösung.

Oder Sie ändern Post thubnail Größe von Admin Panel und aktualisieren Sie Bilder mit Plugin erneut versuchen (ich erinnere mich nicht, Plugin-Namen jetzt).

Style (oder min-width: 100%; max-width: 100%;):

<style type="text/css"> 
.post-thumb img{ 
    padding: 5px; float: left; width: 100%; height: auto; overflow: hidden; box-sizing: border-box; 
} 
</style>