Correct way to show only Modified Date on page hero

Hi there,

Is this issue still happening?

I'm only seeing updated date now.

Hi Leo,
Yes, it is still happening.

On Google, it is showing the published dates for articles rather than the updated date.

When I use this code provided by Tom the date is not displayed.

Hello,

So I added this code that Tom Provided:

function display_modified_date_shortcode () {
    $mod_date = get_the_modified_date();
    if ( get_the_date() !== $mod_date ) {
        return sprintf(
            'Updated On <time class="updated" datetime="%1$s" itemprop="dateModified">%2$s</time>',
            esc_attr( get_the_modified_date( 'c' ) ),
            esc_html( $mod_date )
        );
    }
}
add_shortcode( 'modified_date', 'display_modified_date_shortcode' );

But the date does not display because of this CSS

.page-hero time.updated {
    display: none;
}

Another thing I noticed is that if a post has not been updated the Updated Date will not show completely.

Hi there,

You're better off using the {{post_date}} template tag and doing this:

add_filter( 'generate_page_hero_post_date', function() {
    $time_string = '<time class="entry-date published" datetime="%1$s" itemprop="datePublished">%2$s</time>';

    $updated_time = get_the_modified_time( 'U' );
    $published_time = get_the_time( 'U' ) + 1800;

    if ( $updated_time > $published_time ) {
        $time_string = '<time class="entry-date-updated" datetime="%3$s" itemprop="dateModified">%4$s</time>';
    }

    $time_string = sprintf( $time_string,
        esc_attr( get_the_date( 'c' ) ),
        esc_html( get_the_date() ),
        esc_attr( get_the_modified_date( 'c' ) ),
        esc_html( get_the_modified_date() )
    );

    return $time_string;
} );

Hi Tom,

Thanks. This works as expected.

Regards

You're welcome :)