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

标签 php html css wordpress

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

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

但我的问题是:这对网站加载文件 .css.php 有好处吗?或者可能有一些其他问题,比如速度或搜索引擎优化?

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

最佳答案

间接解决方案:

听起来您想根据用户选择包含不同的 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 缺点的情况下工作。

关于php - 在 Wordpress 中将变量 php 传递给 css 的正确方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43689560/

相关文章:

javascript - Bootstrap 导航中的目标 'toggle' 链接

javascript - JQuery多个div可移动,可关闭

php - 获取 ul li 一个字符串值并将它们存储在变量或数组 php

html - Foundation 6 中的粘性页脚

html - 将 CSV 数据从 div 复制到 Excel 工作表

javascript - 如何使用 javascript 引用一个部分?

html - 将第一个文本对齐到图像右侧,然后将第二个文本对齐到图像下方

php,处理同一页面上的多个动态表单

php - Firefox 将谷歌分析数据(utm)添加到 cookie 中

php - 不会将数据保存到数据库