カスタムフィールドテンプレートで入力した文字に記事リンクを貼って表示

カスタムフィールドテンプレートで入力した文字に記事リンクを貼って表示させるには。

最新から並べたサムネイル付きアーカイブに、カスタムフィールドテンプレートTEMPLATEで作成した文字を表示させる。

赤文字は自分のに合わせて書き換える。

使用例その１

<div class="post">
<h2>最近作ったレシピ</h2>
<?php //記事// ?>
<?php if(have_posts()): while(have_posts()): the_post(); ?>
<div class="myblog myblog<?php echo $i; ?>">
<a title="この情報をみる" href="<?php the_permalink(); ?>">
<?php /* 150画像一覧を習得ここから **/ ?>
<a href="<?php the_permalink(); ?>"><?php if(has_post_thumbnail()): ?>
<?php the_post_thumbnail('thumb150'); ?>
<?php else: ?>
<img src="<?php bloginfo('template_url'); ?>/images/no_recipe.jpg" alt="画像なし" width="150" height="150" /></a>
<?php endif; ?>
<?php /* 150画像一覧を習得ここまで **/ ?></a><br />
<a href="<?php the_permalink(); ?>"><?php echo get_post_meta($post->ID, 'title', true); ?></a></br>
</div> <!--class="myblog myblog-->
<?php endwhile; endif; ?>
</div>

使用例その２

<div class="post">
<?php //記事// ?>
<?php if(have_posts()): while(have_posts()): the_post(); ?>
<div class="myblog myblog<?php echo $i; ?>">
<h2><?php echo get_post_meta($post->ID, 'town', true); ?></h2>
<a title="この情報をみる" href="<?php the_permalink(); ?>">
<?php /* 150画像一覧を習得ここから **/ ?>
<?php if(has_post_thumbnail()): ?>
<a title="この情報をみる" href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumb150'); ?></a>
<?php else: ?>
<a title="この情報をみる" href="<?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/no_school.jpg" alt="画像なし" width="150" height="150" /></a>
<?php endif; ?>
<?php /* 150画像一覧を習得ここまで **/ ?>
</a><br />
<h4><a title="この情報をみる" href="<?php the_permalink(); ?>"><p><?php echo get_post_meta($post->ID, 'title', true); ?></p></a></h4>
<?php edit_post_link(__('Edit This')); ?>
</div><!--class="myblog myblog-->
<?php endwhile; endif; ?>
</div>

使用例その３

<div class="post">
<?php //記事// ?>
<?php if(have_posts()): while(have_posts()): the_post(); ?>
<div class="myblog myblog<?php echo $i; ?>">
<h2><?php echo get_post_meta($post->ID, 'town', true); ?></h2>
<a title="この情報をみる" href="<?php the_permalink(); ?>">

<?php /* 150画像一覧を習得 **/ ?>
<?php if(has_post_thumbnail()): ?>
<a title="この情報をみる" href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumb150'); ?></a>
<?php else: ?>
<a title="この情報をみる" href="<?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/no_knitcafe.jpg" alt="画像なし" width="150" height="150" /></a>
<?php endif; ?>
<?php /* 150画像一覧を習得ここまで **/ ?>
</a><br />
<h4><a title="この情報をみる" href="<?php the_permalink(); ?>"><p><?php echo get_post_meta($post->ID, 'title', true); ?></p></a></h4>
<?php edit_post_link(__('Edit This')); ?>
</div><!--class="myblog myblog-->
<?php endwhile; endif; ?>
</div>