How to highlight or show new to the particular posts list

Question

I want to highlight or show the new tag to the particular posts. When the user selects that the post the should be highlighted or show the new tag in the post list, the post should show new tag in the posts list in Front-end.

How I can achieve this?

The New tag means the new image or new text to highlight the post in the post list to draw user attention.

This is my code added in functions.php:

function wpb_lastvisit_the_title ( $title, $id ) {
 
if ( is_singular() || get_post_type( $id ) == 'page' ) return $title;
 
// Check the post with the new tag 
$tag_ids = wp_get_post_tags($post->ID, array('fields' => 'ids'));

if ($tag_ids == 'new') 

$title .= '<span class="new-article">New</span>';
return $title;
}
 
add_filter( 'the_title', 'wpb_lastvisit_the_title', 10, 2);

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;
}

Any help is much appreciated.

Answer 1

Ok, to display the latest posts you use default Recent Posts widget.

You can see it here: Appearance -> Widgets

This widget has no settings and is fine for getting started, you can install any plugin which will add a more sophisticated widget to your site, you just need to search for: Recent Posts Widget

I found the following:

• Recent Posts Widget With Thumbnails

• latest-posts

• smart-recent-posts-widget

And more...

Just go to plugins and add it to your site, then select it in widgets and customize accordingly

---

Edit

Change the post title relative to the date (if a month has not passed since the publication)

function wpb_lastvisit_the_title ( $title, $id ) {
    if ( is_singular() || get_post_type( $id ) != 'post' ) return $title;   

    $p = get_post( $id );
    $now = new DateTime();
    $date = DateTime::createFromFormat(get_option( 'date_format' ), $p->post_date);
    if($date){
        $interval = $now->diff($date);

        $days = $interval->d;
        // If a month has not passed, show the label
        if($days <= 30) {
            $title .= ' <span class="new-article">New</span>';
        } 
    }
    return $title;
}

add_filter( 'the_title', 'wpb_lastvisit_the_title', 10, 2);

By tag:

function wpb_lastvisit_the_title ( $title, $id ) {
    if ( is_singular() || get_post_type( $id ) != 'post' ) return $title;

    $tag_ids = wp_get_post_tags($id, array('fields' => 'ids'));
    // tag with name - new
    $tagId = get_term_by('slug', 'new', 'post_tag') -> term_id;
  if(in_array($tagId, $tag_ids)) {
        $title .= ' <span class="new-article">New</span>';
    }
    return $title;
}

add_filter( 'the_title', 'wpb_lastvisit_the_title', 10, 2);