Der Beitrag weiter ist obsolet, also schade um die Zeit da. Das ganze hier ist nur mehr ein Rückblick im Vergleich zur Entwicklung

Folgendes im Scroller waren der Einstellungen Yuzo – Related Posts (6,4 MB). Es war ein gutes Plug-in, welches auch im Netz der Performanz Speed und Einstellungen hervorgehoben war. Hier ist es nur eine Aufzeichnung, evtl. zur Darstellung der Einstellungen vs. der Schlichtheit von 'WordPress Related Posts'. Des Letzteren ist inzwischen auch hinfällig. Siehe Hinweis zum Support Update von WordPress Related Posts (2,7 MB).

<p style="margin-top: 25px; font-size: 26px; letter-spacing: 3px">Passage</p>

Bemerkung im Vergleich

In Vergleich mit dem Plug-in sind durch die Vielfalt der Einstellungen zu den Ergebnissen die HTTP-Anfragen deutlich mehr. Beispiels diesen Beitrag waren die HTTP-Anfragen 358 : 115. Hingegen das Plug-in WordPress Related Posts HTTP-Anfragen nur 125 : 115.

Die HTTP-Anfragen spielen mit HTTP 2 aber so weit fast keine Rolle mehr.

Anderem Beispiels so Beiträgen wie https://wegerl.at/bildergalerie-wp-bildgroesse-bildausrichtung/ ist die Darstellungen nicht korrekt. – aber diese mucken werden nur auf Demo-Seite vorkommen, von wegen Codes im Textverlauf. – Nach ummodeln des Beispiel-Codes des Beitrags von<code>[ caption id="...]</code>] zu

[ caption id="... ][ caption id="...]

… ist die Darstellung okay! Also die Klammern mit Leerzeichen oder außerhalb von <code>, ist die korrekte Visualisierung gegeben.

Vergessen wir das hier obige ganz schnell und gehen zu …

WordPress Related Posts
Designanpassungen

Basic settings

Related Posts Title:

<hr style="margin-top: 25px;" /><div style="letter-spacing: 0px; padding-bottom: 12px;">👉🏿 Das könnte für Dich auch interessant sein ...</div>

Beispiel Themes Modern, die Überschrift "Passage" ohne Designierung.

Dashboard > Plugins > Edit > static > themes > modern.
Folgendes auskommentieren:

/*.wp_rp_wrap .related_post_title {
	background: rgba(245, 245, 245, 1) !important;
	padding: 3px 0 3px 10px !important;
	margin: 0 !important;
	font-weight: normal;
	border-radius: 2px !important;
	border: 1px solid rgba(0, 0, 0, .1) !important;
	clear: both !important;
}*/

Beispiel mit System Fonts und Bilder withe: auto;

Dashboard > Einstellungen > WordPress Related Posts, unter Advanced settings > Customize > Enable custom CSS anhaken:

.related_post_title {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif; text-rendering: optimizeSpeed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:100;
}
ul.related_post {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif; text-rendering: optimizeSpeed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:100;
}
ul.related_post li {
}
ul.related_post li a {
font-size: 14px;
font-weight: bold;
color:#2b2b2b;
text-decoration: none;
}
ul.related_post li img {
}
ul.related_post li a img {
width: auto;
}

Fazit für WordPress Related Posts

Der Kategorie von Plug-ins haben oft mehr Einstellungen zur Automatisierung. Stattdessen in 'WordPress Related Posts' ist dies direkt im Frontend des Beitrags einzustellen. Siehe das Bild Button Edit Related Posts. Dieser Button ist der Website nur aus dem Backend sichtbar. Hier sind dann, nach anklicke die erwünschten Related Posts per Handarbeit und Beitrag zu konfigurieren. Da bei 'WordPress Related Posts' die automatische Auswahl sehr geschickt ist, wird das aber kaum zur Anwendung gebraucht.