Trick # 42 | Dieser Beitrag beinhaltet 482 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.
Beitragsbilder erscheinen im Divi-Theme am Seitenkopf und lassen sich von Haus aus nicht per Klick vergrössert anzeigen. Vielleicht möchten Sie dies aber gerne. Dafür haben wir hier einen Trick parat.
Fügen Sie folgenden Code in die functions.php Ihrer Website ein. Sie finden die Datei unter Design/Theme-Editor:
add_action('wp_footer', 'open_featured_image_in_lightbox');
add_filter('et_pb_index_blog_image_width', 'set_featured_image_max_width');
add_filter('et_pb_index_blog_image_height', 'set_featured_image_max_height');if (!function_exists('open_featured_image_in_lightbox')) {
function open_featured_image_in_lightbox() {
?>
<script>
jQuery(function($){
$featured_img = $('body.single article.post .et_post_meta_wrapper > img');
$featured_img.wrap('<a class="et_pb_lightbox_image"></a>');
$featured_img.each(function(){
$(this).parent().attr('href', $(this).attr('src'));
});
});
</script>
<?php
}
}if (!function_exists('set_featured_image_max_width')) {
function set_featured_image_max_width($width) {
return max($width, 9999);
}
}if (!function_exists('set_featured_image_max_height')) {
function set_featured_image_max_height($height) {
return max($height, 9999);
}
}Damit werden Beitragsbilder auf Postseiten verlinkt und beim Anklicken in voller Pracht in der Lightbox angezeigt.
Werbung
Dies ist der 100. Beitrag von Dr. Code. Zur Feier des Tages haben wir Ihnen darum heute ein kleines Schmankerl bereitgestellt: Ein Divi-Child-Theme, welches per Klick und ohne Ballast alle nötigen Einstellungen vornimmt.
OK: die drei Balken, aus denen das so genannte «Hamburger-Menü» besteht, sind schon eine Weile bekannt. Dennoch haben Sie die Möglichkeit, mitzuteilen, dass das Symbol ein Menü enthält, das erweitert werden kann. Wie's geht? Ganz einfach!
In unserer kleinen «Call-To-Action»-Reihe haben wir eine weitere Gestaltungsidee: Den diagonal abgeschrägten Button, der beim Hovern gerade Kanten erhält. Ist ganz einfach zu machen.
Das Blog-Modul des Divi-Themes ist recht beschränkt, was die Einstellungsmöglichkeiten für die Ausgabe betrifft. Vor allem hinsichtlich Spalten wünscht man sich oft mehr Optionen. Die gibt es auch: mit einem einfachen Trick. Hier zeigen wir ...
Keine Inhalte gefunden.


