Question

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

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

然后我这样称呼我的脑袋里的变化：

<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或任何地方？

Answer 1

你在内部循环调用吗？

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

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

这个想法：

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

其次，在代码中放入内联CSS真的不太好，最好的方法是调用外部CSS文件。此规则对JS脚本也有效。

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

Answer 2

在这里你可以找到答案：

Wordpress Custom Fields for Custom Post Types

或者你在这里：

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

如何在自定义主题中添加自定义字段

2 个答案: