WordPress 日志中下载按钮的制作

作者: 微歌 分类: 网站程序 发布时间: 2014-07-04 20:31 ė 6 没有评论

  在国内外使用 WordPress 的网站中,有一部分用来做 WordPress 主题、插件类、脚本类、源码类的做得非常不错,这类网站一个显著特点是在相应主题、插件(或脚本、源码)下方有两个按钮,一个是『演示』、一个是『下载』,有些甚至还加入了『购买』的按钮,微歌一直对这种按钮非常感兴趣,也在网上找到了一些相应的解决办法。今天整理出来的就是来自于互联网的添加上述这种按钮的制作方法。
  这里介绍的方法不是微歌原创的,来自于互联网,很多地方均有介绍,微歌也不知其原始出处,只是初步猜测原始出处可能是知更鸟
  使用这种方法制作出的按钮效果如下图所示:
  制作过程如下:
  1、将以下样式文件加到你使用的 WordPress 主题的 style.css 文件中:


    #download {
    background: url(images/dd.png) no-repeat;
    width:105px;
    height:25px;
    color: #fff;
    padding-left:15px;
    }
    #demo {
    background: url(images/dd.png) no-repeat 0 -25px;
    width:105px;
    height:25px;
    color: #fff;
    padding-left:15px;
    }

  2、将下面这张按钮图片上传到主题的图片文件夹中,一般是主题目下名为 images 的那个文件夹:
  当需要在某日志中插入按钮时,你只要在编辑日志时切换到代码模式(HTML),并在适当位置加入以下代码:

<div id="demo"><a href="http://你的演示地址">主题演示</a></div>
<div id="download"><a href="http://你的下载地址">主题下载</a></div>

  以下是知更鸟原文提供的一个完整代码:
  当然,以上代码仅供参考,你完全可以自行修改相应的参数,甚至更改按钮的样式。

本文出自微歌,转载时请注明出处及相应链接。

本文永久链接: https://wego2.com/WordPress-ri-zhi-zhong-xia-zai-an-niu-de-zhi-zuo.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Ɣ回顶部