Trick # 35 | Dieser Beitrag beinhaltet 329 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Mit dem Divi-Bildmodul lassen sich Bilder bequem einfügen und verlinken. Jedoch möchte man vermutlich, dass ein Link, welcher das Bild in voller Pracht anzeigt, in einem neuen Fenster öffnet. Oder noch eleganter: In der Divi-Lightbox. Für letzteres gibt es eine einfache Möglichkeit, mit der alle Bildlinks automatisch in der Lightbox erscheinen.
Fügen Sie folgenden Script-Code im <head>-Bereich Ihrer Website ein: Divi/Theme Options/Integration und dort ins Feld «Add code to the < head > of your blog»:
<script>
jQuery(function($) {
var $links = $('.entry-content a').filter(is_image_link).not(is_gallery_image_link);
$links.filter(has_child_img).addClass('et_pb_lightbox_image');
$links.not(has_child_img).magnificPopup({type:'image'});
function has_child_img() {
return ($(this).children('img').length);
}
function is_image_link() {
return (/.(?:jpg|jpeg|gif|png|bmp)$/i.test($(this).attr('href')));
}
function is_gallery_image_link() {
return ($(this).parent().hasClass("et_pb_gallery_image"));
}
}
);
</script>Die Lightbox ist jetzt standardmässig für die Anzeige von Bildern aktiviert, welche auf sich selbst verlinkt sind.
Werbung
Nehmen wir an, Sie führen auf Ihrer Website eine Personendatenbank. Dann werden Sie ziemlich sicher in ein Feld das Geburtsdatum der Personen erfassen. Damit lässt sich auf ganz einfache Weise das aktuelle Alter berechnen und auf der Website ...
Das «Willkommen» ist wohl der Klassiker unter den Begrüssungstexten auf Websites. Einigen war das wohl zu schnöde und sie wichen auf tageszeitabhängige Begrüssungen aus. Ob das jetzt sinnvoll ist oder nicht: wir wollen wenigstens mal zeigen, ...
Heute ein Hack, der ist fast schon fertig, wenn Sie mit Lesen beginnen: Wir richten das Mobilmenu des Divi-Themes zentriert aus.
Bei der Gestaltung der Website kann es leicht passieren, dass die Überschriften und Titel in der Mobilansicht zu gross geraten. Besonders wenn die Mobilanzeigen die Schriftart-Grösse gleich ausfällt wie in der Desktop-Ansicht, sind mehrstöckige ...
Keine Inhalte gefunden.
Werbung
