CODEWITHSUNDEEP
phphtmlwordpress
Reina
Reina

Reputation: 1

How to make featured image clickable? -Wordpress

How to make all the featured image clickable automatically? As it's Wordpress theme, I can only edit php or add css.

Upvotes: 0

Views: 4221

Answers (3)

Shrinivas Sheenu
Shrinivas Sheenu

Reputation: 1

Insert image > Click on the desired cell you want to insert it > Down on the right: “Linked to” > Personalized URL.

Upvotes: 0

Shashi Singh
Shashi Singh

Reputation: 54

Normally the functionality of a featured image has no link attached to it. Different themes use the functionality of featured image differently. The new Twenty Nineteen theme, for example, uses it as the background for the page header, behind the post title.

So it will be better to make a child theme of your parent theme and edit the php file to set a link. Without editing the code you cannot set the link of the featured image.

Upvotes: 0

Dhruv
Dhruv

Reputation: 612

Simply add this code to your theme’s functions.php file.

This code simply adds a link around the code generated to display featured images or post thumbnails on your website.

function wpb_autolink_featured_images( $html, $post_id, $post_image_id ) {
    $html = '<a href="' . get_permalink( $post_id ) . '" title="' . esc_attr( get_the_title( $post_id ) ) . '">' . $html . '</a>';
    return $html;
    }
    add_filter( 'post_thumbnail_html', 'wpb_autolink_featured_images', 10, 3 );

This code will also add a link around featured images on single post pages. If you don’t want to link featured images on single post to the same post, then use this code.

function wpb_autolink_featured_images( $html, $post_id, $post_image_id ) {

If (! is_singular()) { 

$html = '<a href="' . get_permalink( $post_id ) . '" title="' . esc_attr( get_the_title( $post_id ) ) . '">' . $html . '</a>';
return $html;

} else { 

return $html;

}

}
add_filter( 'post_thumbnail_html', 'wpb_autolink_featured_images', 10, 3 );

Upvotes: 2

Related Questions