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
Ab und an verwenden wir in WordPress Custom Post Types oder Custom Taxonomies, die wir bloss als Teil der Beiträge verwenden. Sie sollen nicht auf einer Übersichtsseite landen und sie sollen keine Postseiten generieren. Ohne Zutun landen sie ...
Das Divi-Theme bietet ein Registerkarten-Modul (oder Tab-Modul) an, mit welchem sich Detailinformationen aller Art darstellen lassen. Jedoch hat das Modul in der Standardausführung bloss einen Textlink. Wenn Sie wollen, können Sie auch ein Bild ...
Vor gut anderthalb Jahren haben wir Ihnen hier bei Dr. Code gezeigt, wie Sie die aktuelle Jahreszahl auf Ihrer Website mittels Shortcode anzeigen können. Wer das Divi-Theme nutzt, hat noch eine weitere Möglichkeit zur Hand, welche wir Ihnen ...
Die Rows (Zeilen) im Divi-Theme und dessen Sections (Sektionen) lassen immer einen Abstand zum nächsten gleichen Element frei. Das ist manchmal OK - auf vielen Websites aber auch störend. Via CSS lassen sich die Abstände anpassen oder gleich ...
Keine Inhalte gefunden.
Werbung
