2016-08-22 9 views
0

は、私が試してみて、各ポストのための機能を備えた画像を表示するには、次のコードを使用していたが、何も表示されません: WordPressの各投稿の機能イメージを表示するにはどうすればいいですか?

<div class="thumbnail-img"> 

<?php 
$lastBlog = new WP_Query('type=post&posts_per_page=2&offset=1'); 


if ($lastBlog->has_post_thumbnail()) { 
    while($lastBlog->has_post_thumbnail()) { 
    $lastBlog->the_post_thumbnail(); 
       } ?> 

<?php get_template_part('content-image', get_the_post_thumbnail()); 

} 

?> 

</div> 
<br> 

<?php 
if($lastBlog->have_posts()): 
while($lastBlog->have_posts()): $lastBlog->the_post(); ?> 
<?php get_template_part('content-title', get_post_format()); ?> 
<?php endwhile; 

     endif; 

     wp_reset_postdata(); 
    ?> 
    </div> 

は、私は各記事のタイトルの上に機能を備えた画像をしたいです。これをどうやって解決するのですか?

答えて

0
<?php 
$lastBlog = new WP_Query('type=post&posts_per_page=2&offset=1'); 
if($lastBlog->have_posts()): 
while($lastBlog->have_posts()): $lastBlog->the_post(); ?> 
<div class="title"><?php echo get_the_title(); ?></div> 
<br /> 
<div class="thumbnail-img"><?php echo the_post_thumbnail();?></div> 
<br /> 
<?php 
    endwhile; 
    endif; 
    wp_reset_postdata(); 
    ?> 

、このいずれかを試してみてください正常に動作します

0

テンプレート構造(template-part content-title ??)は本当に具体的ではありませんが、一般的な例を使用すると、次のように使用可能な画像が表示されます。

はのfunctions.php

if (! function_exists('mytheme_setup')) : 

     function mytheme_setup() { 
      /* 
      * Enable support for Post Thumbnails on posts and pages. 
      * 
      * See: https://codex.wordpress.org/Function_Reference/add_theme_support#Post_Thumbnails 
      */ 
      add_theme_support('post-thumbnails'); 
      set_post_thumbnail_size(825, 510, true); 


     } 

    endif; 
    add_action('after_setup_theme', 'mytheme_setup'); 

コンテンツのテンプレートページ(content.php、テンプレート・ページは、など。)

// WP_Query arguments 
    $args = array (
      'nopaging'    => false, 
      'posts_per_page'   => '2', 
      'offset'     => '1', 
    ); 

    // The Query 
    $the_query = new WP_Query($args); 

    // The Loop 
    if ($the_query->have_posts()) { 
     while ($the_query->have_posts()) { 
       $the_query->the_post(); ?> 
       <article> 
        <?php if (has_post_thumbnail()) : ?> 
        <div class="post-thumbnail"> 
         <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"> 
          <?php the_post_thumbnail(); ?> 
         </a> 
        </div> 
        <?php endif; ?> 
        <div class="post-title"> 
         <?php echo '<h2>' . get_the_title() . '</h2>'; ?> 
        </div> 
       </article> 
     <?php 
     } 
     /* Restore original Post Data */ 
     wp_reset_postdata(); 
    } else { 
      // no posts found 
     echo "NADA"; 
    } 
0

イメージURLを使用したい場合は、これを使用します。

$thumb_image=wp_get_attachment_url(get_post_thumbnail_id()); 

、あなたは異なる別の画像

the_post_thumbnail('thumbnail');  // Thumbnail (150 x 150 hard cropped) 
the_post_thumbnail('medium');  // Medium resolution (300 x 300 max height 300px) 
the_post_thumbnail('medium_large'); // Medium Large (added in WP 4.4) resolution (768 x 0 infinite height) 
the_post_thumbnail('large');   // Large resolution (1024 x 1024 max height 1024px) 
the_post_thumbnail('full');   // Full resolution (original size uploaded) 

//With WooCommerce 
the_post_thumbnail('shop_thumbnail'); // Shop thumbnail (180 x 180 hard cropped) 
the_post_thumbnail('shop_catalog'); // Shop catalog (300 x 300 hard cropped) 
the_post_thumbnail('shop_single'); // Shop single (600 x 600 hard cropped) 
に、ここで、その後、直接画像を取得したいです
関連する問題