Why does modifying the "read more" link remove the link class?

I'm using the following code (found on the WordPress.org site) to modify my (more…) text:

//Modify read more text
function modify_read_more_link() {
    return 'a class=more-link href=' . get_permalink() . '(Continue…)/a';
}
add_filter( 'the_content_more_link', 'modify_read_more_link' );

The code works as expected, in the sense that (more…) is properly replaced by (Continue…), and the link works as intended. However, there is a peculiar issue: The class more-link has disappeared, which means styling doesn't work. I attempted to circumnavigate the issue by adding styling inline (return 'a style=font-size:0.8em; href=' . get_permalink() . '(Continue…)/a';) but that hasn't worked either.

My Question:
Why has the class more-link disappeared, and how can I restore it?

Note: I add the code above to functions.php; I'm not using a child theme.

Topic functions read-more Wordpress

Category Web


Perhaps there is an issue with the "Ellipsis" HTML character you are using?

function modify_read_more_link() {
    return '<a class="more-link" href="' . get_permalink() . '">( Continue &hellip; )</a>';
}
add_filter( 'the_content_more_link', 'modify_read_more_link' );

About

Geeks Mental is a community that publishes articles and tutorials about Web, Android, Data Science, new techniques and Linux security.