【问题标题】:How can I set the background of a div using PHP?如何使用 PHP 设置 div 的背景?
【发布时间】:2019-08-09 01:09:11
【问题描述】:

我需要通过 PHP 将 div 的背景设置为帖子的图像。我正在使用 wordpress 并有以下代码:

    <?php if (has_post_thumbnail()); ?>

    <img src="<?php the_post_thumbnail_url('largest'); ?>" class="img-fluid">

我想使用此代码设置主页上某些 div 的背景以用于设计目的。

我尝试使用styles.php文件设置它,但我要么编码完全错误,要么它不起作用,我尝试的代码如下:

<?php
header("Content-type: text/css; charset: UTF-8");
?>

.slider-card {
background-image: url(<?php if (has_post_thumbnail()); ?>

<img src="<?php the_post_thumbnail_url('largest'); ?>" class="img-fluid">
)
};

如果有任何方法可以使用用户上传的图像自动填充我的 .slider-card div 的背景图像,如果有人可以教我,那就太好了! 感谢所有帮助。

编辑:

这是我在浏览器中查看时的代码。

url(<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function has_post_thumbnail() in C:xampphtdocsMedia Site WPwp-contentthemesMediaThemestyle.php:6 Stack trace: #0 {main} thrown in <b>C:xampphtdocsMedia Site WPwp-contentthemesMediaThemestyle.php</b> on line <b>6</b><br /> 

【问题讨论】:

    标签: php html css wordpress slick.js


    【解决方案1】:

    我认为你的 html 和 php 是错误的。试试这个:

    <?php
    header("Content-type: text/css; charset: UTF-8");
    ?>
    
    .slider-card {
    background-image: url(<?php if (get_the_post_thumbnail() != null){get_the_post_thumbnail();} ?>
    
    }
    <img src="<?php the_post_thumbnail_url('largest'); ?>" class="img-fluid">
    

    【讨论】:

    • 不幸的是,这并没有解决问题,但我发现似乎是一个错误:url(
      致命错误:未捕获的错误:调用未定义的函数 has_post_thumbnail () 在 C:xampphtdocsMedia Site WPwp-contentthemesMediaThemestyle.php:6 堆栈跟踪:#0 {main} 在 C:xampphtdocsMedia Site WPwp-contentthemesMediaThemestyle.php6 行抛出
    【解决方案2】:

    第一个你应该知道has_post_thumbnail() 只在the loop 内部工作,所以从你分享的代码来看,这个函数不可能像这样工作。在循环之外,您应该传递当前的帖子 ID,然后改用 get_the_post_thumbnail_url(),因此您在那里传递 2 个参数 - id 和大小:

    $page_id = get_queried_object_id();
    
    <?php if (has_post_thumbnail($page_id)): ?>
    <img src="<?php get_the_post_thumbnail_url($page_id, 'largest'); ?>" class="img-fluid">
    <?php endif; ?>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-07-01
      • 1970-01-01
      • 2015-02-21
      • 1970-01-01
      • 1970-01-01
      • 2019-10-19
      • 2022-07-11
      相关资源
      最近更新 更多