有时候我们的某篇文章里面会有很多图片,但是如果直接一张张展开的话,会降低用户阅读体验,最好的解决办法就是在文章页中增加一个幻灯片功能,也就是把所有图片放到幻灯片中一张张展示,就好比我们首页的幻灯片的展示一样。目前市面上好像就看到知更鸟大神的 Begin 主题中的文章页有这个功能(点击查看效果),对于水平不高的我而言,只能模仿或者说是抄袭鸟哥的 begin 主题的这个图片幻灯功能了,希望鸟哥勿怪才好。
Nana主题文章页中添加幻灯片功能步骤
直接点击『Nana主题文章页中添加幻灯片功能所需文件.zip』下载解压后,将『Nana 主题文章页中添加幻灯片功能所需文件』文件夹里面的文件上传覆盖 Nana 主题里面的文件即可。
PS:本次文章页添加的幻灯片功能涉及到四个文件,分别是 functions.php、style.css、JS 文件夹里面的 script.js 和 slides.js。
Nana主题文章页幻灯片的使用教程
编辑文章时,切换到文本编辑模式,把鼠标定位在在文章适当位置后,点击一下编辑工具栏的『图片相册』后即可添加以下短代码:
然后把“连续插入 N 张图片”删除并按正常添加图片方法,点击“添加媒体”按钮,可以选择:媒体库、上传图片、从 URL 插入方式添加图片(建议 2 张图片以上再使用这个图片相册),多张图片之间不能有空格和回行(只需要连续添加即可)。
PS:幻灯片中图片高度一致是最好的,不一致的情况下翻页查看时会出现一张高一张矮的情况出现,看起来不是很舒服。
Nana主题文章页幻灯片功能演示
你可能感兴趣的文章
懿古今 所有,欢迎分享本文,转载请保留出处!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请发邮件至[email protected],确认后马上更正、删除,谢谢!
版权声明:本文为原创文章,版权归
发表于2017-01-14 09:54 沙发
鸟哥很生气,心法招式都被博主学去了。
@Koolight[呲牙] 只能说学会了招式,心法还是没办法学习
发表于2017-01-14 10:28 板凳
[偷笑] 好的功能还是值得学习的
@闲鱼[呲牙] 是的,不过我也是移植自己用得上的,自己不喜欢的就不想折腾
发表于2017-01-14 13:38 地板
好强的主题~
@姜辰[偷笑] 看中喜欢的功能就喜欢移植过来
发表于2017-01-14 21:27 4楼
[呲牙] 可以可以
@李主席[呲牙] 这个功能还是不错的,不过普通博客很少用到,我这里只有分享那种旅游或外出游玩的日志才会用到
发表于2017-01-17 10:25 5楼
这功能NB啊~ 一直想加,但找不到相关教程,又有点懒~ [赞]
@龙笑天[呲牙] 其实它就是结合我们首页的那个幻灯片功能,加上简码来判断,感觉还不错
发表于2017-01-20 21:32 6楼
终于找到百度分享按钮不显示的原因了,在https下百度分享按钮不显示,得要改一改代码。
@辞峡烟斜上次也有博主反馈说到这个问题,他就是根据这篇文章解决的,你试试《百度分享不支持https的解决方案》
发表于2019-05-25 23:37 7楼
wp5.0.3新编辑界面是添加画廊吧?画廊里的图片好像不能从url插入了。然后文章发布之后添加的画廊没有幻灯片效果,只是连续平铺的几张相片。
@[email protected]文中的方法适合使用经典编辑器的站点,如果升级到WordPress5.0之后没有禁止块编辑器使用经典编辑器的话,估计没用。
@懿古今感谢!那幻灯片暂时先不弄了,反正也是华而不实的。另外感慨下楼主的Nana主题还是很强大,我网站上线10天百度指数9000多的关键词今天突然从第四页冲到第三名,吓我一跳。不过只持续了不到11小时,晚上8点突然就消失了,然后在第9页才找到。