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
Normalerweise lassen sich die praktischen Accordion- oder Tab-Module des Divi-Themes bloss mit Text füllen. Jedoch sind - mit ein wenig Programmierung - auch andere Inhalte möglich: Formulare zum Beispiel, Personenmodule, Call-To-Action-Module ...
Das Divi-Theme ist ein ausgeklügeltes Tool mit zahlreichen Vorteilen und vielen Einstellungsmöglichkeiten – aber manchmal stehen wir vor einer Nische oder einer speziellen Herausforderung, die mit Divi nicht standardmässig möglich ist. So gibt ...
Der Browser kann Webseiten als Vollbild-Variante darstellen. Bei dieser wird eine Webseite auf die ganze Bildschirmgrösse ausgedehnt. Dabei verschwinden Bedienelemente wie Titelleiste, Menüs und ebenfalls die Windows-Taskleiste unten. ...
Mit dem Divi-Modul «Blurb» (zu deutsch: «Informationstexte») lassen sich Zusatzinformationen in einer Box vorzüglich neben Texten platzieren. Das Modul lässt sich mit einem Icon versehen, das dann aber konsequent über dem Inhalt oder links ...
Keine Inhalte gefunden.
Werbung
