Hallo Blogger, heute zeige ich euch meine Code-Blöcke, um sowohl das Design als auch den Titel der UpPrev Box anzupassen. Ich setze UpPrev auf allen Websites ein die einen Blog haben, da ich es für eine sehr viel besser alternative o%der ergänzung zu related-Post Plugins halte.
Was ist UpPrev?
UpPrev ist ein kostenloses WordPress Plugin, dass verwandte Blog-Artikel anhand der Kategorie, des Tags, des Datums oder mit dem Algorithmus des Plugin YARPP, im Stil der New York Times, anzeigen kann. Auch wenn das Plugin schon lange nicht mehr aktualisiert wurde, funktionieren die Fly-In Boxen immer noch tadellos.
Das einzig blöde ist nur das Standard-Design, was man gute benutzen könnte, um das Wort Langweilig oder Öde zu beschreiben. Auch die Optionen um das Plugin anzupassen lassen zu wünschen übrig, da man nicht mal den Title der Box in den Grafischen einstellungen des Plugins bearbeiten kann. Genau dafür zeige ich dir nun den Code, den ich benutze.
Stylen der Box via CSS
Diesen CSS Code füge ich immer in mein Custom-CSS Code des Themes ein, um die Box sowohl mit einem Netten schatten zu versehen als auch einen Rand in der Akzent-Farbe hinzuzufügen:
/* UpPrev Box Styling: Border and Shadow */
div#upprev_box {
border-style: solid;
border-width: 8px;
border-color: #39daa2 !important;
box-shadow: 10px 10px 20px -1px #888888;
margin-bottom:20px
}Code-Sprache: CSS (css)
Titel anpassen via functions.php
Den Text oben in der Box anzupassen (Im Standard “MEHR IN TAXONIMIENAME“) ist wie gesagt über das Einstellungsmenü nicht möglich. Das geht nur über eine eigene Funktion z.B. in der functions.php deines Child-Themes:
/** Change UpPrev Default Box-Title **/
function upprev_custom_title($title) {
return 'Empfehlung für dich:';
}
add_filter('iworks_upprev_box_title', 'upprev_custom_title');Code-Sprache: PHP (php)
Das ist es schon gewesen, mehr brauche ich nicht um meine Verwandten Beiträge anzeigen zu lassen 😉