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

記得去年的時候想做一個相冊的效果。需要用到的是自定義字段的循環輸出，今天看到wordpress論壇 dglives 分享 常用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>

這個是幻燈片的實例代碼，可以在這個基礎上修改自己需要的樣式，循環輸出。演示地址：www.dglives.com/%E5%9B%BE%E7%89%87%E5%88%86%E4%BA%AB


原文地址：http://fish-nemo.com/language_code/87.html






博客 幻燈片 結構 信息 常用 it