Tipps zum DIVI Blog-Modul

Im DIVI Blog-Modul den ‚mehr lesen‘-Text ändern

Im Blog-Modul lässt sich lediglich der ‚mehr lesen‘-Text (bei englischer Einstellung ‚read more‘) ein- bzw. ausschalten. Der Text ändern lässt sich im DIVI-Builder jedoch nicht. Je nach Anwendung ist ein anderer Text treffender wie z.B. ‚Produktinfos oder, ein förmliches ‚lesen sie mehr‘.

Ein kurzes Javascript behebt jedoch diesen Missstand: Gehen sie in den DIVI-Theme-Optionen auf Integration und klicken sie dort den obersten Schalter ‚Header Code aktivieren‘ an, sofern dieser ausgeschaltet ist. In des Textfeld ‚Code dem < head > Ihres Blogs hinzufügen‘ darunter geben sie folgenden Code ein:

<script>
jQuery(document).on('ready ajaxComplete', function () {
    $(".et_pb_post a.more-link").html(function () {
        return $(this).html().replace('mehr lesen', 'Weitere Information');
    });
});
</script>

Dies ändert den Text ‚mehr lesen‘ in diesem Fall durch ‚Weitere Information‘.

Wollen sie nur den Text eines bestimmten Blog-Moduls ändern, so geben sie diesem Blog eine eigene CSS-Klasse und sprechen nur diese an: Vergeben sie z.B. die Klasse ‚blog-info‘ so müssen sie im oberen Code dies einfach voranstellen. Aus dem ‚.et_pb_post a.more-link‘ muss so ein ‚.blog-info .et_pb_post a.more-link‘ werden.

Leave a Reply