Przycisk "read more"

Mam Kod

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
	<div class="products">
		<section class="subject">
			<header>
				<a href="#products"><a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a>
			</header>

					<?php if ( has_post_thumbnail()) : ?>

					<?php the_post_thumbnail(); ?>

					<?php endif; ?>

			<article>

				<?php the_content('',FALSE,''); ?>

			</article>
			<button type="submit" class="buttonpro">More...</button>
		</section>

	<?php endwhile; else: ?>
	<div class="brak"><p>Brak Wpisów</p></div>
	<?php endif; ?>	

	</div><!-- End: products -->

Własny przycisk read more umieszczamy pomiędzy () w <?php the_content(); ?> a jak zrobić aby buton był w innym konkretnym miejscu (w moim przypadku poza article – o stałej pozycji)? Powielenie content powiela jednocześnie tekst a pomijając article nic sie nie pokazuje.