在 WordPress 中将变量 php 传递给 css 的正确方法

Question

我需要将变量从 php 传递到 css，以便从自定义主题选项自定义样式。

我找到的唯一方法是创建 file.css.php 并且工作良好。

但我的问题是：这对于网站加载文件 .css.php 有好处吗？或者可能有其他问题，例如速度或搜索引擎优化？

还有其他一些好的方法吗？谢谢

Answer 1

间接解决方案：

听起来您想根据用户选择包含不同的 CSS 行为。假设用户选择存储在变量中$foo。只需将其包含在元素的类中即可，如下所示

<?php 
$foo = 'option-1'; ?>
<div class="<?php echo $foo; ?>"></div>

对于您的问题，还有两种直接解决方案：

1. 在文件的页面头部使用内联 CSS 或 CSS：

<style>
  div.button { color:<?php echo $bar ?>; }
</style>

2. 使用 PHP 文件作为 CSS。这看起来像：

<link rel="stylesheet" type="text/css" href="/style.php">

然后您可以在 CSS 文件中使用 PHP 变量。只需确保content-type在文件开头将其更改回 CSS，如下所示：

<?php header("Content-type: text/css; charset: UTF-8"); ?>

这种方法有点不传统，但它不会产生任何速度或 SEO 缺点。