如何以程式碼或者外掛方式新增WordPress相關文章

如何以程式碼或者外掛方式新增WordPress相關文章

將相關文章新增到WordPress網站是針對搜尋引擎對其進行優化的一種方法。這種做法對於內容豐富的部落格尤其有效。它有助於降低跳出率,推廣舊文章以增加頁面瀏覽量,並增加網站停留時間。

有兩種方法可以實現此功能 ‒ 手動和使用外掛。本文將提供分步指南,以將相關文章新增到您的WordPress網站。我們還將推薦五個最佳WordPress相關文章外掛。

此方法涉及將程式碼片段新增到主題的single.php檔案中,該檔案控制文章的格式。下次您在WordPress部落格中釋出新文章時,訪問者將看到與當前部落格文章具有相同標籤的相關內容。

以下是手動將相關文章新增到您的WordPress網站的方法:

1. 通過FTP客戶端或網路主機的檔案管理器訪問您網站的根目錄。寶塔面板使用者可以直接通過檔案,通過/www/wwwroot/路徑找到網站對應檔案目錄管理網站檔案。

寶塔面板網站檔案管理

2. 導航到wp-content ->theme並找到當前啟用主題的資料夾。

3. 開啟single.php檔案並在其主要內容之後新增以下程式碼片段:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<div class=”related-posts-after-content”>
<h3>您可能感興趣</h3>
<?php
$orig_post = $post;
global $post;
$tags = wp_get_post_tags($post->ID);
if ($tags) {
$tag_ids = array();
foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;
$args=array(
‘tag__in’ => $tag_ids,
‘post__not_in’ => array($post->ID),
‘posts_per_page’=>4, // Number of related posts to display.
‘caller_get_posts’=>1
);
$my_query = new wp_query( $args );
while( $my_query->have_posts() ) {
$my_query->the_post();
?>
<div class=”related-thumb”>
<a rel=”external” href=”<? the_permalink()?>><?php the_post_thumbnail(array(150,100)); ?><br />
<?php the_title(); ?>
</a>
</div>
<?php }
}
$post = $orig_post;
wp_reset_query();
?>
</div>
<div class=”related-posts-after-content”> <h3>您可能感興趣</h3> <?php $orig_post = $post; global $post; $tags = wp_get_post_tags($post->ID); if ($tags) { $tag_ids = array(); foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id; $args=array( ‘tag__in’ => $tag_ids, ‘post__not_in’ => array($post->ID), ‘posts_per_page’=>4, // Number of related posts to display. ‘caller_get_posts’=>1 ); $my_query = new wp_query( $args ); while( $my_query->have_posts() ) { $my_query->the_post(); ?> <div class=”related-thumb”> <a rel=”external” href=”<? the_permalink()?>”><?php the_post_thumbnail(array(150,100)); ?><br /> <?php the_title(); ?> </a> </div> <?php } } $post = $orig_post; wp_reset_query(); ?> </div>
<div class=”related-posts-after-content”>
<h3>您可能感興趣</h3>
<?php
$orig_post = $post;
global $post;
$tags = wp_get_post_tags($post->ID);
if ($tags) {
$tag_ids = array();
foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;
$args=array(
‘tag__in’ => $tag_ids,
‘post__not_in’ => array($post->ID),
‘posts_per_page’=>4, // Number of related posts to display.
‘caller_get_posts’=>1
);
$my_query = new wp_query( $args );
while( $my_query->have_posts() ) {
$my_query->the_post();
?>
<div class=”related-thumb”>
<a rel=”external” href=”<? the_permalink()?>”><?php the_post_thumbnail(array(150,100)); ?><br />
<?php the_title(); ?>
</a>
</div>
<?php }
}
$post = $orig_post;
wp_reset_query();
?>
</div>

4. 將以下程式碼片段新增到主題的style.css檔案以格式化縮圖:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
.single .related-posts-after-content .related-thumb { display:inline-block;
width: 32%;
}
.single .related-posts-after-content .related-thumb { display:inline-block; width: 32%; }
.single .related-posts-after-content .related-thumb { display:inline-block;
width: 32%;
}

5. 儲存所有更改。

如果以前的方法看起來太複雜,我們建議使用外掛新增相關的帖子功能。

我們將在本教程中使用YARPP 外掛。我們將在下一節的列表中討論它的替代品。

以下是使用YARPP外掛連結相關文章的步驟:

1. 安裝並啟用外掛。

2. 從您的WordPress管理儀表盤導航到設定-> YARPP 。

3. 配置Pool設定以確定要包含在相關文章區塊中的文章。這些選項包括文章型別、類別、標籤和釋出日期。

YARPP文章池設定

4. 根據您之前選擇的引數編輯Algorithm設定。中小型部落格可以使用預設設定,然後隨著內容庫的增長重新調整它們。

YARPP演算法設定

5. Automatic Display Options設定控制您的網站如何顯示相關文章。您可以在列表中顯示相關內容、顯示縮圖或建立自定義主題。不要忘記設定要顯示的文章數。

YARPP顯示設定

6. Preview部分顯示相關文章區塊在移動裝置、平板電腦和桌面裝置上的顯示方式。

YARPP效果預覽

7. 覺得OK後,單擊Save Changes。以下是使用YARPP製作的相關文章部分如何以列表格式顯示的示例。

YARPP相關文章

使用WordPress的好處之一是有大量優秀的外掛可供選擇。以下是您應該考慮的Top5相關文章外掛。

1.YARPP

YARPP外掛

另一個相關文章外掛 (YARPP) 是最好的SEO外掛之一,它提供了多種相關文章功能。其先進的演算法會考慮各種因素,例如文章標題、標籤、類別,甚至自定義分類法。

這個免費外掛具有內建快取、RSS和REST API支援以及自定義模板。此外,YARPP支援與WordPress Multisite、bbPress和WooCommerce的整合。

預設情況下,自動顯示選項功能在主要內容下方顯示YARPP部分。或者,使用其簡碼在文章中的任何位置手動放置相關文章。

2.Jetpack

Jetpack外掛

Jetpack外掛是一種流行的工具,用於提高 WordPress 網站的安全性、效能和增長。相關帖子模組是其免費版本中包含的功能之一。

所有的分析和處理都在雲中進行,因此不會給您的伺服器增加額外的負載。它還與古騰堡編輯器相容,允許您將相關文章部分放置在文章中的任何位置。

雖然它易於使用,但與Jetpack相關的文章模組的通用性不如其他類似外掛提供的模組。介面不提供的任何高階定製都必須通過手動編碼來完成。

考慮以每月29.95美元的價格升級到付費版本,以解鎖更多工具和模組。

Custom Related Posts外掛

Custom Related Posts允許您定義文章之間的關係,讓您更好地控制它們的相關連結。除了支援經典和古騰堡編輯器外,它還為特色影象提供尺寸控制。

與此列表中的其他外掛相比,此免費外掛的功能可能有限。但是,它的作者接受了改進外掛的建議,因此期待未來的新功能。

Related Posts外掛

Related Posts外掛設定簡單快速,並且在啟用時可作為側邊欄小部件訪問。它提供了關係構建器選項、視訊縮圖和樣式編輯器,以便於自定義。

雖然此外掛在設定顯示樣式方面更加靈活,但相關文章不支援自定義CSS進行高階自定義。

Contextual Related Posts外掛

當您啟用外掛時,Contextual Related Posts開始查詢和關聯文章。它帶有內建快取以減少伺服器的工作量並提供縮圖支援。樣式和輸出可使用CSS程式碼和HTML標籤進行自定義。

該外掛為高階定製和附加功能實現提供過濾器和操作,使外掛對開發人員友好。

小結

在您的部落格文章末尾顯示相關內容是推廣舊內容並增加在您的網站上花費的平均時間的好方法。即使您的主題沒有相關的文章部分,您也可以手動新增它或使用WordPress提供的眾多外掛之一。

我們希望這篇文章能幫助您在您的網站上設定WordPress相關的文章。

評論留言