Featured image fallback link to permalink

Question

I use this to display the featured image for each post. If the post does not have a featured image, a generic image will be displayed:

<?php
if ( has_post_thumbnail() ) {
    echo '<a href="' . get_permalink($post->ID) . '" >';
    the_post_thumbnail();
    echo '</a>';
} else {
    echo '<img src="<?php bloginfo('template_directory'); ?>/img/fallback-featured-image.jpg" />';
}

How can I get the fallback image to link to the permalink?

Answer 1

I have updated your code so that the fallback image has post permalink. I hope this helps:

if ( has_post_thumbnail() ) {
   echo '<a href="' . get_permalink($post->ID) . '" >';
   the_post_thumbnail();
   echo '</a>';
} else {
        echo '<a href="' . get_permalink($post->ID) . '" ><img src="'. get_stylesheet_directory_uri() . '/img/fallback-featured-image.jpg" /></a>';
}

Answer 2

The problem is when you are trying to get the template directory. You are getting it instead of printing

bloginfo() prints the output

get_bloginfo() retrieves the output

So, the nice piece of code should look like this:

<?php

if ( has_post_thumbnail() ) {
    echo '<a href="' . get_permalink($post->ID) . '" >';
    the_post_thumbnail();
    echo '</a>';
} else {
    echo '<img src="';
    echo get_bloginfo('template_directory');
    echo '/img/fallback-featured-image.jpg" />';
}