Notiz: Dieses Handbuch wurde aktualisiert für Classy Version 1.10+
Ich habe einige Anfragen erhalten, in denen ich gefragt wurde, wie man die Größe der Nivo- und Content-Slider im Classy WordPress Theme ändert Vorlagendateien, damit Sie Ihre eigene Schiebereglergröße definieren können.
Schritt 1: Ändern Sie die Größe des empfohlenen Bildes in Functions.php
Das erste, was Sie tun sollten, ist die Größe Ihres Slider-Bildes zu ändern, wie es in der functions.php definiert ist, damit es beim Hochladen in Ihre Medienbibliothek korrekt zugeschnitten wird.
* Öffnen Sie die functions.php und ändern Sie die Zeile 122
add_image_size( 'nivo-slider', [highlight]980[/highlight], [highlight]400[/highlight], true );
* Der erste Wert 980 ist die Breite Ihres Slider-Bildes und die 400 ist die Höhe des Slider-Bildes. Ändern Sie diese entsprechend Ihren Anforderungen.
Schritt 2: CSS bearbeiten
Als nächstes bearbeiten Sie Ihr CSS, um die Containerhöhe Ihres Schiebereglers zu ändern.
Notiz: Sie müssen dies nur für den „NivoSlider“ tun, da der Inhaltsschieberegler die Höhe basierend auf seinem Inhalt automatisch ändert.
* Öffnen Sie style.css und ändern Sie den Höhenwert zwischen den Zeilen 1132-1140
#slider_nivo { position: relative; [highlight]width: 980px;[/highlight] margin-top: -30px; margin-left: -25px; margin-right: -25px; margin-bottom: 30px; [highlight]height: 400px;[/highlight] overflow: hidden; }
Schritt 3: Bearbeiten Sie Ihre Vorlagendateien
Der nächste Schritt besteht darin, Ihre Vorlagendateien so zu bearbeiten, dass der Code mit den neuen Abmessungen übereinstimmt.
A. Nivo Image Slider ändern: Öffnen Sie include/sliders/nivo.php und ändern Sie zwischen den Zeilen (32-36) Ihre Bildwerte, um Ihre neuen Dimensionen widerzuspiegeln.
<a href="https://www.wpexplorer.com/classy-wordpress-theme-slider/<?php echo $slidelink ?>" title="<?php the_title(); ?>"><img src="<?php echo $featured_image[0]; ?>" alt="<?php the_title(); ?>" <?php if($options['disable_caption'] != 'disable') { ?>title="<?php the_title(); ?>"<?php } ?> [highlight]width="980" height="400"[/highlight] /></a> <?php // no meta link defined, show plain img } else { ?> <img src="<?php echo $featured_image[0]; ?>" alt="<?php the_title(); ?>" <?php if($options['disable_caption'] != 'disable') { ?>title="<?php the_title(); ?>"<?php } ?> [highlight]width="980" height="400"[/highlight] />
B. Inhaltsschieberegler für Bildfolien ändern: Öffnen Sie include/sliders/content.php und ändern Sie zwischen den Zeilen (29-36) Ihre Bildwerte, um Ihre neuen Dimensionen widerzuspiegeln.
<a href="https://www.wpexplorer.com/classy-wordpress-theme-slider/<?php echo $slidelink ?>" title="<?php the_title(); ?>"><img src="<?php echo $featured_image[0]; ?>" alt="<?php the_title(); ?>" [highlight]width="980" height="400"[/highlight] /></a> </div> <!-- END .slide-image --> <?php // no meta link defined, show plain img } else { ?> <div> <img src="<?php echo $featured_image[0]; ?>" alt="<?php the_title(); ?>" [highlight]width="980" height="400"[/highlight] />
Schritt 4: Bilder neu generieren (nur wenn Sie Ihre Bilder neu zuschneiden müssen)
Denken Sie daran, dass wir in Schritt 1 die Bildgröße des Schiebereglers in der functions.php geändert haben? Nun, dies ist der Wert, den WordPress verwendet, um Ihre Bilder beim Hochladen zuzuschneiden. Wenn Sie also bereits Bilder in Ihrer Medienbibliothek haben, müssen Sie sie „neu generieren“, um Ihre Änderungen widerzuspiegeln.
Dazu können Sie die „Miniaturansichten regenerieren”-Plugin und führen Sie es 1 Mal aus.
Nachdem Sie das Plugin ausgeführt haben (unter Tools in Ihrem Dashboard), müssen Sie dies nicht mehr tun, da alle neuen Bilder mit den in Schritt 1 in Ihrer functions.php festgelegten Werten zugeschnitten werden.