Trick # 35 | Dieser Beitrag beinhaltet 0 Wörter. – Geschätzte Lesezeit: ca. 0 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
Das Divi-Theme bietet ein Box-Layout an, mit welchem sich die Website gestalten lässt. Standardmässig ist die «Box» aber mit einem Schatten versehen, den viele nicht wünschen. Ein kurzer CSS-Code und das Problem ist gelöst.
Im Kontaktformular-Modul des Divi-Themes lassen sich auch Radio-Buttons und Checkboxes anlegen. Bloss stellt Divi dann diese Felder immer untereinander als Block dar. Mit ein wenig CSS-Code lassen sich die Felder aber auf einer Zeile - eben: ...
Wenn Sie das Divi-Theme verwenden, dann kennen Sie bestimmt den VisualBuilder. Mit diesem können Sie die gerade angezeigten Inhalte bequem in der Frontend-Ansicht editieren. Heute fügen wir einen grossen Buton hinzu, mit welchem Sie die Seite ...
Die Standard-Fusszeile des Divi-Themes bietet die Möglichkeit, SocialMedia-Icons zu platzieren. Schön und gut; doch die Gestaltungsmöglichkeiten dieser Icons sind eher dürftig. Mit ein wenig CSS-Code lassen sich die einschlägigen Symbole aber ...
Keine Inhalte gefunden.
Werbung
