时间戳

首页 > 解决方案 > 在内部加载皮肤 CSS，而不是在 wordpress 上的 HTML 头中的链接

php - 在内部加载皮肤 CSS，而不是在 wordpress 上的 HTML 头中的链接

问题描述

我试图在<style></style>标签中加载页面头部的皮肤 CSS，而不是链接到它<link href="/wp-content/thesis/skins/nina-cross-promo/css.css" rel="stylesheet" />，但到目前为止没有太多运气。

您能否为我的 custom_functions.php 推荐一个函数，以便我可以获取该 CSS 文件的内容，并将其缩小：

function minimizeCSSsimple($css){
$css = preg_replace('/\/\*((?!\*\/).)*\*\//','',$css); // negative look ahead
$css = preg_replace('/\s{2,}/',' ',$css);
$css = preg_replace('/\s*([:;{}])\s*/','$1',$css);
$css = preg_replace('/;}/','}',$css);
return $css;
}

然后插入headas<style>My minified css</style>所以它看起来像这样：

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>My minified CSS</style>

而不是这样：

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="/wp-content/thesis/skins/nina-cross-promo/css.css" rel="stylesheet" />

请帮忙

标签： phpwordpress

解决方案

您可以通过以下方式在站点头标记中添加缩小的 css -

add_action( 'wp_head', 'add_custom_styles' );
function add_custom_styles(){
    ?>
    <style type="text/css">
        <?php 
        $custom_css = "Your custom css goes here";
        echo $custom_css; 
        ?>
    </style>
    <?php
}

在活动主题的 functions.php 中添加此代码

推荐阅读