Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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

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

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

Yeah, how did you figure it out?

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.

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.