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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章