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

Divi-Header-Navigation ausblenden

Die Header-Navigation in Divi eignet sich nicht für alle Websites gleichermassen. Besonders auf den kleinen One-Pagern, wo alle Inhalte direkt auf der Startseite untergebracht sind, ist der Sinn einer Header-Navigation stark beschränkt. Divi ...
Keine Inhalte gefunden.

Werbung

 

Pin It on Pinterest

Share This
Überblick über den Datenschutz

Diese Website verwendet Cookies, damit wir Ihnen die bestmögliche Benutzererfahrung bieten können. Cookie-Informationen werden in Ihrem Browser gespeichert und dienen dazu, Sie wiederzuerkennen, wenn Sie auf unsere Website zurückkehren, und unserem Team zu helfen, zu verstehen, welche Bereiche der Website Sie am interessantesten und nützlichsten finden.