Help with if else statement for separating content from image attachment

Question

Technically, this should work:

<!--display image-->
<div class="featured-image">
  <?php
      $args = array(
      'post_type' => 'attachment',
      'numberposts' => -1,
      'post_status' => null,
      'post_parent' => $post->ID
    );

      $attachments = get_posts( $args );
          if ( $attachments ) {
          foreach ( $attachments as $attachment ) {
          echo wp_get_attachment_image( $attachment->ID, 'full' );
        }
    }
?>

</div>

<?php 

$content = preg_replace('/<img[^>]+./','',get_the_content());
if($content != ""):?>

<!--styled content div-->
<div class="portfolio-content">
     <?php echo $content; ?>
</div>

<?php endif;?>

UPDATE:

I got it to work. But there are a few flaws with the whole idea. Here’s what I did:

Created a page.
Add 1 image and some text to that page.

Then I added the script above. I got the image attachment to show as you did, but no content at all. The first thing I noticed is that you need to reset the query in order to get the page query again. So after the first loop you need to insert:

<?php wp_reset_query(); wp_reset_postdata();?>

Now the function get_the_content will echo properly. However there are two other issues:

The preg_replace function is removing the images but not the link around the images. Typically when you add an image to the editor, by default the image has a link. So when we check to see if the variable $content is empty, it will return false, because there’s still an empty anchor tag left in there. So in that case your images can’t have links.
I also noticed that an image can only be attached to one post. Meaning that the initial loop will only work when you upload the image while you’re editing that post. You could not use another image that was previously uploaded in another post.

Anyway, I was still get the code to work after I fixed all of the above.

I am posting the code again with the update, and with comments. See if you can get it to work.

<div class="featured-image">


  <?php
      $args = array(
      'post_type' => 'attachment',
      'numberposts' => -1,
      'post_status' => null,
      'post_parent' => $post->ID
    );

      //First loop will get all images attached to this post
      $attachments = get_posts( $args );
          if ( $attachments ) {
          foreach ( $attachments as $attachment ) {
          echo wp_get_attachment_image( $attachment->ID, 'full' );
        }
    }
?>

</div>

<?php wp_reset_query(); wp_reset_postdata(); // this will reset the data from the first loop and give us access again to the main post loop?>

<?php 
//this will remove the images from the content editor
// it will not remove links from images, so if an image has a link, you will ended up with an empty lin.

$content = preg_replace('/<img[^>]+./','',get_the_content());

//this IF statement checks if $content has any value left after the images were removed
// If so, it will echo the div below it.. if not will won't do anything.
if($content != ""):?>

<!--styled content div-->
<div class="portfolio-content">
     <?php echo $content; ?>
</div>

<?php endif;?>

Related Posts: