bxSlider jquery插件在Wordpress中的实现

Question

我正在做我的第一步编码。我在网上做了一些课程，现在我正在制作一个wordpress主题，以继续从实践中学习。

问题是我正在寻找一个插件来制作一个Image，我知道安装wordpress插件非常简单，但是我想更努力地安装一个jquery插件。

我发现bxSlider非常实用和完整：http://bxslider.com/。在网站上有一个教程，在其他wordpress教程的帮助下，我想我可能会实现它的安装。

在bxSlider站点中，他们说我必须创建这个html标记：

<ul class="bxslider">
  <li><img src="/images/pic1.jpg" /></li>
  <li><img src="/images/pic2.jpg" /></li>
  <li><img src="/images/pic3.jpg" /></li>
  <li><img src="/images/pic4.jpg" /></li>
</ul>

但是我能用wordpress做些什么呢？假设我会在里面创建一个有画廊的页面？我想要做的是在幻灯片中转换那个画廊。

Answer 1

获取高级自定义字段插件和高级自定义字段转发插件。

将中继器字段命名为“滑块”。在中继器字段中添加一个图像字段，将该字段命名为slider_image，并选择图像类型作为图像url。

显示它的代码是

<?php $sliders=get_field("slider");?>
<ul class="bxslider">
    <?php foreach($sliders as $slider):?>
        <?php $slider=$gallery['slider_image']; ?>
        <li>
            <img src="<?php echo $slider['url'];?>"/>
        </li>
    <?php endforeach;?>
</ul>

请确保在此处阅读高级自定义字段的文档。

https://www.advancedcustomfields.com/resources/ https://www.advancedcustomfields.com/resources/repeater/

设置您希望字段出现的位置。例如，特定的页面，每一页，每一篇文章，在你的领域中，你会找到这个选项。

保存您的字段，然后转到设置该字段的页面或帖子中。然后你就可以在你的滑块上添加你想要的图像。