F: Ihre Website ist sehr hilfreich für mich. Könnten Sie mir bitte sagen, wie Sie diese verwandten Beiträge wie in Ihrer Site in meine einbetten? Ich habe viele Alternativen ausprobiert. Kannst du mir bitte sagen, wie du die zugehörigen Beiträge mit Thumbnails hinzufügst?

Wenn Sie häufig im Internet surfen, werden Sie feststellen, dass viele Blogs Miniaturbilder für den Bereich "Verwandte Beiträge" anzeigen, genau wie bei Make Tech Easier. In WordPress gibt es mehrere Möglichkeiten, dies zu tun. Lass es uns überprüfen.

Ein Plugin verwenden

Der einfachste Weg, das Bild-Thumbnail (ohne jegliche Codierung) zu implementieren, ist über ein Plugin. LinkWithin ist ein solches Tool, das Sie verwenden können. Der Vorteil von LinkWithin ist, dass es keinen Platz auf dem Server und keine Bandbreite benötigt (um die Thumbnails zu speichern) und es gibt wenig (oder gar keine) Konfigurationen, die gemacht werden müssen.

Gehe zu LinkWithin. Fülle das Detail auf der Titelseite aus.

Klicken Sie auf Widget abrufen . Sie werden dann auf eine Seite weitergeleitet, auf der Sie das Plugin herunterladen können.

Installiere und aktiviere das Plugin. Ihr Thumbnail-Beitrag erscheint sofort in Ihrem Blog.

So gut wie es geht, gibt es einige Nachteile und Einschränkungen der Verwendung von LinkWithin.

  1. Die Kontrolle für den Endbenutzer ist begrenzt: Sie können nicht konfigurieren, welches Miniaturbild für jeden Beitrag angezeigt werden soll.
  2. Sie können die Größe und das Aussehen des Widgets nicht anpassen.
  3. Sie können die Position für das Widget nicht festlegen. Der Standardwert ist, dass er unmittelbar nach dem Ende des Post-Inhalts angezeigt wird. Es gibt jedoch Situationen, in denen Sie zuerst Autorinformationen oder Ankündigungen vor dem zugehörigen Post einfügen möchten. In diesem Fall ist das nicht praktisch.

Die WP-Themendatei hacken

Die beste Möglichkeit, die Benutzererfahrung vollständig anzupassen, besteht darin, in die Theme-Datei zu gehen und etwas zu hacken. Dies erfordert einige Programmiererfahrung.

Aktivieren Sie zuerst die Post-Thumbnail-Funktion (gilt nur in WP 2.9 und höher).

Als nächstes installieren und aktivieren Sie das Plugin "Noch ein weiteres zugehöriges Posts". Was ich daran liebe, ist die Möglichkeit, ein Template-System zu verwenden, um den zugehörigen Post-Inhalt zu formatieren.

Wechseln Sie im YARPP-Plugin-Ordner zum Ordner yarpp-templates und kopieren Sie die Datei "yarpp-template-thumbnail.php" in Ihren Themenordner .

Weiter auf der WordPress YARPP Optionen Seite:

  • Deaktivieren Sie die Option " Automatisch angezeigte verwandte Beiträge? "
  • Wählen Sie die Anzahl der verbundenen Beiträge, die Sie anzeigen möchten
  • Wählen Sie die yarpp-template-thumbnail.php aus der Dropdown-Liste der Vorlagendatei.

Öffnen Sie die "yarpp-template-thumbnail.php" in einem Texteditor. Ersetzen Sie den Code durch Folgendes.

Verwandte Fotos 
 have_posts ()):?> 
     have_posts ()): $ related_query-> the_post (); ?> 
Keine verwandten Fotos.

Mit diesem Code wird überprüft, ob für jeden zugehörigen Beitrag eine Miniaturansicht festgelegt ist. Wenn ja, werden das Thumbnail und der Permalink angezeigt.

Öffnen Sie als Nächstes in Ihrem Themenordner die Datei " single.php " und fügen Sie dem Teil, in dem Sie den zugehörigen Beitrag anzeigen möchten, die folgende Zeile hinzu:

Zu guter Letzt müssen wir etwas Styling machen. Kopieren Sie den folgenden Styling-Code und fügen Sie ihn in Ihre style.css- Datei ein.

.related_posts ul {Breite: 100%; Listenart: keine; Rand: 0; Auffüllen: 0; } .related_posts li {Anzeige: Inline; schweben: links; Rand: 0; Padding-links: 0; Padding-rechts: 10px; Breite: 140px; / * ändere diesen Wert entsprechend deiner Vorlage * /} .related_permalink {width: 140px; / * ändere diesen Wert entsprechend deiner Vorlage * / text-align: left; Schriftgröße: 0.85em; padding-top: 5px; } .related_thumbnail {Breite: 140px; / * ändere diesen Wert entsprechend deiner Thumbnail-Größe * / height: 80px; Überlauf versteckt; Textausrichtung: Mitte; }

Das ist es.

Bildnachweis: wuzhao.album