为亮点功能添加快捷按钮

本站资源均为站长亲测,真实有效,本站不发表未经验证的资源,请放心参与体验

其实该功能主要是通过 CSS 样式的调整来实现的,实现方式虽然简单但是前端显示效果确实不错,官方给出的调用方式也极其简单,通过下面两行代码调用:

<ol class="liangdian">
<li><strong>标题标题标题<n/strong>描述描述描述描述描述描述描述描述描述描述描述</li>
<li><strong>标题标题标题</strong>描述描述描述描述描述描述描述描述描述描述描述</li>
复制上一行会增加新的
</ol>

其实就是一个有序列表,并且列表的样式为 class="liangdian" 但是对于平时我个人编辑文章的习惯来看懒得去敲这两行代码于是决定为其在后台增加一个快捷按钮,代码实现非常简单,你只需要将以下代码添加到主题的 functions.php 文件中去即可:

// 亮点功能快捷按钮
function wzt_liangdian($atts, $content=null){ 
    return '<ol class="liangdian">'.$content.'</ol>'; 
}
function appthemes_add_wzt_liangdian() {
?>
    <script type="text/javascript">
        if ( typeof QTags != 'undefined' ) {
            QTags.addButton( 'wzt_liangdian', '亮点展示框', '
<li><strong>亮点标题</strong>亮点描述内容</li>', '' );
        } 
    </script>
<?php 
} 
add_action('admin_print_footer_scripts', 'appthemes_add_wzt_liangdian' ); 
add_shortcode('wzt_liangdian','wzt_liangdian');

其实就是添加一个 QuickTag ,添加完代码后会在后台文本编辑模式下找到一个“亮点展示框”的按钮,双击按钮即可添加一个亮点显示区域,点击按钮后会出现如下代码:

【wzt_liangdian]<li><strong>亮点标题</strong>亮点描述内容</li>[/wzt_liangdian]

因为不同文章亮点不同,无法固定亮点项目数量,目前代码只能添加一个亮点展示框,不过你可以逐一增加 li 标签来增加多个,如下所示:

【wzt_liangdian]<li><strong>亮点标题</strong>亮点描述内容</li><li><strong>亮点标题</strong>亮点描述内容</li>[/wzt_liangdian]

 

 

 

 

 

 

这篇文章如果帮到了你 打赏
分享到: 更多 (0)
0
如果文章内容或图片资源失效或者您对文章有异议,请留言反馈或点击右下角邮件图标发送邮件说明情况,我们会及时处理,谢谢!
  • 一淘app输入一淘邀请码领取奖励登录送8元新人大礼包奖励(8元=800集分宝)
    礼金券的领取 1. 下载安装【一淘】app 在各大手机应用中心均可下载或扫码下载 2.  打开app-首页新用户专享-输入红包码【】即可领取8元礼金券,说明一下这个红包码其实就是一个推荐码必需要输入,不输入邀请码一淘不给赠送8元的礼金券,输...
  • VMware Workstation 15 Pro 官方简体中文专业版 + 永久激活密钥
    VMware Workstation 15 Pro 官方简体中文专业版 永久激活密钥 系统要求 支持使用 2011 年或更晚发布的处理器 (CPU) 的系统,但以下系统除外: 使用基于 2011 年 Bonnell 微架构的 Intel A...
  • 通过Hosts或科学流畅访问谷歌、推特等网站
    通过 Hosts 进行科学上网算是“最原生态”的方法了,不需要任何软件,只要更改一个文件,就能实现,可谓既高效又方便,但hosts目前来说几乎已经无法使用了,只能选择一款稳定长期的服务商来实现了,本文推荐两款绝对牛掰的服务 一、首先给出ho...
  • 一淘邀请码密令是什么 怎么获取一淘礼金券 一淘返利教程
    目前活动是一淘新用户输入邀请码可以获得8元礼金券,满9返8,不需要注册,很好的福利,真真的一键白给,快跟着小编的节奏撸起来 一淘网是什么? 一淘app是淘宝旗下购物返利平台,使用一淘下单购物后,会把商家的返利集分宝发放到你购物的支付宝账户里...
  • 一淘礼金券有什么用?怎么获得一淘app礼金券的详细教程
    目前活动是一淘新用户输入邀请码可以获得8元礼金券,满9返8,不需要注册,很好的福利,真真的一键白给,快跟着小编的节奏撸起来 一淘网是什么? 一淘app是淘宝旗下购物返利平台,使用一淘下单购物后,会把商家的返利集分宝发放到你购物的支付宝账户里...
  • 使用一淘邀请码获得一淘礼金券购物返现每单还有返利 准时到账
    目前活动是一淘新用户输入邀请码可以获得8元礼金券,满9返8,不需要注册,很好的福利,真真的一键白给,快跟着小编的节奏撸起来 一淘网是什么? 一淘app是淘宝旗下购物返利平台,使用一淘下单购物后,会把商家的返利集分宝发放到你购物的支付宝账户里...
  • 一淘的礼金券 一件商品可以使用多张礼金券吗?
    不能, 一淘礼金券的使用需要单笔,系统会自动选择金额最大的礼金券抵扣,不可以使用多张,每笔一张。 一淘礼金券返回是以集分宝形式返还在支付宝,需要确认收货16天到达账户,订单页都会显示集分宝到账时间
  • sublime text 3.2.1 3207破解方法
    今天用家里的笔记本想修改一处代码,结果只有DW CC2019版本,这个版本确实有些不顺手,于是下载了官网版本的sublime text 3,各种搜索注册码,终于找到一个还是sublime text 2的勉强能用,但我这样的完美主义者哈哈实在...
  • 一淘APP的新人邀请码是什么?
    一淘网是阿里巴巴旗下官方促销导购平台,通过超高返利、大额红包、超值优惠券等丰富的利益点,为用户提供高性价比的品牌好货,是必不可少的网购省钱利器。 最近一淘APP针对新人有不少的福利,新注册的用户都可以凭下图中的邀请码领取新人专享免单商品,下...
  • 怎么获得一淘礼金券 一淘邀请码:JAG42
    怎么获得一淘礼金券 一淘邀请码:JAG42,一淘app新用户注册领取8元新人大礼包奖励(800集分宝=8元) 礼金券的领取 1. 下载安装【一淘】app 在各大手机应用中心均可下载或扫码下载 2.  打开app-首页新用户专享-输入红包码【...
  • Windows 10 Version 1903 官方正式版ISO镜像光盘
    微软计划于2019年6月19号面对用户发布 正式版系统镜像,Window 10可以说是微软最成功的一代操作系统,不仅有window XP、window 7的稳定、流畅,还有完美的兼容性,很多经典游戏都可以在window 10中完美运行,所以...
  • 如何领一淘新人福利 一淘邀请码及详细操作步骤
    礼金券的领取 1. 下载安装【一淘】app 在各大手机应用中心均可下载或扫码下载 2.  打开app-首页新用户专享-输入红包码【】即可领取8元礼金券,说明一下这个红包码其实就是一个推荐码必需要输入,不输入一淘不给赠送8元的礼金券,输入后点...

评论 抢沙发



觉得文章有用就赞赏支持一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏