Lesefortschritt:

Beitragsbilder in der Divi-Lightbox öffnen

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

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

 

Kostenlose WordPress- und Divi-Tricks im Abo

Wir schicken Ihnen sporadisch (weniger als 10x jährlich) neue Tricks für Wordpress und das Divi-Theme, aber auch hilfreiche CSS- und HTML-Codes frei Haus.

Füllen Sie zur Anmeldung das folgende Formular aus. Angaben mit * sind Pflichtangaben.






Vielen Dank.

Pin It on Pinterest

Share This