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.
Portfolio-Titel und Meta-Texte im Divi-Portfolio-Modul als Einblendung über dem Beitragsbild anzeigen
Die Module Portfolio und filterbares Portfolio des Divi-Themes haben einige Einschränkungen: Der Titeltext und der Metatext (Kategorie) befinden sich unter dem Bild. Was aber, wenn Sie das ändern und auf dem Bild platzieren möchten? Dafür gibt es in den Modulen keine Einstellungen. Hier erfahren Sie, wie Sie den Titel- und Metatext über dem Bild im Divi Portfolio-Modul platzieren können.
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.
Werbung
Werbung
