How to make excerpt text clickable?
-
I would like to make post excerpt text clickable, so that users can click on it and it links to the post.
This is the code I have, but the challenge is it makes the whole container clickable. Instead, I need to change something and make only the excerpt text clickable:
jQuery( document ).ready( function($) {
var body = $( ‘body’ );
if ( body.hasClass( ‘blog’ ) || body.hasClass( ‘archive’ ) ) {
$( ‘.type-post’ ).on( ‘click’, function() {
var link = $( this ).find( ‘.entry-title a’ ).attr( ‘href’ );
if ( link ) {
window.location = link;
}
} );
}
} );I need to change something but I’m not sure what. I would appreciate your help!
-
Hey @edge22,
I also have this code, but the problem is it removes the read more button, the way its stylelized, and also the text itself including the read more button appear as a link.
Here’s the code:
function clickable_excerpt( $excerpt ) {
return ‘‘. preg_replace( ‘|</?a.*?>|i’, ”, $excerpt ) .’‘;
}
add_filter( ‘get_the_excerpt’, ‘clickable_excerpt’ );Hey @edge22, thanks for your message, I do have an example.
Link: https://greatist.com
So as you can see if you scroll down on this site, the excerpt text, the short summary of the blog posts in the archive are both clickable and they lead to the post itself when the user clicks on them, just like the read more button.
The problem with this code above I’ve encountered is, although it does make the excerpt clickable, it marks it and also the read more button as a link, changing its style (font and color, depending on the way they’re set up in the customizer).
And the second problem is the code above marks the whole excerpt container, within which is the text, rather than just the text/summary itself.
Does that make sense?
Thank you.
The topic ‘How to make excerpt text clickable?’ is closed to new replies.
