今天陌小雨告诉大家如何添加一个下载按钮,可以在编辑文章的时候很方便的调用,部分代码来至网络:
1、同样是在 functions.php 中添加如下代码,不过代码稍微有点不同。
//添加下载按钮 function appthemes_add_quicktags() { ?><script type="text/javascript">// <![CDATA[ QTags.addButton( 'xydowns', '下载按钮', '<div class="sg-dl"><span class="sg-dl-span"><a href="','" target=_blank title="文件下载" rel=nofollow><button type="button" class="btn-download">下载</button></a></span></div>' ); // ]]></script><?php } add_action('admin_print_footer_scripts', 'appthemes_add_quicktags' );
2、添加 css 代码美化
.btn-download{color:#fff;background:#5fbaac;border-top:0;box-shadow:0 0 0 1px #EEE;border:2px solid #fff;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:5px;opacity:.8;text-indent:0;margin-top:5px;margin-bottom:5px;display:inline-block;font-weight:400;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.btn-download:before{content:"\f0ed";display:inline-block;font-style:normal;font-family:FontAwesome;text-align:center;margin-right:8px}.sg-dl{margin:20px 0 10px 0;text-align:center}.sg-dl .sg-dl-span{margin:0 auto}
css 中使用了 Font Awesome 字体,xiu 主题整合该字体,可点击前往:替换 xiu 主题默认图标字体为 Font Awesome。
效果图类似下面的:
你可能对这些文章感兴趣:
- wordpress短代码实现分类文章ajax筛选
- WordPress插件推荐:终极简码Shortcodes Ultimate
- WordPress文章页添加展开/收缩功能
- 折腾什么也不要折腾主题了
- WordPress复制文字自动添加版权信息
- WordPress面包屑导航如何只显示父分类,不显示子分类
- 简单调用多说最近来访列表头像
- 怎样才算一名合格的php工程师?
- 为WordPress自定义文章类型增加Dashicons图标
- 给wordpress后台文章发布加把锁
- WordPress添加鼠标点击红色数字上升特效
- 零起点php入门第3课-php常用运算符(1)
- WordPress调用置顶文章及控制置顶文章显示数量的办法
- xiu主题整合用户中心
如有疑问,请前往问答中心反馈!
反馈