Nana主题文章页中添加幻灯片功能及使用教程

 懿古今   2017-02-01 12:36:57 更新  技术文档

有时候我们的某篇文章里面会有很多图片,但是如果直接一张张展开的话,会降低用户阅读体验,最好的解决办法就是在文章页中增加一个幻灯片功能,也就是把所有图片放到幻灯片中一张张展示,就好比我们首页的幻灯片的展示一样。目前市面上好像就看到知更鸟大神的 Begin 主题中的文章页有这个功能(点击查看效果),对于水平不高的我而言,只能模仿或者说是抄袭鸟哥的 begin 主题的这个图片幻灯功能了,希望鸟哥勿怪才好。

Nana主题文章页中添加幻灯片功能及使用教程

Nana主题文章页中添加幻灯片功能步骤

直接点击『Nana主题文章页中添加幻灯片功能所需文件.zip』下载解压后,将『Nana 主题文章页中添加幻灯片功能所需文件』文件夹里面的文件上传覆盖 Nana 主题里面的文件即可。

PS:本次文章页添加的幻灯片功能涉及到四个文件,分别是 functions.php、style.css、JS 文件夹里面的 script.js 和 slides.js。

温馨提示

Nana主题V2.05版本已经集成文章页幻灯片功能,如已升级到V2.05版本的可以忽略此添加步骤。点此下载:Nana主题V2.05版本

Nana主题文章页幻灯片的使用教程

编辑文章时,切换到文本编辑模式,把鼠标定位在在文章适当位置后,点击一下编辑工具栏的『图片相册』后即可添加以下短代码:

Nana主题文章页中添加幻灯片功能及使用教程 图片相册短代码

然后把“连续插入 N 张图片”删除并按正常添加图片方法,点击“添加媒体”按钮,可以选择:媒体库、上传图片、从 URL 插入方式添加图片(建议 2 张图片以上再使用这个图片相册),多张图片之间不能有空格和回行(只需要连续添加即可)。

PS:幻灯片中图片高度一致是最好的,不一致的情况下翻页查看时会出现一张高一张矮的情况出现,看起来不是很舒服。

Nana主题文章页幻灯片功能演示

本文地址:https://www.yigujin.cn/1085.html

你可能感兴趣的文章

文章标签: ,   ,  
版权声明:本文为原创文章,版权归 懿古今 所有,欢迎分享本文,转载请保留出处!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请发邮件至[email protected],确认后马上更正、删除,谢谢!

发表评论

  1. Koolight
    Koolight @回复

    鸟哥很生气,心法招式都被博主学去了。

    • 懿古今
      懿古今2017-01-14 23:13  回复

      @Koolight[呲牙] 只能说学会了招式,心法还是没办法学习

  2. 闲鱼
    闲鱼 @回复

    [偷笑] 好的功能还是值得学习的

    • 懿古今
      懿古今2017-01-14 23:13  回复

      @闲鱼[呲牙] 是的,不过我也是移植自己用得上的,自己不喜欢的就不想折腾

  3. 姜辰
    姜辰 @回复

    好强的主题~

    • 懿古今
      懿古今2017-01-14 23:11  回复

      @姜辰[偷笑] 看中喜欢的功能就喜欢移植过来

  4. 李主席
    李主席 @回复

    [呲牙] 可以可以

    • 懿古今
      懿古今2017-01-14 23:08  回复

      @李主席[呲牙] 这个功能还是不错的,不过普通博客很少用到,我这里只有分享那种旅游或外出游玩的日志才会用到

  5. 龙笑天
    龙笑天 @回复

    这功能NB啊~ 一直想加,但找不到相关教程,又有点懒~ [赞]

    • 懿古今
      懿古今2017-01-17 12:56  回复

      @龙笑天[呲牙] 其实它就是结合我们首页的那个幻灯片功能,加上简码来判断,感觉还不错

  6. 辞峡烟斜
    辞峡烟斜 @回复

    终于找到百度分享按钮不显示的原因了,在https下百度分享按钮不显示,得要改一改代码。

  7. 429233441@qq.com
    [email protected] @回复

    wp5.0.3新编辑界面是添加画廊吧?画廊里的图片好像不能从url插入了。然后文章发布之后添加的画廊没有幻灯片效果,只是连续平铺的几张相片。

    • 懿古今
      懿古今2019-05-26 07:58  回复

      @[email protected]文中的方法适合使用经典编辑器的站点,如果升级到WordPress5.0之后没有禁止块编辑器使用经典编辑器的话,估计没用。

      • 429233441@qq.com

        @懿古今感谢!那幻灯片暂时先不弄了,反正也是华而不实的。另外感慨下楼主的Nana主题还是很强大,我网站上线10天百度指数9000多的关键词今天突然从第四页冲到第三名,吓我一跳。不过只持续了不到11小时,晚上8点突然就消失了,然后在第9页才找到。