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

Question

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

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

但我的问题是：这对网站加载文件 .css.php 有好处吗？还是可能有其他问题，例如速度或 seo？

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

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 缺点的情况下工作。