Post titles below the post format content

So to move the title below the content just move the html.

<article>    
    <div class="entry-content">
        <?php the_content(); ?>
    </div>  <!-- end entry-content -->

    <div class="entry-header">
        <h2 class="entry-title"><a href="https://wordpress.stackexchange.com/questions/180437/<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
    </div>
</article>

You need to rotate your html a bit. First thing you need to do is add the wordpress function add_theme_support('post-thumbnails') to your functions.php. This will allow you to add featured images to each post/page.

Next in your functions.php you need to add the wordpress function add_image_size('postimgsize', width, height, true). The last perimeter allows the image to be cropped from the center out to the specified and width you’d like.

Last you need to adjust your theme file.

<article class="post">
    <?php if(has_postthumbnail()) : ?>
         <div class="entry-postthumbnail">
              <?php the_post_thumbnail('postimgsize');?>
         </div>
    <?php endif; ?>

    <div class="entry-header">
        <h2 class="entry-title"><a href="https://wordpress.stackexchange.com/questions/180437/<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
    </div>  <!-- end entry-header -->

    <div class="entry-content">
        <?php the_content(); ?>
    </div>  <!-- end entry-content -->
</article>

the_post_thumbnail() function calls the featured image and by specifying the name of the add_image_size function inside of the circle brackets, the image will crop to the exact size you would like.

Hope this helps.