为亮点功能添加快捷按钮

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

其实该功能主要是通过 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
如果文章内容或图片资源失效或者您对文章有异议,请留言反馈或点击右下角邮件图标发送邮件说明情况,我们会及时处理,谢谢!
  • Android 静读天下v5.2.3 专业版破解版
    静读天下,英文名Moon+Reader。它是安卓市场排名第一的电子书阅读器,在全球都非常有名,获得了多个奖项,被称为顶级应用。由此可见,它的受欢迎程度有多高。如果你是安卓用户,就一定不要错过这款软件。 静读天下的文章排版非常注意细节,在换行...
  • 微笔记v2.38 Android破解高级功能版
    微笔记简单易用。 您可以快速创建彩色记事,待办清单,提醒及日历。 您可以通过 PIN,图案,密码或指纹上锁记事及清单,以保护机密信息。 记下备忘,便条,电邮,电话,简讯,烹饪食谱,购物清单,待办清单时,你会立刻感觉这是全地球最简单好用的记事...
  • Android Hermit(网页转应用)v15.3.2 高级版
    Hermit能将常见的网页转换成一个应用,当做轻应用来使用,很多自定义的选项,使用简单,需要我们设置的很少。 第一次使用,自己打开一个网页即可,并且每个页面都可以创建成一个书签,软件的侧边栏可以存储。 什么是精简版应用程序? 快速,微型We...
  • VMware Workstation 15 Pro 官方简体中文专业版 + 永久激活密钥
    VMware Workstation 15 Pro 官方简体中文专业版 永久激活密钥 系统要求 支持使用 2011 年或更晚发布的处理器 (CPU) 的系统,但以下系统除外: 使用基于 2011 年 Bonnell 微架构的 Intel A...
  • sublime text 3.2.1 3207破解方法
    今天用家里的笔记本想修改一处代码,结果只有DW CC2019版本,这个版本确实有些不顺手,于是下载了官网版本的sublime text 3,各种搜索注册码,终于找到一个还是sublime text 2的勉强能用,但我这样的完美主义者哈哈实在...
  • Windows 10 Version 1903 官方正式版ISO镜像光盘
    微软计划于2019年6月19号面对用户发布 正式版系统镜像,Window 10可以说是微软最成功的一代操作系统,不仅有window XP、window 7的稳定、流畅,还有完美的兼容性,很多经典游戏都可以在window 10中完美运行,所以...
  • 电信光猫TEWA-700G获取超级密码及改桥接方法(不影响IPTV和电话的使用)
    最近刚安装了电信宽带,电信带的光猫有WiFi功能,虽然方便了维护人员和没有路由器的用户,但是送的光猫硬件配置就摆在那儿,性能较弱,且扩展功能基本为零,不能实现ddns、端口转发等功能,所以最好将光猫的拨号和WiFi功能交给路由器,光猫只负责...
  • WordPress在文章列表插入一篇广告跳转文章或在任意位置插入广告代码
    这个Wordpress技巧可以让你在文章列表中的任意位置插入一篇或多篇广告跳转文章,完美的与主题结构融合,与主题列表的展现形式一模一样,不用去额外的改变任何结构!而且可以一键无痕的将发布的任何文章变成广告跳转文章! 实现过程非常简单,利用了...
  • WPS Office 2019 11.8.2.8053 专业绿色版
    WPS2019是金山软件公司推出的最新办公系列产品,全新版本在界面上更加美观,易于操作,运行流畅,以其强大的功能和个性化的操作收到许多用户的青睐,是目前网络上广受好评的办公软件系列产品。 WPS2019在多个板块和功能上进行了加强和优化,包...
  • nofollow、noopener和noreferrer标签的区别?
    什么是 noreferrer 标签? 简而言之,noreferrer 标记在单击链接时隐藏引用者信息。如果有人从使用此标记的链接到达您的网站,您的分析将不会显示谁提到该链接。相反,它会错误地显示为您的统计流量报告中的直接流量。 这个 nor...
  • wordpress给你的网页添加一个加载动画
    网页加载需要一个过程,现在这个过程可以极短了,不过有些朋友还是希望能用一个动画来代替这个过程,让加载不再那么枯燥。搜索了一下,很多这类文章,方法很多,利用CSS实现应该是最好的办法了。过程很简单,只需两步。 添加方法 第一步 创建一个css...
  • 代码实现网站外链自动转换为内链
    实现步骤: 首先复制以下代码,添加到主题目录下的function.php文件中 /*  *自动给文章的外部链接添加nofollow属性  */    add_filter('the_content','web589_the_content_...

评论 抢沙发



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

支付宝扫一扫打赏

微信扫一扫打赏