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
- TmhHost:香港大带宽云服务器/季付8折/200带宽,120元/3月 香港VPS[主机]
- VmShell:香港CMI线路300MBps,KVM架构vps,年付免费 香港VPS[主机]
- WordPress网站更改后台登录地址图文教程 全球[VPS测评]
- 精美的宠物医院网站WordPress主题 - Valkuta 全球[VPS测评]
- 跨境电商洋码头生死攸关:买手流失资金被冻结保全 全球[VPS测评]
- 手帕云,便宜小带宽香港CN2 VPS,集群10G防御,双向CN2直连,仅 香港VPS[主机]
- kvmla,新加坡VPS、香港VPS、日本VPS,2核2G云主机仅425 日本VPS[主机]
- tudcloud:香港vps终身7折,香港服务器终身9折,移动访问尤其优 香港VPS[主机]
- 无忧云,香港VPS全线5折促销,四川高防服务器/大连BGP/德阳高防/深 香港VPS[主机]
- 速云互联:香港/美国CN2 GIA线路/BGP/10Mbps/全场八折, 美国VPS[主机]
- 傲游主机:香港cn2高防云主机,159元/月/2核/2GB/40GB/2 香港VPS[主机]
- 香港服务器租用哪里有?便宜的香港服务器租用 香港VPS[主机]
- 硅云香港云服务器促销活动:CPU性能100%性能,无需备案 香港VPS[主机]
- UCloud海外节点vps活动:香港、台湾等全球14个机房1折起,最低仅 香港VPS[主机]
- TmhHost:1核/1G/40G SSD/3Mbps/香港三网CN2 香港VPS[主机]
- 魔方云:香港原生IP vps/大带宽,月付79元起;美国洛杉矶CN2 G 美国VPS[主机]
- m247服务器:香港/日本/新加坡/美国/欧洲等36个机房,1G~10G 日本VPS[主机]
- 零云数据:辽宁BPG云服务器,19元/月起,防50G;香港CN2路线vp 香港VPS[主机]
- 快快数据测评:香港CN2云服务器,2核/1G/5M带宽,低至24元/月 香港VPS[主机]
- WordPress去掉分类链接中category目录的两种方法 全球[VPS测评]
- 美国信贷市场的痛苦将不亚于上世纪70年代的通胀时期 美国VPS[主机]
- 为什么阿里云、腾讯云卖服务器可以挣到钱? 全球[VPS测评]
- 拼多多回应筹备跨境电商业务:不予置评 全球[VPS测评]
- 港口雄开万里流丨不出国门海淘全球青岛跨境电商未来可期 全球[VPS测评]
- 个人如何做跨境电商? 全球[VPS测评]
- 云计算竞争日趋白热化云计算行业市场前景分析 全球[VPS测评]
- 印象云vps,香港安畅gia低至22元起,1核1G内存,小带宽无限流量, 香港VPS[主机]
- HostKVM香港云地VPS,2核4G内存折后$8.4/月,30M大带宽 香港VPS[主机]
- 香港vps免费:青云互联,1核1G/50G硬盘/500GB流量/2M带宽 香港VPS[主机]
- 咖啡主机:享受7、8折促销 美国vps仅需15.4元/月 香港vps仅需 美国VPS[主机]
转载请注明原文地址: http://140.238.13.167:12355/read-129387.html











