Höhen- und Breitenattribut wird nicht von the_post_thumbnail gesetzt

Ich verwende folgenden Code, um Bilder auf der Startseite anzuzeigen:

if ( has_post_thumbnail() ) {the_post_thumbnail('postbox-thumb') 

Aber die Ausgabe des obigen Codes hat keine Höhe und Breite des img-Tags. Bitte helfen Sie mir bei der Lösung dieses Problems.

Aktuelle Beispielausgabe:

 Kiran inspects coal mine 

img height und width Attribute fehlen.

Solutions Collecting From Web of "Höhen- und Breitenattribut wird nicht von the_post_thumbnail gesetzt"

Im 2. Attribut von the_post_thumbnail() Sie zusätzliche Attribute für das Bild the_post_thumbnail() .

 the_post_thumbnail( 'postbox-thumb', array( 'width' => 100, 'height' => 100 ) ) 

Ich habe es gerade noch einmal überprüft, die Breite und Höhe sind in den neuesten WP-Versionen eingestellt, so dass Sie vielleicht nur Ihre WordPress-Installation aktualisieren müssen.

Überprüfen Sie die Parameter für Thumbnail-Größen von the_post_thumbnail

 the_post_thumbnail( array(100, 100) ); 

Oder Sie können eine benutzerdefinierte Bildgröße für vorgestellte Bilder mit add_image_size in Ihrer functionsdatei hinzufügen, die die Breite und Höhe enthält

 add_image_size( 'postbox-thumb', 100, 100, TRUE ); 

Zunächst einmal Theme-Unterstützung für Post-Thumbnails mit der folgenden “function.php” hinzufügen

add_theme_support( 'post-thumbnails' );

Fügen Sie dann Bildgröße mit dem folgenden Code “function.php” hinzu

add_image_size( 'portfolio', 600, 600, true );

Verwenden Sie beide innerhalb einer function, die Sie einhaken müssen

 add_action( 'after_setup_theme', 'prefix_theme_setup' ); 

Jetzt innerhalb der Schleife nach dem Post-Thumbnail suchen

 has_post_thumbnail() 

Rufen Sie dann das Postminiaturbild an

 the_post_thumbnail( 'portfolio' ); 

Sie können auch ein classnattribut setzen und eine benutzerdefinierte Höhe und Breite in CSS angeben, Breite und Höhe gleich der in add_image_size () eingestellten Höhe und Breite; oder behalten Sie die gleiche Ration.

 the_post_thumbnail( 'portfolio', array( 'class' => 'custom-class img-responsive' ) ); 

Jetzt können Sie benutzerdefinierte CSS-class in Ihrem CSS geben

 .custom-class { width: 200px; height: 200px; } 

Kompletter Code für function.php

 /* * theme setup ========================================*/ if ( ! function_exists( 'prefix_theme_setup' ) ) : function prefix_theme_setup() { /* * Enable support for Post Thumbnails on posts and pages. */ add_theme_support( 'post-thumbnails' ); add_image_size( 'portfolio', 600, 600, true ); } endif; add_action( 'after_setup_theme', 'prefix_theme_setup' ); 

vollständiger Code für die Vorlagendatei

 < ?php if ( has_post_thumbnail() ) : the_post_thumbnail( 'portfolio', array( 'class' => 'custom-class img-responsive' ) ); endif; ?> 

🙂