为亮点功能添加快捷按钮

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

其实该功能主要是通过 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
如果文章内容或图片资源失效或者您对文章有异议,请留言反馈或点击右下角邮件图标发送邮件说明情况,我们会及时处理,谢谢!
  • 每个IP自定义时间弹窗转跳广告代码
    分享一段网页自定义ip时间转跳弹窗的广告代码,支持自定义设置用户IP重复转跳网址的时间,做到每个用户,每个IP一定时间内不重复弹窗的功能。 许多站长接广告的时候,因为弹窗价格比较高,所以经常会选择弹窗广告,不过这样对用户体验非常的差。 但是...
  • WordPress标签自动别名转换插件:Auto Tag Slug
    很多使用WordPress建站的朋友,都会使用默认的标签格式,英文还好,中文就有些不美观了。虽然中文标签对搜索引擎的收录没有什么影响,但是为了用户体验,还是建议大家把标签别名修改为英文或拼音。可是每次发表文章,再去修改标签别名很繁琐有木有…...
  • js各种跳转代码汇总
    js跳转代码在网页前端用得是比较多的了,甚至在后台php中也会直接用echo用到,主要是因为js跳转代码使用方面,不拖泥带水的,这里就来简单总结一下在前端js跳转代码的一个简单汇总。 按钮式的js跳转代码如下: <INPUT name...
  • 用新浪jS接口取客户端IP 及位置
    新浪的IP地址查询接口:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js 新浪多地域测试方法:http://int.dpool.sina.com.cn/iplookup...
  • FTP软件FileZilla的使用方法
    玩网站的大牛小神都知道FTP的作用是上传和下载,是本地和服务器端运输的桥梁。 对建站新手来讲,一切并不是那么容易,特为对FTP使用懵懂的人准备此文,主要解决FTP的基本使用。为了更好更容易的了解,我们将通过FTP热门软件FileZilla来...
  • 配置本地的虚拟主机的方法过程
    我新建了一个项目,名Hello,位于:I:\wamp\www目录下。 想访问这个项目,需要在地址栏上输入localhost/hello,但是我不想这样,我想要在地址栏输入local.hello.com就可以访问到我这个项目。具体步骤,如下:...
  • 蚂蚁下载器Ant Download Manager Pro 1.10.1 特别版
    Ant Download Manager是一款简单但快速的文件下载工具,支持HTTP(S)和FTP(S)协议,支持浏览器集成插件,支持音视频、图片等多媒体及软件、各种格式的文件等。Ant Download Manager Pro可以说是一款...
  • js判断访问设备是电脑还是手机
    用户访问网页的设备基本分为桌面设备(电脑)和移动设备(手机、pad等),为了更好的用户体验,很多站点都做了PC和mobile两种页面。那么除了通过后端程序判断访问设备外,可以通过js来判断访问设备是电脑还是手机吗?可以的!! 有朋友该问了,...
  • Android 搜书王v4.1 去广告版
    精选几十家优质免费小说书源,具有海量免费小说资。搜索功能很强大,搜书速度快,范围广,不是太冷门的书籍一般都可以搜索到。 软件风格清晰,阅读体验也还不错。 特点:精心维护已有书源,保证书源全部是可用的优质书源,书源这块会一直坚持宁缺毋滥,做到...
  • WordPress 5.0 换回原有”Classic Editor”经典编辑器的三种方法
    WordPress 5.0 正式采用了全新的“Block Editor”编辑器,从而替换了原有“Classic Editor”编辑器,相信有很多人都不习惯或者不喜欢新编辑器,那么新版 WordPress 该如何换回原来的 WordPress...
  • Android Speedtest(网速测试)v4.3.1 破解版
    安卓测速哪家强,当然是这个Speedtest最为强大了。一款好的测速软件,要的是服务器要跟上,如果服务器不好,测速就不准,很多测速软件都只有一个测速服务器,所以测试效果与真实网速是有很大差别的。这个软件在全国乃至世界都有很多测速节点,测试的...
  • 静读天下 Moon Reader Pro v4.5.5 破解付费功能专业版
    静读天下 Moon Reader Pro 破解付费功能专业版,静读天下专业版破解版已经对静读天下专业版软件进行了破解处理,去除了许可验证和版本检测更新,用户安装完毕之后即为专业版,而且进行了语言汉化的修改,还精简语言、嵌入式汉化、zipal...

评论 抢沙发



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

支付宝扫一扫打赏

微信扫一扫打赏