wordpress前端压缩禁止文章内代码标签压缩

wordpress前端压缩禁止文章内代码标签压缩

芒果大叔亲测

本站在使用了前端压缩后 文章内的代码标签也被压缩成一排了

看起来好乱

本站使用的压缩方式为:


 function wp_compress_html()   
{   
 
function wp_compress_html_main ($buffer)   
{   
    $initial=strlen($buffer);   
    $buffer=explode("<!--wp-compress-html -->", $buffer);   
    $count=count ($buffer);   
 
    for ($i = 0; $i <= $count; $i++)   
    {   
        if (stristr($buffer[$i], '<!--wp-compress-html no compression-->'))   
        {   
            $buffer[$i]=(str_replace("<!--wp-compress-html no compression-->", " ", $buffer[$i]));   
        }   
        else  
        {   
            $buffer[$i]=(str_replace("t", " ", $buffer[$i]));   
            $buffer[$i]=(str_replace("nn", "n", $buffer[$i]));   
            $buffer[$i]=(str_replace("n", "", $buffer[$i]));   
            $buffer[$i]=(str_replace("r", "", $buffer[$i]));   
 
            while (stristr($buffer[$i], '  '))   
            {   
            $buffer[$i]=(str_replace("  ", " ", $buffer[$i]));   
            }   
        }   
        $buffer_out.=$buffer[$i];   
    }   
    $final=strlen($buffer_out);   
    $savings=($initial-$final)/$initial*100;   
    $savings=round($savings, 2);   
    $buffer_out.="n<!--压缩前的大小: $initial bytes; 压缩后的大小: $final bytes; 节约:$savings% -->";   
    return $buffer_out;   
}    
ob_start("wp_compress_html_main");   
}   
add_action('get_header', 'wp_compress_html');

?>

在上述代码 最后的?>标签前增加如下代码

//当检测到文章内容中有代码标签时文章内容不会被压缩

function unCompress($content) {

if(preg_match_all('/(crayon-|</pre>)/i', $content, $matches)) {

$content = '<!--wp-compress-html--><!--wp-compress-html no compression-->'.$content;

$content.= '<!--wp-compress-html no compression--><!--wp-compress-html-->';

}

return $content;

}

add_filter( "the_content", "unCompress");

最终代码如上图

最终样式如下图

分享到 :
相关推荐

WordPress如何通过ID获取分类和Page的链接

使用WordPress建网站时,往往需要通过页面的ID号来获取链接。下面是Wordp...

wordpress鼠标点击网页出现爱心特效(全套)

[wm_notice]将以下代码添加到footer.php里即可(其他网站同理,放在...

WordPress文章标签为随机彩色通过修改主题CSS文件

为大家分享一个通过修改主题CSS文件来设置标签为随机颜色的方法。一、修改main.c...

WordPress主题添加“富强、民主、文明、和谐、”等鼠标点击特效

打开“外观-主题-编辑-(最右侧)模板-主题页脚(footer.php)”<s...

发表评论

登录... 后才能评论

评论(1)