Question

我正在尝试在wordpress中使背景图片动态化。我的目标是让用户能够通过wordpress仪表板更改背景图像。我正在使用高级自定义字段插件。

我已经阅读了“高级自定义字段”网站，但是在背景图片上找不到任何内容。

示例代码会有所帮助。

谢谢

Answer 1

ACF不会为背景图像提供单独的字段，但是您可以使用简单的图像字段并将其用于设置背景图像。

用于从ACF菜单定义图像字段。并将此代码粘贴到您要放置背景图片的页面中

<div style="background-image: url(<?php echo get_field('background'); ?>);"><div>

如您所见，您可以使用css属性 background-image 设置背景图像，此处它将获取存储在“ background”字段中的图像并将其作为背景图像。

PS：-，您必须用字段名替换字段名“ background”。

Answer 2

您可以使用wp_head钩子在页面标题中输出动态样式。这是一个示例（将此添加到您的functions.php中）：

function my_inline_styles() {
    $body_bg_image="/wp-content/uploads/myimg.jpg"; //here you would get your value from ACF
    ?>
<!-- start my dynamic styles-->
<style type="text/css">
    body {background-image: url('<?= $body_bg_image ?>')};
</style>
<!-- end my dynamic styles-->
    <?php
}
add_action('wp_head', 'my_inline_styles');

我建议将它们粘贴到页眉而不是页脚中，以确保尽早加载这些样式。

在wordpress中使背景图片变得动态

2 个答案: