List child page, and make attached picture thumbnail (4 posts)

  1. jami1955
    Posted 5 years ago #

    This may be asking too much... but let's see. This wonderful code here goes and gets the children of a page, and lists the title and attached picture (floated left), as well as the content before the MORE tag, and ends with a beautiful little "read more..." linked to the page.

    Question: is it possible to get some code that will print the picture attached (floated left) but in the thumbnail size specified in the media preferences instead of the full size it appears in the page?

    the code:

          'post_type' => 'page',
          'post_parent' => 93,
          'post_status' => 'publish',
          'posts_per_page' => -1,
          'caller_get_posts'=> 1
        $my_query = null;
        $my_query = new WP_Query($args);
        if( $my_query->have_posts() ) {
          echo 'List of Child Pages for Page ID 93';
          while ($my_query->have_posts()) : $my_query->the_post(); ?>
            <p><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></p>
            global $more; $more = false;
            the_content('Read on....');
    wp_reset_query();  // Restore global post data stomped by the_post().
  2. Kraignos
    Posted 5 years ago #

  3. jami1955
    Posted 5 years ago #

    Nice one. Unfortunately, this code is not within the loop... thanks tho.

  4. Kraignos
    Posted 5 years ago #

    There's others : get_the_post_thumbnail(), get_image(), .... but dunno if they works with pages and outside the loop. Can't check at the moment because codex.wordpress.org seems off. Might be until the team see the trouble Monday I guess...

    Another way would be using custom fields in the admin new page form, where you enter the url and then call it in php with

    $image_url = get_post_meta($post->ID, "NameOfYourCustomField", true);
    if ( !empty($image_url ) ) : ?>
         <img src="<?= $image_url ?>" alt="thumbnail" style="float: left;" />
    <? endif; ?>

    But I think it doesn't answer you question as it doesn't use the thumbnail size specified in the media preferences.

Topic Closed

This topic has been closed to new replies.

About this Topic