Nana主题和Blogs主题的下载按钮使用示例教程

2018年01月21日 17:15:35  阅读 259 次

其实懿古今分享的主题使用的下载按钮都是照搬知更鸟的主题,所以使用起来也毫无难度,而且我在《Nana主题常见的“使用问题”答疑》一文的问题八也简单介绍过使用方法,在这之前也详细分享过《Three/Unite主题如何添加(使用)下载按钮?》,但是还是有很多博主问到Nana主题和Blogs主题(本文所说的都是WordPress 版本的Blogs主题)的下载按钮如何使用,所以今天就再针对Nana主题和Blogs主题的下载按钮出一篇详细的教程,希望以后大家不懂的时候可以参考学习。

Nana主题和Blogs主题的下载按钮使用示例教程 技术文档 第1张

Nana主题和Blogs主题的下载按钮默认有三种,一种是默认下载(弹窗)、自定义下载(弹窗)和链接按钮,我们在编辑文章的时候,直接点击编辑框上方的“插入短代码”中选择相应的下载按钮,选择之后即可在编辑器中出现相应的代码,如下图所示:

Nana主题和Blogs主题的下载按钮使用示例教程 技术文档 第2张

其中自定义下载(弹窗),需要自行修改下载按钮的名称,链接按钮需要人工修改按钮名称和链接地址。示例如下:

Nana主题和Blogs主题的下载按钮使用示例教程 技术文档 第3张

注意:默认下载(弹窗)和自定义下载(弹窗)在同一篇文章中只能出现一个,不能同时使用。链接按钮可以在同一篇文章中出现多次。

1、如果选择『链接按钮』,只需要在编辑器中直接修改按钮名称和链接地址即可,具体如上图所示。

2、如果选择『默认下载(弹窗)』或者『自定义下载(弹窗)』,我们还需要在编辑器下方的“自定义栏目”中添加button1(按钮名称)和对应的url1按钮链接地址,总共可以添加四个按钮。下图为两个按钮的示例:

Nana主题和Blogs主题的下载按钮使用示例教程 技术文档 第4张

PS:如果不懂的如何添加自定义栏目,可以移步《实例讲解WordPress自定义栏目及自定义字段》学习一番。

3、三种下载按钮的具体效果如下:

3.1 『默认下载(弹窗)』就显示“下载地址”字样,点击会出现一个弹窗,弹窗内包含我们刚才添加的两个按钮及链接地址。

3.2 『自定义下载(弹窗)』就显示我们刚才编辑的“主题演示及下载”字样,点击会出现一个弹窗,弹窗内包含我们刚才添加的两个按钮及链接地址。

3.3 『链接按钮』就显示我们刚才编辑的“百度下载(abcd)”字样,点击就直达我们刚才编辑的链接地址。

Nana主题和Blogs主题的下载按钮使用示例教程 技术文档 第5张

Nana主题和Blogs主题的下载按钮使用示例教程 技术文档 第6张

弹窗下载按钮效果图

PS:弹窗下载的广告图片在后台的“主题选项”的“广告设置”的“下载弹窗广告”中进行修改替换。

如果文章对你有帮助,请赞赏支持懿古今发展!

历史上的今天:

本文地址:https://www.yigujin.cn/1429.html
版权声明:本文为原创文章,版权归 懿古今 所有,欢迎分享本文,转载请保留出处!
Kindle亚马逊电子书阅读器系列

发表评论


表情

  1. _,简简单单。
    _,简简单单。 【实习】 @回复

    [给力] 学习学习,鼓捣鼓捣 [太开心]

  2. 姜辰
    姜辰 【经理】 @回复

    全能模板啊

  3. 夏天烤洋芋
    夏天烤洋芋 【主管】 @回复

    不错的!

  4. 小叶紫檀
    小叶紫檀 【实习】 @回复

    很漂亮,不知道对SEO有没有好处

  5.  
      【实习】 @回复

    不会用 不会用 没啥反应 能直接上传一个教程视频吗

    • 懿古今
      懿古今【老板】2018-01-22 16:09  回复

      @ 这么详细的教程都不会折腾,我也无能为力了。免费主题不提供技术指导,赞助版权后可以加入交流群交流学习

  6. 明月登楼的博客
    明月登楼的博客 【副总】 @回复

    不错,受教了!