Three/Unite主题如何添加(使用)下载按钮?

投稿   懿古今  2016-03-06 07:25:23  594 人阅读  12 条评论

投放广告联系   诚邀合作伙伴   赞助我们   公告栏   赞助光荣榜

最近一段时间,很多使用了Three/Unite主题的博主都有问到:如何添加(使用)下载按钮?我原先一直都对这个问题不太重视,因为这两个主题的下载按钮是借鉴知更鸟主题的下载按钮,以为大家都会用,而且我也在Three/Unite主题页面简单介绍到如何使用,具体如下:

下载按钮:在编辑文章时,切换到文本编辑模式,在需要显示下载按钮的地方点击编辑工具栏的下载按钮,并在自定义栏目面板中输入button1、button2、button3、button4,并分别在值中输入按钮名称,同时再添加url1、url2、url3、url4,在值中输入下载链接,可添加总共4个下载按钮。

这个下载按钮的使用介绍是比较简单,不过如果有认真阅读的话,我想正常使用没有问题的。不过为了让大家能够更直白地懂得添加下载按钮,今天我就这个下载按钮写一篇使用教程,希望大家喜欢。

具体添加下载按钮的步骤:

1、在编辑文章时,切换到文本编辑模式,在需要显示下载按钮的地方点击一下鼠标,然后点击一下编辑工具栏的【下载按钮】,具体如下图所示:

Three/Unite主题如何添加(使用)下载按钮?

2、在自定义栏目面板中输入button1,并在值中输入按钮名称(如百度云盘),然后点击【添加自定义栏目】按钮。PS:如果是第一次添加这个button1,那么就点击【输入新栏目】即可直接输入;如果是第二次使用,就直接点击那个下三角选择即可。

Three/Unite主题如何添加(使用)下载按钮1

Three/Unite主题如何添加(使用)下载按钮2

已成功添加button1的自定义栏目

3、根据步骤2的方法添加url1自定义栏目,值就是我们的下载地址,如下图所示:

Three/Unite主题如何添加(使用)下载按钮3

PS:如果出现下图所示,说明我们已经成功添加了一个名为“百度云盘”的下载按钮。如果需要多个按钮,就根据步骤2和步骤3再添加button2和url2,一个页面最多只可以添加四个下载按钮。

Three/Unite主题如何添加(使用)下载按钮4

最后,保存并发布这篇文章后,我们就可以在这篇文章中发现有一个【下载地址】的按钮,点击这个按钮后会弹出一个页面,这个页面上方是一个广告(可在后台广告管理中替换),下方就是我们刚才添加的【百度云盘】这个下载按钮了,点击它就会直接跳转到我们刚才设置的url1这个地址。

Three/Unite主题如何添加(使用)下载按钮5

如果我们添加了四个按钮就会出现四个下载按钮,如下图所示:

Three/Unite主题如何添加(使用)下载按钮7

温馨提示:如果在编辑页面看不到自定义栏目,请点击右上角的【显示选项】,然后在“显示下列项目”中把【自定义栏目】打勾即可在文章编辑器下方看到自定义栏目。

Three/Unite主题如何添加(使用)下载按钮6

PS:Unite主题和Three主题都来自于知更鸟分享主题,所以本文的方法同样适用于知更鸟的主题。

如果文章对你有帮助,请赞赏支持作者继续创作!

历史上的今天:

文章标签: ,   ,  
原文地址:http://yigujin.wang/646.html
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为投稿文章,感谢 懿古今 的投稿,版权归原作者所有,欢迎分享本文,转载请保留出处!
WordPress/zblogPHP免费响应式博客主题Blogs

 发表评论


  1. 橘子书
    橘子书 【丞相】 @回复

    我今天刚把这些短代码集合到主题。

    • boke112导航
      boke112导航【村长】2016-03-07 12:01  回复

      @橘子书 [强] 其实这个下载功能还是很实用的

  2. 星岩博客
    星岩博客 【秀才】 @回复

    实用教程,不知今后能否用得到。

  3. 我爱动感单车网
    我爱动感单车网 【尚书】 @回复

    [鼓掌] 学习了,这段时间正在准备着使用这款主题新建一个博客,目前正在按照自己的想法进行一些细节上的修改!

    • boke112导航
      boke112导航【村长】2016-03-07 12:34  回复

      @我爱动感单车网[强] 能够自己进行适当修改,这样出来的主题才是最适合自己的主题

  4. 草根网站目录
    草根网站目录 【秀才】 @回复

    坚持原创,顶

  5. 好文章
    好文章 【尚书】 @回复

    技术性文章、不错

  6. 阅读纵横
    阅读纵横 【进士】 @回复

    太详细了,呵呵,好用

  7. 网际电脑
    网际电脑 【状元】 @回复

    很早就更新了;

  8. Koolight
    Koolight 【尚书】 @回复

    我很忧伤。

  9. 大城小我
    大城小我 【状元】 @回复

    辛苦了,写的超详细,看了就会

  10. 三月福利吧
    三月福利吧 【状元】 @回复

    很方便!!!