Lesefortschritt:

Blog-Modul-Special #15: Meta-Trennzeichen im Divi-Blog-Modul entfernen

11. Dezember 2022 | Divi-Theme, Scripts

Dieser Beitrag beinhaltet 751 Wörter. – Geschätzte Lesezeit: ca. 4 Minuten.

Das Blog-Modul des Divi-Themes bietet an, Metadaten eines Beitrags (Datum, Kategorien, Schlagwörter, AutorIn) anzuzeigen. Doch werden diese Angaben stets mit einem Trennzeichen «|» getrennt. Und vor dem Autor schreibt Divi ein «von» (oder «by») hin. Das lässt sich ändern.

Das Blog-Modul sieht standardmässig etwa so aus wie nebenan:

 

Heute machen wir uns an den Meta-Angaben (im Beispiel grau unterlegt) zu schaffen. Wir möchten die «|»-Trennzeichen sowie das «von» beim Autoren loswerden.

Animation im Filter-Portfolio-Modul anpassen

Im Divi-Theme ist ein Portfolio-Modul enthalten, welches mit Filtern dargestellt wird. Wechselt man den Filter werden die anzuzeigenden Beiträge elegant von links nach rechts ins Bild geschoben. Dieser Effekt lässt sich aber verändern: Beiträge können von rechts oder auch von oben – bzw. unten – einfliegen. Eine Petitesse vielleicht; aber ab und an mag das besser passen. Der Hack ist simpel – wir stellen Ihnen den Trick vor.

mehr lesen

Dazu dient uns ein kleines Script. Kopieren Sie es und legen Sie es im <head>-Bereich Ihrer Divi-Website ab – im Backend unter Divi/Theme-Optionen/Integration:

<script>
    // Meta-Trennzeichen und das von (oder by) der Autorenangabe entfernen
    jQuery(function($) {
        $(document).ready(function() {
            $('.post-meta').each(function() {
                $(this).html($(this).html().replace(/\|/g, " "));
                $(this).html($(this).html().replace('by', " "));
                $(this).html($(this).html().replace('von', " "));
                $(this).html(jQuery(this).html().replace(/,/g, ""));
            });

            // Dasselbe, wenn Ajax/Pagination aktiv ist.
            $(document).bind('ready ajaxComplete', function() {
                $('.post-meta').each(function() {
                    $(this).html($(this).html().replace(/\|/g, " "));
                    $(this).html($(this).html().replace('by', " "));
                    $(this).html($(this).html().replace('von', " "));
                    $(this).html(jQuery(this).html().replace(/,/g, ""));
                });
            });
      });
    });
</script>

Das Resultat sieht dann so aus:

 

Vielleicht möchten Sie nur das Wort «by» – bzw. «von» – oder nur die Trennzeichen «|» entfernen. Kein Problem: Sie können einfach die eine oder die andere Zeile aus dem Code entfernen. Oder die Zeichen durch etwas anderes ersetzen.

Sie können auch die 9. und 18. Zeile entfernen, in denen die Kommas zwischen den Kategorien ausgeblendet werden.

Animation im Filter-Portfolio-Modul anpassen

Im Divi-Theme ist ein Portfolio-Modul enthalten, welches mit Filtern dargestellt wird. Wechselt man den Filter werden die anzuzeigenden Beiträge elegant von links nach rechts ins Bild geschoben. Dieser Effekt lässt sich aber verändern: Beiträge können von rechts oder auch von oben – bzw. unten – einfliegen. Eine Petitesse vielleicht; aber ab und an mag das besser passen. Der Hack ist simpel – wir stellen Ihnen den Trick vor.

mehr lesen

Werbung

Werbung

 

Kostenlose WordPress- und Divi-Tricks im Abo

Wir schicken Ihnen sporadisch (weniger als 10x jährlich) neue Tricks für Wordpress und das Divi-Theme, aber auch hilfreiche CSS- und HTML-Codes frei Haus.

Füllen Sie zur Anmeldung das folgende Formular aus. Angaben mit * sind Pflichtangaben.






Vielen Dank.

Pin It on Pinterest

Share This