如何在WordPress中將縮略圖與上一個和下一個帖子鏈接一起使用


我們的一位用戶在我們的Facebook頁面上問我們:如何將縮略圖用於WordPress中的上一個/下一個帖子導航。 next_post_link和previous_post_link函數沒有足夠簡單的縮略圖參數,新開發者可以輕鬆打開和關閉該參數。 在本文中,我們將向您展示如何在WordPress中將帖子縮略圖與上一個和下一個帖子鏈接一起使用。

最終結果將如下所示:

在WordPress中將縮略圖與上一個和下一個帖子鏈接一起使用

您需要做的第一件事是打開主題的 single.php 文件並在the_content()區域之後最有可能在循環內添加以下代碼:


接下來要做的就是打開 style.css 文件並添加以下樣式:

#cooler-nav{clear: both; height: 100px; margin: 0 0 70px;}
#cooler-nav .nav-box{background: #e9e9e9; padding: 10px;}
#cooler-nav img{float: left; margin: 0 10px 0 0;}
#cooler-nav p{margin: 0 10px; font-size: 12px; vertical-align: middle;}
#cooler-nav .previous{float: left; vertical-align: middle; width: 250px; height: 100px;}
#cooler-nav .next{float: right; width: 250px;}

隨意更改樣式以使其與您的主題相匹配。 我們的用戶通常喜歡對代碼進行樣式設置,因此使他們更易於調整代碼。 這只是基本樣式,您應該可以輕鬆自定義。

如果要更改縮略圖大小,則只需將array(100,100)更改為所需的大小即可。

資料來源:itsbarry