DUX主题为亮点功用添加方便按钮

115资源网 2022年5月11日实用教程, 技术分享浏览：39 0

DUX主题4.1版别发布曾经有一段时间了，该版别添加了一个文章和页面内容亮点的功用，关于该功用的前端闪现大致如下：

DUX主题亮点1蝈蝈要安静 | 一个目不识丁的伪程序员
DUX主题亮点2蝈蝈要安静 | 一个目不识丁的伪程序员

其实该功用主要是通过 CSS 样式的调整来完结的，完结方法当然简略可是前端闪现效果确实不错，官方给出的调用方法也极点简略，通过下面两行代码调用：


    标题标题标题描绘描绘描绘描绘描绘描绘描绘描绘描绘描绘描绘
    标题标题标题描绘描绘描绘描绘描绘描绘描绘描绘描绘描绘描绘
    复制上一行会添加新的

其实就是一个有序列表，而且列表的样式为 class=\"liangdian\" 可是关于往常我个人修改文章的习气来看懒得去敲这两行代码所以抉择为其在后台添加一个方便按钮，所以也就有了这篇文章，修改器添加按钮的方法我之前也说过，当然你也能够参照下面几篇文章了解一下：

运用QuicktagsAPI为WP文本修改器添加方便按钮
纯代码完结WordPress文章页展开缩短功用
网站新增五颜六色警示文本框

代码完结十分简略，你只需求将以下代码添加到主题的 functions.php 文件中去即可：

// 亮点功用方便按钮
function qgg_liangdian($atts, $content=null){ 
    return \'\'.$content.\'\'; 
}
function appthemes_add_qgg_liangdian() {
?>
    
        if ( typeof QTags != \'undefined\' ) {
            QTags.addButton( \'qgg_liangdian\', \'亮点展示框\', \'[qgg_liangdian]亮点标题亮点描绘内容\', \'[/qgg_liangdian]\' );
        } 
    
<?php 
} 
add_action(\'admin_print_footer_scripts\', \'appthemes_add_qgg_liangdian\' ); 
add_shortcode(\'qgg_liangdian\',\'qgg_liangdian\');

其实就是添加一个 QuickTag ，添加完代码后会在后台文本修改方式下找到一个“亮点展示框”的按钮，双击按钮即可添加一个亮点闪现区域，点击按钮后会出现如下代码：

【qgg_liangdian]亮点标题亮点描绘内容
[/qgg_liangdian]

因为不同文章亮点不同，无法固定亮点项目数量，现在代码只能添加一个亮点展示框，不过你能够逐个添加 li 标签来添加多个，如下所示：

【qgg_liangdian]亮点标题亮点描绘内容
亮点标题亮点描绘内容
[/qgg_liangdian]

如此，添加完结。

相关文章