WordPressの画像投稿とギャラリー投稿の問題

Question

WordPressで画像投稿形式を追加しようとしています。ユーザーが注目画像をアップロードするのではなく、画像を本文に追加する場合は、添付ファイルから最初の画像を取得し、それを上部ヘッダー画像として表示し、残りを記事本文に表示します。ここに私が思いついた機能があります。注目の画像がアップロードされている場合は動作しますが、そうでない場合は、投稿の本文にさえいない画像が取り込まれます。それはポストのIDを取得していないように見えます。私は何を間違えたのですか？助けてください。ここに私のコードは次のとおりです。

function justblog_get_attachment(){ 
if(has_post_thumbnail()) { 
    the_post_thumbnail('large', array('class' => 'blog-main-image')); 
} else { 
    // No post thumbnail, try attachments instead. 
    $attachments = get_children(array('post_parent' => $post->ID, 
             'post_type' => 'attachment', 
             'post_mime_type' => 'image', 
             'order' => 'DESC', 
             'orderby' => 'menu_order ID')); 

    foreach($attachments as $att_id => $attachment) { 
     $full_img_url = wp_get_attachment_image_src($attachment->ID, 'full', true); 
    } 
    if ($attachments) { 
     echo '<img src="' . esc_url($full_img_url[0]) . '" alt="Title Image" class="blog-main-image" />'; 
    } 
} 
wp_reset_postdata(); 
} 

Answer 1

あなたは、引数として関数にグローバルまたはパス$ポストを使用して$ポストを移入する必要があり、前者は

function justblog_get_attachment(){ 
    if(has_post_thumbnail()) { 
     the_post_thumbnail('large', array('class' => 'blog-main-image')); 
    } else { 
     // No post thumbnail, try attachments instead. 
     global $post; 
     $attachments = get_children(array('post_parent' => $post->ID, 
              'post_type' => 'attachment', 
              'post_mime_type' => 'image', 
              'order' => 'DESC', 
              'orderby' => 'menu_order ID')); 

     foreach($attachments as $att_id => $attachment) { 
      $full_img_url = wp_get_attachment_image_src($attachment->ID, 'full', true); 
     } 
     if ($attachments) { 
      echo '<img src="' . esc_url($full_img_url[0]) . '" alt="Title Image" class="blog-main-image" />'; 
     } 
    } 
    wp_reset_postdata(); 
} 

の下に示されているあなたは、この使用してCSSを試みる可能性があり、少しのPHP。基本的には、ヘッダーコードを変更して、ページの周りにあなたのボディやdivラッパーを追加するクラスを追加します。

次にあなたは、ポストコンテンツに第一画像をターゲットIMGは絶対にし、トップにそれを揃えることができ、このクラスを使用して

if (has_post_thumbnail($post->ID)){?> 

    <div class="post-body no-feat-img"> 

<?php } else { ?> 
    <div class="post-body"> 
<?php } 

。

ここにサンプルを表示https://jsfiddle.net/1pveo2wn/1/ - 画像の下には、クラスを切り替えるボタンがあります。これは理想的ではありませんが、その1つの方法です。もう1つは出力前に投稿コンテンツをフィルタリングし、画像をプルしておすすめ画像として表示することです。

フィルターのコードを実行しない理由の1つは、srcsetとwordpressを取得するのに最後の2日間を費やしていますか？the_post_thumbnail()共通の各画面タイプ（モバイルワイドスクリーンへ）。したがって、私はあなたがこれを放棄し、単に画像を使用し、ユーザーが特集画像を選択するのに失敗した場合は、その厳しいと思う。