0

我一直在寻找这个答案，但无法解决。

我为页面和帖子创建了两个自定义字段：一个用于背景图像，一个用于背景颜色。

然后我这样称呼我头脑中的变化：

<style type="text/css">
<?php
$image = get_post_meta($post->ID, 'background-image', true);
$bgcolor = get_post_meta($post->ID, 'background-color', true);?>

#wrapper {    background-image: url('<?php echo $image ?>');
background-size: 100% auto;
background-repeat: no-repeat;
background-color: <?php echo $bgcolor ?>;
}
</style>

</head>`

我不想在使用此主题的每个站点中创建自定义字段，因此我想将自定义字段添加到主题（编码）。如何将它添加到我的 functions.php 或 page.php 或它必须在的任何地方？

4

2 回答 2

0

在这里你可以找到你的答案：

自定义帖子类型的 Wordpress 自定义字段

或者你在这里：

http://5wpthemes.com/blog/adding-and-displaying-custom-fields-and-values-in-wordpress/

于 2013-04-23T16:53:57.997 回答
0

你是在调用这个内部循环吗？

当然是的，因为您正在使用get_post_meta($post->ID, 'background-image', true);并且以这种方式尝试执行服务器端代码来更新客户端代码。我不知道先执行哪一个，但我只是想在你的脑海中触发这样一个问题，向你介绍我的做法。

我认为您应该考虑使用 jQuery 来管理此类问题：

想法：

  • 获取自定义字段服务器端的值并将其作为背景 div 的变量属性（类或 id 或任何属性）。
  • 创建外部 jQuery 文件，该文件将侦听文档并根据检索到的属性更改 CSS 属性。我确信 jQuery 有管理 CSS 的功能。使用插件More fields来轻松管理您的自定义字段并避免过多的编码。

其次，在代码中放入内联 CSS 确实不好，最好的方法是调用外部 CSS 文件。此规则也适用于 JS 脚本。

最重要的是要知道如何将服务器端与客户端分开。祝你好运

于 2013-04-23T15:51:54.670 回答