此前我的网站首页只有图文展示略显单调,今日便对网站进行了修改,在首页处添加了轮播图效果,而用到的正是WordPress的一款轮播图插件——Meta Slider。它可以把幻灯片插入文章,也可以插入wordpress模板中,此插件既可以做幻灯片广告展示,也可以其它轮播图展示。安装、启用 Meta Sl

此前我的网站首页只有图文展示略显单调,今日便对网站进行了修改,在首页处添加了轮播图效果,而用到的正是WordPress的一款轮播图插件——Meta Slider。它可以把幻灯片插入文章,也可以插入wordpress模板中,此插件既可以做幻灯片广告展示,也可以其它轮播图展示。
WordPress幻灯片插件:MetaSlider用法

安装、启用 Meta Slider

安装方式很简单,可以去自己网站后台搜索名为Meta Slider,当然可以去wordpress官网下载安装包。不建议在非官方网站渠道下载,毕竟容易被植入代码。

设置 Meta Slider

  1. 添加轮播图
    在WordPress后台的菜单中找到Meta Slider,只需要从多媒体添加轮播图片即可!添加后可以设置轮播图的标题,以及轮播图片点击的URL;
  2. 设置轮播图的宽高等
    能够设置轮播图的宽、高、轮播效果等等
    WordPress幻灯片插件:MetaSlider用法
  3. 轮播图的高级设置
    可以设置拉伸、居中对齐 、自动播放 、图像裁剪 、传送带模式 、随机 、悬停时暂停 、反向 、幻灯片播放间隔 、动画速度、滑动方向等等,懂得代码的朋友还可以自己编写特定的样式。
    WordPress幻灯片插件:MetaSlider用法

幻灯片调用方法

当你新建完一个轮播图后你会获得一个短代码:在后台发表文章时,你会看到“添加幻灯片”的按钮,插入幻灯片就会显示出你的这段短代码!同样的可以添加到组件中。

1 [metaslider id="1170"]

WordPress幻灯片插件:MetaSlider用法
如果想在某个模块添加轮播图,可以找到相关的代码位置,添加如下方式的代码:

1
2
3
<?php
echo do_shortcode("[metaslider id=1170]");
?>
温馨提示:本文最后更新于 2023-12-09 15:46 ,某些文章具有时效性,若有错误或已失效,请在下方留言或联系QQ115904045
声明:
1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:115904045@qq.com,我们将第一时间处理!
2.资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持
3.所有资源仅限于参考和学习,版权归原作者所有,更多请阅读网站声明

给TA打赏
共{{data.count}}人
人已打赏
wordpress教程

WordPress时间日期函数The_time()与Get_the_time()用法

2023-12-9 15:46:43

wordpress教程

WordPress不使用插件创建xml和html网站地图

2023-12-9 15:46:45

  • 0 条回复 A文章作者 M管理员
      暂无讨论,说说你的看法吧
    购物车
    优惠劵
    今日签到
    有新私信 私信列表
    搜索

    夕阳无别事,等风也等你

    联系我们