Wie verwende ich Thumbnails mit Links zum vorherigen und nächsten Beitrag in WordPress?

Einer unserer Benutzer hat uns auf unserer Facebook-Seite gefragt: Wie werden Thumbnails für die Navigation im vorherigen / nächsten Beitrag in WordPress verwendet? Die Funktionen next_post_link und previous_post_link verfügen nicht über einen ausreichend einfachen Parameter für die Miniaturansicht, den ein neuer Entwickler einfach ein- und ausschalten kann. In diesem Artikel zeigen wir Ihnen, wie Sie Post-Thumbnails mit vorherigen und nächsten Post-Links in WordPress verwenden.

Das Endergebnis würde so aussehen:

Als erstes müssen Sie Ihr Thema öffnen single.php Datei und fügen Sie den folgenden Code am wahrscheinlichsten nach dem Bereich _content () in die Schleife ein:

    ID, Array (100, 100));?> %Titel
", TRUE);?> ID, Array (100, 100));?> %Titel
", TRUE);?>    

Als nächstes müssen Sie Ihr öffnen style.css Datei und fügen Sie die folgenden Stile hinzu:

 # cooler-nav clear: both; Höhe: 100px; margin: 0 0 70px; # cooler-nav .nav-box background: # e9e9e9; Polsterung: 10px; # cooler-nav img float: left; margin: 0 10px 0 0; # cooler-nav p margin: 0 10px; Schriftgröße: 12px; vertikal-align: middle; # cooler-nav .previous float: left; vertikal ausrichten: Mitte; Breite: 250px; height: 100px; # cooler-nav .next float: right; Breite: 250px; 

Fühlen Sie sich frei, das Styling an Ihr Thema anzupassen. Häufig gestalten unsere Benutzer den Code gerne so, dass es für ihn einfacher ist, ihn zu optimieren. Dies ist nur ein einfaches Styling, das Sie leicht anpassen können.

Wenn Sie die Miniaturbildgröße ändern möchten, ändern Sie einfach das Array (100, 100) in das, was Sie möchten.

Quelle: seinebarry