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
Heute wenden wir uns einem Fall zu, der vor allem bei hochformatigen Website-Logos auftritt: Es wird im Standard-Header des Divi-Themes entweder sehr klein dargestellt oder dann in einem riesigen Header. Es gibt aber eine Lösung, die wir Ihnen ...
Das Suchmodul des Divi-Themes liefert gute Resultate - aber es wäre manchmal hilfreich, wenn auch gleich die Zahl der Treffer angezeigt würde. Das geht mit ein wenig Code in der Datei functions.php.
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. ...
Beim Erstellen Ihrer Divi-Theme-Builder-Vorlagen oder von Layouts mit benutzerdefinierten Feldern müssen Sie häufig zwei oder mehr Module mit dynamischen Inhalten nebeneinander einfügen. Etwa um das Datum, die Kategorie und den Autor in ...
Keine Inhalte gefunden.