Wie erstellt man Thumbnails gleicher Größe?

Lesezeit: 3 Minuten

Wie erstellt man Thumbnails gleicher Grose
Sanjay Rathod

Bitte überprüfe hier, wie man die Dimension von Feature-Bildern festlegt, die in Post und Seite hochgeladen werden?

Siehe Bild unten für das, was ich eigentlich will

Geben Sie hier die Bildbeschreibung ein

  • Versuchen Sie, die Größe in the_post_thumbnail (array (100,100)) zu übergeben. Dadurch wird das Bild mit einer Größe von 100 Pixel angezeigt. Auf die andere Weise können Sie die wp_attachment_image_url() dieses Beitrags abrufen (Sie können die Funktion im WordPress-Codex überprüfen) und die tatsächliche Bild-URL abrufen und diese in img src übergeben

    – Vikas Gautam

    20. September 13 um 6:18 Uhr


  • wo ich the_post_thumbnail (array (100,100)) passieren muss

    – Sanjay Rathod

    20. September 13 um 11:10 Uhr

Wie erstellt man Thumbnails gleicher Grose
Vaibs_Cool

Benutzen add_image_size() in deinem functions.php:

<?php add_image_size( $name, $width, $height, $crop ); ?>


add_image_size( 'your-image', 150);

… und verwenden Sie dies dann in Ihrer Vorlage:

<?php the_post_thumbnail('your-image'); ?>

HINWEIS : http://codex.wordpress.org/Function_Reference/add_image_size

Einige Änderungen an Ihrer Website css

Versuchen Sie, hinzuzufügen height:250px; //example you can whatever you want. ...

in deinem

.avia-content-slider .slide-image, .avia-content-slider .slide-image img  

Ich habe einen Screenshot für dich

Geben Sie hier die Bildbeschreibung ein

und schau mal..

  • Dies gilt nur für ein Bild, aber was ist mit der Masseneinstellung der Bildgröße?

    – Sanjay Rathod

    20. September 13 um 6:35 Uhr

  • Es gilt für alle hochgeladenen Bilder.. schau mal ottopress.com/2010/wordpress-theme-tip-force-an-image-size

    – Vaibs_Cool

    20. September 13 um 6:54 Uhr

  • Wie hast du das versucht? Was hat nicht funktioniert? Dies ist die Antwort auf Ihre Frage.

    – ggdx

    26. September 13 um 11:46 Uhr

  • @SanjayRathod – habe gerade meine Antwort mit einer erforderlichen CSS-Änderung aktualisiert. Hoffentlich hilft es

    – Vaibs_Cool

    26. September 13 um 17:15 Uhr

  • Schauen Sie sich dieses Tutorial an … ponderwell.net/2011/02/…

    – Vaibs_Cool

    27. September 13 um 7:35 Uhr


Bitte fügen Sie den folgenden Code in der function.php-Datei des Themes hinzu

if ( function_exists( 'add_image_size' ) ) { 
add_image_size( 'custom-image-thumb', 200, 200,true ); //200 pixels wide and 200 height, true for crop exact size and false for dimensional crop.
}

Dann können Sie dies auf der Vorderseite wie den folgenden Code verwenden:

<?php echo $image = get_the_post_thumbnail($post_id, 'custom-image-thumb'); ?>

1643914747 685 Wie erstellt man Thumbnails gleicher Grose
brasophilo

Nach dem Ändern/Hinzufügen von Bildgrößen, wie in der Antwort von Vaibs_Cool beschrieben, müssen Sie Ihre vorherigen Miniaturansichten neu erstellen, da alte nicht betroffen sind, sondern nur neu hochgeladene Dateien.

Das dafür verwendete klassische Plugin ist

Miniaturansichten neu erstellen

Ermöglicht Ihnen, die Miniaturansichten für Ihre Bildanhänge neu zu generieren. Dies ist sehr praktisch, wenn Sie eine Ihrer Thumbnail-Abmessungen (über Einstellungen -> Medien) geändert haben, nachdem Sie zuvor Bilder hochgeladen haben, oder zu einem Thema mit anderen Abmessungen von Beitragsbildern gewechselt haben.

Es gibt ein anderes Plugin, das immer zitiert wird, habe ich aber nie benutzt da RT gut funktioniert.

Überprüfen Sie die folgenden Suchergebnisse in WordPress Answers zu beiden Plugins, dies wird zu interessanten Diskussionen zum Thema führen: [ 1 ] und [ 2 ].

/////// Hinzufügen einer benutzerdefinierten Feature-Bildgröße //////////////////

add_image_size( $new_size_name, $width, $height, $crop);

VERWENDUNG :

Angenommen, Sie benötigen Breite = 100 und Höhe = 300

fügen Sie den nächsten Code in Ihr Thema ein Funktionen.php Datei

add_image_size( “test_size”, 100, 300, true );

Verwenden Sie den nächsten Code an einer beliebigen Stelle:

<? echo get_the_post_thumbnail($post_id, 'test_size'); ?>

NOTIZ : *Wenn Sie es testen und nichts passiert, müssen Sie nur das Feature-Bild entfernen und es unter einem anderen Namen erneut hochladen.

NOTIZ : $crop = False – Soft-Proportional-Crop-Modus ; True – Hard-Crop-Modus.

// Hinweis :http://codex.wordpress.org/Function_Reference/add_image_size

// Referenz :add_image_size( $name, $width, $height, $crop );

Sie fügen einfach einige CSS-Codes hinzu, insbesondere für Miniaturbilder. so was ,

.slide-entry a img {hight:248px; Breite: 248px;}

in deiner style.css.

1643914747 551 Wie erstellt man Thumbnails gleicher Grose
Nizam Kazi

Danach solltest du immer zuerst im WordPress Codex suchen!

Sehen Sie, ob dieser Artikel Ihnen hilft: “https://codex.wordpress.org/Post_Thumbnails#Thumbnail_Sizes

.

758950cookie-checkWie erstellt man Thumbnails gleicher Größe?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy