Lesefortschritt:

Beitragsbilder in der Divi-Lightbox öffnen

11. Februar 2021 | Divi-Theme, functions.php

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

Werbung

 

Pin It on Pinterest

Share This