wordpress自定义字段输出代码设计

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!--举个例子 假如这是一个幻灯片-->
 
 
   
 
 
  <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>


这个是幻灯片的实例代码,可以在这个基础上修改自己需要的样式,循环输出

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值