投稿文書と画像を別に出力

上記サイトをWordPressにする。というだけに限定すればさほど難しくもないかもです。
http://www.christianschenk.org/projects/wordpress-smoothgallery-plugin/
とか使って、投稿は文章＋画像一式をアップローダでアップしたものを全てSmooth Gallery に割り当てる、という決めうちにすればさほど難しくもないと思いますよ。

テーマは問題ありませんかね？

例えばですけど
wp_head()、wp_footer()などが無いとか。

プラグインを入れたわけではないので、思いつきに近いのですが。
要は

<div id="myGallery">
<div class="imageElement">
<h3>Bergpark - Bridge</h3>
<p>Another stunning picture.</p>
<a href="http://www.christianschenk.org/wp-content/uploads/park2.jpg" title="open image" class="open"></a>
<img src="http://www.christianschenk.org/wp-content/uploads/park2-400x266.jpg" class="full" alt="Bergpark - Bridge"/>
</div>
<div class="imageElement">
<h3>Bergpark - Aqueduct</h3>

<p>Wow! That's awesome.</p>
<a href="http://www.christianschenk.org/wp-content/uploads/park1.jpg" title="open image" class="open"></a>
<img src="http://www.christianschenk.org/wp-content/uploads/park1-400x266.jpg" class="full" alt="Bergpark - Aqueduct"/>
</div>
</div>

こうなっている部分が Smooth Gallery として表示されるんですよね？
となると・・・

添付ファイルの一覧を取得する（get_children()）
ループさせて、情報を取得しながら上記のソースを生成する

ということでいいんじゃないですかね？

なるほど、なんか、できそうなできなそうな感じなので、作ってみます。
ちょうど別件用にテストサイト作ったところなので。

できましたよ。
やっつけ仕事なので、きたならしいですけど・・・

<div id="myGallery">
<?php
	$images = get_children(array('post_parent' => get_the_ID(),'post_type' =>'attachment'));
	foreach ( $images as $attachment_id => $attachment ) {
//var_dump($attachment);
?>

<div class="imageElement">
<h3><?php echo $attachment->post_title; ?></h3>
<p></p>
<a href="<?php echo wp_get_attachment_url( $attachment_id ); ?>" title="open image" class="open"></a>
<img src="<?php echo wp_get_attachment_url( $attachment_id ); ?>" class="full" alt=""/>
</div>
<?php } ?>
</div>

で、なんか、あのプラグインはカスタムフィールドでプラグインをonにしないといけないんですね。めんどくさい・・・

なので、フッタに書いちゃいました。
プラグインを有効しなくてもいいです。直接読んじゃってますので。（あたりまえ？
ですから、プラグイン版じゃなくてもいいかも？

フッタ部分</body>の直前にでも

<script src="http://localhost/_wp31/site01/wp-content/plugins/smoothgallery/scripts/mootools.js" type="text/javascript"></script>
<script src="http://localhost/_wp31/site01/wp-content/plugins/smoothgallery/scripts/jd.gallery.js" type="text/javascript"></script>
<script src="http://localhost/_wp31/site01/wp-content/plugins/smoothgallery/scripts/jd.gallery.transitions.js" type="text/javascript"></script>
<script type="text/javascript">
function startGallery() {
	var myGallery = new gallery($('myGallery'), {
		showCarousel: false
	})
}
window.addEvent('domready', startGallery);
</script>

これで、画像をアップするだけで動くはずです。
とくに記事内にショートコードや、画像をおかなくていいです。

jsまでのパスはそのとおりです！適宜置き換えてください、気づかずにすみませんでした。
また、１つコピペ忘れてました；；

<link rel="stylesheet" type="text/css" href="http://localhost/_wp31/site01/wp-content/plugins/smoothgallery/smoothgallery.php?smoothgallery_action=css&prefix=http%3A%2F%2Flocalhost%2F_wp31%2Fsite01%2Fwp-content%2Fplugins%2Fsmoothgallery&ct=1&height=345&width=460&bordercolor=000" />

これも見づらいですが、エンコード部分を置き換えるといいかも。

というか、要するにプラグインをカスタムフィールドでonしたときのコードを記述してるだけなので、一度プラグインで表示してコピーしておけばいいかもです。

あとなんだっけ。。。あ、そうそう「説明」ですね。
<p><?php echo $attachment->post_content; ?></p>