WordPress主题后台多图上传教程

最近需要做个WordPress主题后台上传多张图片，前台调用出来功能，一般作为幻灯片（轮换图）使用。

参考阿树工作室的教程：wordpress主题后台制作教程(十):图片上传实时预览

这个教程本身写的有点疏漏，上传一个图片可以，第二个就不行了。仔细看了下代码发现他只提供了display()方法的改动，其实getOptions() 、init()这两个方法也改变了，估计是忘了放出来。

我这边整理出来一个可用的WordPress主题后台多图上传功能，放到压缩包里。

下载：WordPress主题后台多图上传.zip

压缩包里主要包括 uploadpic.php和upload.js这两个文件，使用方法如下：

将uploadpic.php 放到主题目录下
将upload.js 放到主题文件下js目录下
在主题functions.php 里引用uploadpic.php代码：
```
include_once('uploadpic.php');
```
登入WordPress后台-》外观-》幻灯片设置就看到图片上传按钮了。
前台取图片数据

前台取数据代码：

<?php
$options = ClassicOptions::getOptions();?>
<img src=”<?php echo $options['mangopie_banner1']; ?>”/>
<img src=”<?php echo $options['mangopie_banner2']; ?>”/>
<img src=”<?php echo $options['mangopie_banner3']; ?>”/>
<img src=”<?php echo $options['mangopie_banner4']; ?>”/>
<img src=”<?php echo $options['mangopie_banner5']; ?>”/>

这边是写死了上传5个图片，当然你也可以对代码进行修改，比如你只需要上传2张图，那么在uploadpic.php 就可以进行修改。

把getOptions()以及init()方法里面的响应的内容去掉，还有下面display()方法里p标签包含的内容。相信你能看懂。这里就不再多说了。