紹興網站制作:如何在WordPress中顯示相關文章

紹興網站建設 | 2019-04-02

維護你的“用戶船”在網絡行業是至關重要的。允許用戶從一個主題導航到另一個主題可以延長站點上的瀏覽時間。你的訪客越投入,他們就越有可能轉化為領先者或銷售者。

紹興網站制作這篇文章將教你如何手動安裝相關文章,以及插件,并解釋在你的博客上使用相關文章的好處。

手動添加相關員額

假設我們希望在我們創建的每個博客文章的末尾添加一個相關的帖子部分。在每個帖子之后,我們將插入三個相關的帖子,將根據其內容來確定。為了確定哪些文章是相關的,我們將比較這些文章的“標簽.”

我會用我們的divi2.0本教程的主題。如果您想跟著做,我建議您在本地安裝WordPress站點,以便進行測試。當我將本教程介紹Divi主題時,這段代碼應該適用于任何主題。

紹興網站制作在代碼編輯器中打開主題,如下所示:

紹興網站制作

我們的divi主題在代碼編輯器中打開。

由于我們希望在每個單獨的博客文章中添加相關的帖子功能,所以我們需要主要在single.php檔案。理想情況下,我將在相關文章部分中創建一個小部件區域,但這超出了本教程的主題。相反,我將直接將我們需要的代碼添加到我們的文件中。

守則

下面是我們要添加到文件中的代碼。這將生活在每一篇博文之下。

<div class="relatedposts">
    <h3>Related posts</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="relatedthumb">
            <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>

如果你看看你的主題single.php文件中,您可能會發現文章的結尾位置。在我們的Divi主題中有一個文章標記:

<article>

這定義了我們正在處理的整個博客文章。我在文章后面添加了我們的“相關文章”代碼,在結束時標記后面:

<?php endwhile; ?>

我們添加了PHP代碼,以便輸出相關文章

*重要注*-Divi主題已經支持定制的帖子縮略圖。這些是您可以添加到每個博客文章的功能圖像。如果你不確定這會帶來什么后果,那就去看看。WordPress.org代碼索引條目.

我還為Divi主題的本地安裝添加了一些示例內容,作為本教程中的指南。為此,我建議使用一個名為Fakerpress。它將更快、更容易地生成帖子和頁面,為您提供一些可以使用的示例數據。這不應該使用在您的現場安裝。

我還冒昧地在大約4篇博客文章中添加了一個標簽,名為*Sample*。這樣做將使我們的相關帖子代碼功能完美無缺。對于每一篇新的博客文章,使用標記功能使你的文章以最好的方式聯系起來。共享相同標簽的帖子將被視為“相關的”。

我們的相關文章通過WordPress中的標簽功能進行工作。

對于我的4個新帖子,我也增加了特色圖片。這將使我們的相關帖子布局更加引人注目。下面是一個例子:

一定要為最令人愉悅的用戶體驗設置一個功能圖像。

所以現在,隨著我們的內容添加,我們有一組相關的博客文章在我們的主要帖子的末尾。檢查結果:

我們的完整博客文章與相關的文章如下。

太棒了!它是有效的,但讓它的風格,以使它看起來更體面一點。將下面的CSS添加到您的“style.css”文件中,或者添加用于主題的任何樣式表。

CSS

.single .relatedposts .relatedthumb {
    display:inline-block;
    width32%;
}

本質上,我們所做的就是把每個相關的帖子放在一起顯示,這樣就更容易讀懂了。

我們與CSS相關的文章

優化博客以顯示相關帖子

在我們的代碼實現之后,您現在要做的就是記住標簽您的帖子與每一個新的職位,您創建。標記意味著每個帖子之間的關聯或關系,從而將適當的帖子呈現為相關員額正在展示。挺酷的!

相關后插件

有時,您不希望將特性硬編碼到主題中。WordPress插件是避免干擾主題代碼的完美方法。例如,假設您有一個邊欄始終存在的博客。在側欄中,您有許多小部件,您希望有一個包含相關帖子的小部件來保持用戶的參與。如果這聽起來像你需要的東西,你會很幸運的。有許多易于使用的選項可用。讓我們揭開一些。

相關員額

相關PostsP插件

相關的帖子插件是用來鏈接您的文章與相關內容在您的網站內自動。你可以得到其他作者的注意,并產生很好的內部鏈接。這一切都發生在幾次點擊。

另一個相關的帖子插件

另一個相關的帖子插件

使用YARPP插件,您可以根據其獨特的算法在站點上顯示相關帖子的列表。與某些插件不同,它只使用標簽或類別來關聯帖子,YARP使用額外的因素試圖提高準確性。如果你愿意的話,你甚至可以通過包括贊助內容來賺錢,這對于那些尋找更多額外收入流的人來說是一個很好的功能。

與CP有關的員額

CP相關帖子插件

CP相關的文章顯示相關的文章在你的博客上,基于幾個不同的因素。文章之間的關系是根據內容中的關鍵字、文章摘錄以及標簽來發展的。與其他插件相比,這是一種獨特的方法。插件還提供了一些很好的顯示設置,允許您自定義相關帖子提要的輸出。其中一些特性包括能夠調整顯示的帖子數量、使用的布局類型以及每個帖子中顯示的信息(如作者、標題、元數據等)。

職類相關員額

通過類別插件發布的相關文章

通過類別插件的相關帖子顯示相關的文章僅僅基于你的文章所在的類別。每個員額將顯示類似類別的員額清單。雖然很簡單,但這仍然是一個很好的方法來決定兩個職位是否相互關聯。

相關職位通過分類法

相關職位通過分類法

紹興網站制作通過分類法發布的相關文章將在所有帖子之后顯示相關帖子的列表,或者顯示您選擇的帖子的子集。這些帖子是基于類別,分類和標簽組的基礎上相關的,任何給定的帖子都放置在這些標簽中。

最后思想

相關的帖子是一個很好的方式來保持你的博客吸引你的用戶。與你的用戶閱讀的博客相關的帖子越多,效果就越好。每種關系都意味著在你的網站上有更多的時間。作為回報,這可以幫助您和您的用戶找到他們一直在尋找的內容。


上一篇:沒有了下一篇:紹興企業設計網站:回答與WordPress一起使用Git的最重要問題