WordPress小技巧 通过纯代码为文章编辑添加链接按钮
![]() | ![]() | ![]() | ![]() |
| 【性价之王】 | 【线路之王】 | 【价格之王】 | 【配置之王】 |
| 【免费之王】 | 【香港首推】 | 【梯子之王】 | 【独服之王】 |

WordPress的文章编辑工具栏其实真的很弱,除了基本的文章编辑功能之外,基本无其他工具可用,就连插入表格功能都没有,更别说一些美化编辑功能了。当然很多朋友说可以使用插件呀,是的,蜗牛也曾使用过一个文章编辑插件,确实也好用,但是往往用一段时间就放弃了,因为文章编辑插件确实太耗资源,明显没有官方自动的编辑功能顺畅,所以最终选择放弃。
蜗牛在这里跟大家分享一个为文章编辑工具栏添加链接按钮的方法,纯代码实现,对原有功能不会产生任何影响。使用后醒目美观,可以作为连接按钮和下载按钮使用。添加代码后效果如下图,在文本编辑栏增加了下载按钮选项。
使用下载按钮后,效果显示如下图:
纯代码为文章编辑添加下载按钮方法:1、方法很简单,只需把下面代码添加到主题目录中的functions.php文件中。蜗牛使用的是大前端DUX主题,该代码是放在“functions-theme.php”,一般都是放在functions.php文件中。
//添加下载按钮 蜗牛789 www.wn789.comfunction appthemes_add_quicktags() {?><script type=\"text/javascript\">// <![CDATA[QTags.addButton( \'downs\', \'下载按钮\', \'<div class=\"sg-dl\"><span class=\"sg-dl-span\"><a h=\"\',\'\" 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样式代码来实现。把下面代码添加到你主题CSS文件中,具体哪个文件,可以自己试试。大前端DUX主题是修改主题目录中“/dux/css/main.css”文件。如果只使用默认的样式和大小只添加上面代码即可。
.btn-download{color:#fff;background:#169FE6;border-top:0;border:2px solid #fff;padding:10px 16px;font-size:14px;line-height:1.33;border-radius:5px;opacity:.8;text-indent:0;margin-top:5px;margin-bottom:5px;display:inline-block;font-weight:300;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:hover{color:#169FE6;background-color:#fff;border-color:#169FE6;} .sg-dl{margin:20px 0 10px 0;text-align:center;} .sg-dl .sg-dl-span{margin:0 auto;}DUX无限制版下载方法蜗牛789博客DUX无限制版本下载方案,使用微信扫描下面二维码关注蜗牛789微信公众号。注意是关注微信公众号, 微信公众号每天晚上推送当日热门促销活动。然后在微信公众号回复“DUX主题”即可获取下载链接。100%服务器下载版本,绿色无毒。
[WordPress教程]历史优惠活动内容
猜你可能想看的VPS
- 便宜 $18 年 2 核 CPU 2G 内存 25G SSD 3T 流量全球[VPS测评]
- 疯狂猜成语 图猜成语一个脸红的男人看着一个美女还有两颗心是什么成语?全球[VPS测评]
- 特价大盘机 hostsolutions→1 核 512M 内存 1T 硬全球[VPS测评]
- DediPath→美国纽约特价服务器 $99 月 E3-1270v2 1美国VPS[主机]
- 推荐 腾讯云秒杀→新增企业 1 折专区 2 核 4G 5M 带宽 3 年全球[VPS测评]
- 2019 年搬瓦工最新网址全球[VPS测评]
- Digital-vm 七折→8 机房 1-10G 端口大流量 KVM 月全球[VPS测评]
- GeorgeDatacenter→$10 月 32GB 内存 100GB虚拟空间(主机)
- 便宜 VPS $12.5 年 256M 内存 10G SSD 500G 全球[VPS测评]
- 便宜香港空间 老薛主机→影视 淘客建站扶持计划 买一年送一年 最多可送三虚拟空间(主机)
- 便宜 $20 年 1 核 512M 内存 10G 硬盘 1T 流量 1G全球[VPS测评]
- 传家宝 PacificRack→7.36 美元 年 QN 机房 KVM 全球[VPS测评]
- GigsGigsCloud 新加坡 VPS CLOUDLET SG K1全球[VPS测评]
- hostnamaste美国独立日促销,KVM VPS 特价机,$24/年独立服务器[U]
- ERP库存管理系统HTML5模板 - DreamsPOS全球[VPS测评]
- 牛信云入选艾瑞《2022年中国跨境电商服务行业趋势报告》典型厂商全球[VPS测评]
- 磐逸云怎么样?1核1G香港安畅CN2 VPS带宽5M年付128元香港VPS[主机]
- 冀青云怎么样?香港CN2-GIA vps月28元/香港NTT 月9元香港VPS[主机]
- 很简单的图片不规则布局样式,纯css样式实现的图片瀑布流布局全球[VPS测评]
- 轻云互联,香港VPS月付22元 美国VPS月付19元美国VPS[主机]
- 蓝米云:美国cera vps/香港cn2vps套餐,1核2G/40G/1美国VPS[主机]
- 拼多多入局跨境电商平台,首站美国;奈雪的茶在上海建第二总部;pidan“美国VPS[主机]
- 华为S2300 系列交换机如何修改密码?全球[VPS测评]
- 狸猫云:香港高速CN2VPS,200元/年-香港高速GIA云服务器促销活香港VPS[主机]
- 修罗云:1核/512MB/6GB空间/1TB流量/NAT/KVM/香港H虚拟空间(主机)
- 95idc怎么样?香港云主机1核2G2M仅50元/月;香港物理服务器8核香港VPS[主机]
- 邢志宏:加快推动高质量建设跨境电商综试区起势成势全球[VPS测评]
- 麻花云:香港CN2云服务器首月9元起;安徽移动BGP云主机月付29元起香港VPS[主机]
- 云群网络怎么样?香港云服务器高端弹性云2核2G2M带宽,仅588元/年香港VPS[主机]
- 香港vps免备案服务器可以省掉哪些烦恼?选择哪几家好?香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-129387.html











