如何在页面管理控件中添加背景图片控件？

时间：2015-12-24 作者：Jeff W

我知道每个页面都分配了自己的类，例如。第id-22页和；我可以使用它来使用样式表为其分配背景图像，但我看到了一个主题，它将控件添加到页面本身的管理部分，这就是我想要完成的。

基本上，用户可以单击；根据需要将图像上载到单个页面，而无需编辑样式表。

这是否与this dated discussion?

这个问题不同于this discussion 因为它不仅仅是标题（&；这需要成为主题的一部分，而不是使用插件。

3 个回复
SO网友:Arsalan

可以使用自定义字段完成，CSS应更改为.php 文件：

$image = get_post_meta( $post->ID, "ImagePathFromCustomField", true );
if ( $image != \'\' ) { 
    ?>
    <style type="text/css">
        .bg-image { 
            background-image: url(<?php echo $image; ?>); 
            background-repeat: repeat; 
        }
    </style>
    <?php
}

SO网友:apsolut

最简单的方法是使用自定义字段，比如ACF（高级自定义字段）*甚至WordPress的免费版本。组织机构

假设我们正在使用ACF，您需要创建字段组：Follow this Link, 然后转到“自定义字段”>“添加新内容”

  • 字段，创建字段，添加字段标签和字段名称（您的\\u field\\u Name），然后选择字段类型：Image（当您选择此类型的字段时，您将获得将其显示为URL的选项

    选择位置（页面或帖子）-显示您创建的字段的位置：ACF Choose Location

    现在我们在后端的每个页面上都有图像字段按钮，让我们跳转到前端显示

    决定要在何处显示该图像（代码），它可以是页面。php，页脚。php，标题。php（或任何您需要的），打开该文件并需要粘贴<img src="<?php the_field(\'YOUR_FIELD_NAME\'); ?>" /> 那里

    更高级的东西是，您可以使用if/else显示该背景的图像和jquery，<?php if( get_field(\'YOUR_FIELD_NAME\') ): ?> <img src="<?php the_field(\'YOUR_FIELD_NAME\'); ?>" /> <script>Your Script here</script>
    <?php endif; ?>

    最好的方法是在页脚中插入脚本文件，以便它在jQuery和其他部分之后加载，并且只有当存在与6 但只包含脚本代码。。

    • 信息：部分3 在创建新页面或编辑旧页面时，将为您提供显示图像字段的后端选项

    SO网友:jgraup

    查看Custom CSS Per Post Plugin 在GitHub上查看如何将元框与自定义程序一起使用。还有一个要点：Custom CSS in WordPress, editable in the Customizer 您可以将CSS部分替换为WP_Customize_Image_Control.

    标签： functions   theme-development   css   custom-background   admin-css   小码农  

    相关推荐

    通过主题定制器编辑style.css

    直到现在，在我的Wordpress主题中，我在主题定制器中实现了一些必要的样式选项，这些选项将编辑CSS并通过将CSS输出到头部内部来覆盖它<style> 标记，例如，这里我实现了颜色选择器，如果默认状态发生更改，我会输出样式：function dc_get_gradient_colors() { $first_color = get_theme_mod( \'primary_color_1\' ); if ( $link_color != \'#0