Divi-Theme: Hover-Texte aus Bildern nehmen

Wenn Sie mit der Maus über ein Bild auf einer Divi-Website fahren, erscheint der Bildname als Text. Dies kann manchmal störend sein, aber es gibt eine einfache Möglichkeit, dies zu deaktivieren. Hier erfahren Sie, wie das geht.

Nicht alle Module bieten die Möglichkeit, den Titeltext zu löschen. Aber mit einem Stück benutzerdefiniertem jQuery-Code können wir sicherstellen, dass der Text beim Darüberfahren nicht erscheint.

Um zu verhindern, dass der Text beim Überfahren auf jeder Seite angezeigt wird, fügen Sie den nachfolgenden Code in den <head>-Abschnitt Ihrer Website ein. Navigieren Sie im WordPress-Backend zu Divi/Theme-Optionen/Integration/Code zum <head> Ihres Blogs und platzieren Sie dort den angegebenen Code.

<script>
jQuery(document).ready(function($) {
    $("img").mouseenter(function() {
        let $lwp_title = $(this).attr("title");
        $(this).attr("remove_title", $lwp_title);
        $(this).attr("title", "");
    }).mouseleave(function() {
        let $lwp_title = $(this).attr("remove_title");
        $(this).attr("title", $lwp_title);
        $(this).removeAttr("remove_title");
    });
});
</script>

Wenn Sie den Mauszeiger über ein Bild führen, wird der Bildertitel vorübergehend ausgeblendet und erscheint wieder, sobald die Maus das Bild nicht mehr berührt. Dies ist vorteilhaft für die Suchmaschinenoptimierung, da der Titel stets vorhanden ist und nur bei einer Interaktion des Benutzers – beispielsweise beim Überfahren des Bildes – entfernt wird.

Vorgeschlagene Artikel in der Wissensdatenbank lt. Suchbegriff:

Divi-Theme: Hover-Texte aus Bildern nehmen

Artikeldetails

Verwandte Artikel