如何在WordPress中突出顯示用於回訪者的新帖子


您是否曾經想過,熱門網站如何為回頭客突出新帖子? 清晰地向回訪者突出新帖子是幫助用戶找到新內容並增加您的綜合瀏覽量的好方法。 在本文中,我們將向您展示如何突出顯示WordPress中回訪者的新帖子。

如何在WordPress中突出顯示用於回訪者的新帖子

為什麼要突出顯示回訪者的新帖子?

回訪者通常是喜歡您的內容並回來尋找更多內容的用戶。 但是,這些用戶大多數只花幾秒鐘,如果找不到任何有趣的東西,他們就會離開。

通過突出顯示新內容,可以將用戶的注意力吸引到最新內容。 這不僅可以幫助您增加網頁瀏覽量,還可以幫助用戶查找新內容。

方法1:使用插件突出顯示新的WordPress帖子

在這種方法中,我們將使用插件來突出顯示回傳用戶的新帖子。 此方法易於實現,建議初學者使用。

您需要做的第一件事是安裝並激活Mark New Posts插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要訪問 設置»標記新帖子 設置插件。

標記新帖子設置

首先,您需要選擇標記位置。 插件可以在帖子標題之前,帖子標題之後或兩者同時顯示新的帖子標記。

之後,您需要選擇標記類型。 有很多選擇。 默認情況下,插件將顯示一個小圖像作為標記。

新帖子突出顯示

您可以選擇顯示圓圈,自定義圖像,“新建”文本或標誌。

最後,您需要選擇何時希望標記消失。 如果您選中“打開後將帖子標記為只讀”旁邊的複選框,則插件將繼續向用戶顯示未讀帖子為新內容。

這可能會使您的用戶感到煩惱。 我們建議不要選中它,以便只向您的用戶通知自上次訪問以來的新帖子。

不要忘記單擊保存按鈕來存儲您的設置。

就是這樣,該插件現在將突出顯示新帖子,以使用您選擇的標記類型的回頭用戶。

方法2:通過手動添加代碼突出顯示新帖子

此方法需要將代碼添加到WordPress網站。 如果您有信心將代碼段添加到WordPress網站,則可以嘗試此方法。

與往常一樣,請確保在將代碼段添加到站點之前備份WordPress。

您需要做的第一件事是將此代碼複製並粘貼到主題的functions.php文件或特定於站點的插件中。

function wpb_lastvisit_the_title ( $title, $id ) {

if ( !in_the_loop() || is_singular() || get_post_type( $id ) == 'page' ) return $title;

// if no cookie then just return the title 

if ( !isset($_COOKIE['lastvisit']) ||  $_COOKIE['lastvisit'] == '' ) return $title;
$lastvisit = $_COOKIE['lastvisit'];
$publish_date = get_post_time( 'U', true, $id );
if ($publish_date > $lastvisit) $title .= 'New';
return $title;
 
}

add_filter( 'the_title', 'wpb_lastvisit_the_title', 10, 2);
 
// Set the lastvisit cookie 

function wpb_lastvisit_set_cookie() {

if ( is_admin() ) return;
$current = current_time( 'timestamp', 1);
setcookie( 'lastvisit', $current, time()+60+60*24*7, COOKIEPATH, COOKIE_DOMAIN );
}

add_action( 'init', 'wpb_lastvisit_set_cookie' );

當用戶到達您的網站時,此代碼將查找名為lastvisit的cookie。 如果找不到cookie,則將cookie設置為當前時間。

如果找到Cookie,則將“新”添加到自用戶上次訪問以來發布的文章的標題。

請注意,有一個 new-article 中的課程 標記“新”。 您將使用此類使用CSS設置文本樣式。

我們在演示中使用了以下CSS。 只需將其複制並粘貼到主題或子主題的樣式表中即可。

.new-article { 
background: #feffdd;
padding: 3px;
border: 1px solid #eeefd2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-left:5px;
font-size: small;
font-weight: bold;
}

這就是我們的演示網站上的樣子。

突出顯示自WordPress上次訪問以來的新文章

我們希望本文能幫助您突出顯示WordPress中回訪者的新文章。 玩轉代碼,更改突出顯示的文本和CSS以滿足您的需求。

您可能還想看看我們的指南,該指南如何向用戶顯示最近訪問的帖子。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。