Das Divi-Theme ist ein ausgeklügeltes Tool mit zahlreichen Vorteilen und vielen Einstellungsmöglichkeiten – aber manchmal stehen wir vor einer Nische oder einer speziellen Herausforderung, die mit Divi nicht standardmässig möglich ist. So gibt es ein häufiges Problem mit dem Beschnitt von Bildern aus der Mediathek – namentlich in den Blogs, Portfolios und in der Galerie. Doch diese Probleme lassen sich lösen.
In drei Modulen lassen sich Bilder anzeigen, welche das Divi-Theme aber stets in gleichem Zuschnitt zeigt. Dabei geht es um die folgenden Elemente:
- Divi-Portfolio- und filterbares Portfolio-Modul
- Divi-Galerie-Modul
- Divi-Blog-Modul
Oft wäre es wünschenswert, die Bilder würden im Originalzuschnitt angezeit. Das lässt sich mit ein wenig Code einrichten:
Beschneiden der Blog-Bilder verhindern
Das Divi-Blog-Modul beschneidet das angezeigte Bild standardmässig. Manchmal ist dies nicht sehr auffällig, wenn Ihre Bilder eine ähnliche Form haben, aber manchmal kann dies sehr störend sein. Sie möchten vielleicht vertikale oder quadratische Bilder als Featured Image im Divi Blog Feed haben.
Divi erstellt standardmäßig eine zusätzliche Bildgröße für das Blog-Featured Image, die kleiner ist als die, die in den Blogbeiträgen angezeigt wird. Unsere Methode hier entfernt einfach diese kleinere Grösse und ersetzt sie durch die ursprüngliche Grösse, wodurch sie auch das gleiche Seitenverhältnis erhält wie das von Ihnen hochgeladene Bild.
Alles, was Sie tun müssen, ist, den folgenden Codeschnipsel zu Ihrem Divi Child-Theme hinzuzufügen. Fügen Sie dieses Snippet in die Datei functions.php Ihres Divi Child-Themas ein – unter Design/Theme-Editor:
function blog_image_width($width) {
return '9999';
}
function blog_image_height($height) {
return '9999';
}
add_filter( 'et_pb_blog_image_width', 'blog_image_width' );
add_filter( 'et_pb_blog_image_height', 'blog_image_height' );Dies ergibt das folgende Resultat für das Blog-Modul:
vorher
nachher
Beschneiden der Portfolio-Bilder verhindern
Auch das Divi-Portfoliomodul und das filterbare Portfoliomodul schneiden das angezeigte Bild standardmässig zu. Das ist manchmal in Ordnung, aber wenn Sie Ihre Projekte in ihrer ursprünglichen Form zeigen möchten, zum Beispiel als Quadrat, müssen Sie Divi mit etwas PHP-Code modifizieren.
Fügen Sie dieses Snippet in die Datei functions.php des Divi-Themas ein. Unter Design/Theme-Editor:
function portfolio_image_width($width) {
return '9999';
}
function portfolio_image_height($height) {
return '9999';
}
add_filter( 'et_pb_portfolio_image_width', 'portfolio_image_width' );
add_filter( 'et_pb_portfolio_image_height', 'portfolio_image_height' );Dies ergibt das folgende Resultat für das Portfolio-Modul und das filterbare Portfolio:
vorher
nachher
Beschneiden der Galerie-Bilder verhindern
Und letztlich schneidet das Divi-Galeriemodul die Bilder standardmässig zu. Manchmal aber möchten Sie diese unbeschnitten und im gleichen Seitenverhältnis wie die eigentlichen Bilder anzeigen lassen.
Fügen Sie Das folgende Snippet in die Datei functions.php des Divi Child-Themes ein. Editieren können Sie diese Datei unter Design/Theme-Editor:
function gallery_image_width( $size ) {
return 9999;
}
function gallery_image_height( $size ) {
return 9999;
}
add_filter( 'et_pb_gallery_image_width', 'gallery_image_width' );
add_filter( 'et_pb_gallery_image_height', 'gallery_image_height' );Dies ergibt das folgende Resultat für das Galerie-Modul:
vorher
nachher
Werbung
Werbung
