使用Wordpress页面作为样式表？

Question

我希望能够通过在后端使用Page代替默认的style.css文件来编辑WordPress主题的CSS。 我之前已经看过它作为页面模板完成了，但是我自己似乎无法弄清楚。

我在多站点上使用WordPress 4.7.2版本。 我希望CSS在主题激活时生成，因此使用Page。

如果这是一个简单的解决方法，我预先致歉，并欢迎其他方式来实现此目的。 谢谢！

Answer 1

我强烈建议使用一个插件，例如https://wordpress.org/plugins/wp-add-custom-css/或使用WordPress定制程序的“附加CSS”字段。

但是，要回答您的问题，这很容易，因为这是我使用ajax加载某些页面的一种修改方式。 您将需要创建一个页面模板，并且需要FTP和代码编辑器来创建页面，然后将其推入主题文件夹（希望子主题或该模板在升级时将消失）。

我将CSS页面模板命名为： css-page.php

它只需要打开php标签。

模板css-page.php的代码

<?php

/**
*
* Template Name: CSS page
* Not a recommended idea.
*
*/

header("Content-type: text/css; charset: UTF-8");

ob_start("compress");

//minify CSS
function compress( $minify ) {

    /* remove comments */
    $minify = preg_replace( '!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $minify );

    /* remove tabs, spaces, newlines, etc. */
    $minify = str_replace( array("\r\n", "\r", "\n", "\t", '  ', '    ', '    '), '', $minify );

        return $minify;
}

//get the content
if (have_posts()) : 

while ( have_posts() ) : the_post();

    $content = get_the_content();

    $content = wp_filter_nohtml_kses( $content );

    echo $content;

endwhile;

endif; 

ob_end_flush();

然后在子主题（或该文件的包含项或自定义插件）中的functions.php文件中粘贴以下内容，但在注明的地方进行更改：

在使用此模板的位置，将值p ='3134'更改为您的页面ID。 将id =“ something”更改为其他名称或将其删除。 拥有一个ID或一个用于JS操作的类很有用。

对于functions.php

//Get CSS page contents
function myprefix_page_css() {
    echo '<link rel="stylesheet" id="something" href="'. site_url() .'/?p=3134" type="text/css" media="screen">';
}
add_action( 'wp_head', 'myprefix_page_css', 99 );