So ändern Sie die Größe des WordPress-Bildes auf feste Höhe und automatische Breite

Lesezeit: 1 Minute

Ich habe einen WP-Schieberegler mit angepassten Bildgrößen (feste Breite und Höhe) und ich brauche, dass sie auf eine feste Höhe von 330 Pixel und eine automatische Breite skaliert werden. wie erreicht man das?

Vielen Dank im Voraus!

Benutzeravatar von Rokas
Rokas

Da dies eine spezifische WordPress-Frage war und ich eine Antwort gefunden habe, werde ich sie teilen. Wenn Sie eine benutzerdefinierte Bildgröße zu functions.php hinzufügen, fügen Sie 9999 zu width und hardCrop zu false hinzu.

add_image_size('slider-thumb-alt', 9999, YOUR_FIXED_HEIGT, false);

  • Gott, warum habe ich nicht daran gedacht!

    – Kriegsgesicht

    10. Oktober 2018 um 0:08 Uhr

  • Anschließend können Sie das Plugin Simple Image Sizes verwenden, um die Miniaturansichten in geänderter Größe zu generieren.

    – Ben

    16. August 2019 um 11:18 Uhr

Erst beim Import über den Medienmanager können Sie die native Größe festlegen. Andernfalls müssen Sie sie wie von @Dan Grossman erwähnt fest codieren. Wir brauchen mehr Informationen. Site-Link und Slider-Name?

<img src="http://www.example.com/image.jpg" height="330" />

Es klingt, als hätten Sie bereits eine ziemlich gute Vorstellung davon, was Sie brauchen. Verwenden Sie dazu CSS.

Zum Beispiel:

<img src="http://www.example.com/image.jpg" class="image_class"/>

<style>
.image_class{
width: auto;
height:330px;
</style>

Sie sollten das Targeting basierend auf der Klasse vornehmen (und nicht alle Bilder mit img{...}). Ich habe WP Slider nicht verwendet, gehe aber davon aus, dass es eine benutzerdefinierte Klasse zu Bildern im Slider hinzufügt. Wenn dies der Fall ist, verwenden Sie einfach Ihre In-Browser-Entwicklertools oder zeigen Sie den Quellcode an, um zu sehen, welche Klasse zu diesen Bildern hinzugefügt wird, und erstellen Sie dann das CSS wie oben.

1398640cookie-checkSo ändern Sie die Größe des WordPress-Bildes auf feste Höhe und automatische Breite

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

Privacy policy