wordpress自定義字段輸出代碼設計

<!--舉個例子 假如這是一個幻燈片-->


  


  <div class="flexslider">


       <?php if ( have_posts() ) :the_post(); ?>


      <ul class="slides">     


        <?php         


                $images = get_post_meta($post->ID, 'images', false); //一會你要添加的自定義字段 images


                if($images){ //開始循環同名自定義字段


                foreach ($images as $image) {


 


                        $fullvalue = explode("|", $image);


                        $post_img=$fullvalue[0]; //圖片地址


                        $post_url=$fullvalue[1]; //圖片對應的文章地址


                        $img_info=$fullvalue[2]; //圖片信息


?>


 


<!--開始輸出自定義字段-->


  <li>


  <div class="img_conent">


 <!--幻燈片圖片 --> 


   <a title="<?php echo $img_info ?>" href="<?php echo $post_url ?>">


  <img src="<?php echo $full_img ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" /></a>


 <!--幻燈片標題--> 


  <div class="img_info"><?php echo $img_info ?></div>


  </div> 


  <!--end img_conent -->


  </li>


        


        <?php


                


                }// end foreach


}                


      endif;  


                ?>


      </ul>


    </div>

這個是幻燈片的實例代碼，可以在這個基礎上修改自己需要的樣式，循環輸出