wordpressプラグインアクセス投稿情報

Question

私は初心者です。投稿情報にアクセスしようとしていて、それが特集された画像を持っている場合は、スライドショーを作成しています。しかし、画像のURLと投稿のタイトルはdivタグから外れています。以下は私のコードです。

//function to display post info 
    function postsinfo_collage_display($attr, $content) { 

    $plugins_url = plugins_url(); 

    $html = '<div id="pscanvas" class="row"> 
        <div class="row__inner mThumbnailScroller">'; 

    // The Query 
    query_posts(array ('orderby' => 'date')); 

    // The Loop 
    while (have_posts()) : the_post(); 
    if (has_post_thumbnail()) { 
     $html .= '<div class="tile"> 
          <div class="tile__media">'; 
     $html .='<a href="'.esc_url(get_permalink()).'">'; 
     $html .='<img class="tile__img"'; 
     $html .="src='".esc_url(the_post_thumbnail_url()). "'/>"; 
     $html .='</a></div><div class="tile__details"> 
       <div class="tile__title">'; 
     $html .= the_title(); 
     $html .='</div></div></div>';   
    } 
    endwhile; 
    // Reset Query 
    wp_reset_query(); 
    $html .= '</div> 
        </div> 
        <script> 
        window.jQuery || document.write(\'<script src="minified/jquery-1.11.0.min.js"><\/script>\') 
      (function($){ 
       $(window).load(function(){    
       }); 
      })(jQuery);</script>'; 

     return $html; 

    } 

私は取得しています出力は次のようになります。

<div class="entry-content"> 
      http://localhost:9085/wordpress/wp-content/uploads/2016/04/call-of-duty-ghosts-20517-1366x768-1200x675.jpgpscanvashttp://localhost:9085/wordpress/wp-content/uploads/2016/04/Call-Of-Duty-Ghost-Background-For-Wallpaper-652-1200x675.jpgkwofkwc 
     <div id="pscanvas" class="row"> 
     <div class="row__inner mThumbnailScroller "> 
      <div id="mTS_1" class="mTSWrapper mTS_horizontal"> 
       <div class="mTSAutoContainer mTSContainer" "> 
        <div class="tile"> 
        <div class="tile__media"> 
        <a href="http://localhost:9085/wordpress/2016/09/04/pscanvas/"> 
        <img class="tile__img" src=""></a> 
        </div><div class="tile__details"> 
        <div class="tile__title"></div></div></div> 
        <div class="tile"><div class="tile__media"> 
        <a href="http://localhost:9085/wordpress/2016/05/03/kwofkwc/"> 
        <img class="tile__img" src=""></a></div><div class="tile__details"> 
        <div class="tile__title"></div></div></div> 
        </div> 
       </div> 
      </div> 
     </div> 
      <script> 
      window.jQuery || document.write('<script src="minified/jquery-1.11.0.min.js"><\/script>') 
      (function($){ 
       $(window).load(function(){    
       }); 
      })(jQuery);</script> 
    <strong>Album Rating:</strong> <div class="genericon genericon-star"></div><br> </div> 

私は画像のURLは、imgタグ内にある必要があります見ることができますが、その全体のdivタグの出てきます。

Answer 1

を試してみてください。代わりに値を返す関数に切り替える必要があります。

変更画像から：

$html .="src='".esc_url(the_post_thumbnail_url()). "'/>"; 

へ：

$html .= "src='" . esc_url(get_the_post_thumbnail_url()) . "'/>"; 

とタイトルから：

$html .= the_title(); 

へ：

$html .= get_the_title(); 

ドキュメント：

https://developer.wordpress.org/reference/functions/get_the_title/ https://developer.wordpress.org/reference/functions/get_the_post_thumbnail_url/

Answer 2

は、あなたがあなたの$html変数に追加直接出力画像とタイトルではなく機能を使用している

$url = wp_get_attachment_url(get_post_thumbnail_id($post->ID)); 
<img src="<?php echo $url; ?>"/>