Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress WordPress Theme Development Custom Post Type Templates in WordPress The Portfolio Homepage

S Ananda
S Ananda
9,474 Points
Posted by S Ananda
S Ananda
9,474 Points

Portfolio thumbnails not showing.

None of the images are showing, not even the broken image icon. I did name my custom field page "Pictures", because "Portfolio" would not work, as some other had noted that Portfolio was already taken in another page setup. So, I'm wondering if I need to change something in what we've just done in this video to reflect that I named my CF page "Pictures."

Here's my code:

<?php
    /*
        Template Name: Portfolio Page
    */
 ?>

<?php get_header(); ?>


    <section class="row">
      <div class="small-12 columns text-center">
        <div class="leader">

        <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

          <h1><?php the_title(); ?></h1>
          <?php the_content(); ?> 

        <?php endwhile; endif; ?>       
        </div>
      </div>
    </section>

    <?php

        $arg = array (
            'post_type' => 'acf_pictures'  
        );
        $query = new WP_Query($args);

    ?>


    <section class="row no-max pad">

        <?php 
            if( $query->have_posts() ) : while ( $query->have_posts()) : $query->the_posts;
        ?>

        <div class="small-6 medium-4 large-3 columns grid-item">
            <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail ('large'); ?></a>
        </div>

        <?php endwhile; endif; wp_reset_postdata(); ?>

    </section>




<?php get_footer(); ?>

Appreciate any ideas...

3 Answers

Jacob Mishkin
Jacob Mishkin
23,118 Points

If you could share your answer that would be awesome, so others here know what to do. They might have the same question.

Christopher Brennan
Christopher Brennan
325 Points
Christopher Brennan
Christopher Brennan
325 Points

Yeah, how did you figure it out?

Jacob Mishkin
Jacob Mishkin
23,118 Points

Honestly because I have the same issue years ago. There are a couple of great sites to use if run into issues: the codex this is the start this will explain everything that is going on in WordPress. This is another great resource WP dev handbook if you have issues I highly recommend using these two site to trouble shoot.

Jacob Mishkin
Jacob Mishkin
23,118 Points
Jacob Mishkin
Jacob Mishkin
23,118 Points

Christopher Brennan you need to make sure you added theme support for the post_thumbnails function like so:

add_theme_support( 'post-thumbnails' );

if you do have this in your functions.php file and its still not working please post your code so we can see what is going on.