<span class="post_name">~</span>の中の記述は、カスタム投稿名のアイコンを設置するためのものです。


<dl>
<?php
$loop = new WP_Query( array( "post_type" => array( "page1", "page2", "page3", "page4" ) ) );
if ( $loop->have_posts() ): while ( $loop->have_posts() ): $loop->the_post();
?>
<dt>
<?php the_time('Y.m.d'); ?>
<span class="post_name">
<?php if ($post->post_type == 'page1'){?>
<a href="<?php echo post_custom('link_url'); ?>/custompage1/">page1</a>
<?php }elseif ($post->post_type == 'page2'){?>
<a href="<?php echo post_custom('link_url'); ?>/custompage2/">page2</a>
<?php }elseif ($post->post_type == 'page3'){?>
<a href="<?php echo post_custom('link_url'); ?>/custompage3/">page3</a>
<?php }elseif ($post->post_type == 'page4'){?>
<a href="<?php echo post_custom('link_url'); ?>/custompage4/">page4</a>
<?php };?>
</span>
</dt>
<dd>
<a href="<?php the_permalink(); ?>">
<?php the_title(); ?>
</a>
</dd>
<?php endwhile; ?>
<?php else : ?>
<dd>記事が無いようです。</dd>
<?php endif; ?>
</dl>


参考サイト
関数リファレンス/WP Query