是否可以将_POST_缩略图添加到Style.css?

时间:2013-11-06 作者:Devin

我想知道是否可以添加the_post_thumbnail 要设置样式的位置。css。

我使用这些图像作为背景,当然,我可以在模板上轻松地做到这一点,但我认为对于响应性设计,只需简单地添加the_post_thumbnail 要设置样式的位置。css,然后引用该位置以提供任何给定大小的适当背景,而不是为(比如)移动设备提供一个巨大的图像。

有没有办法做到这一点?

1 个回复
最合适的回答,由SO网友:Rahil Wazir 整理而成

如果您想添加背景图像,可以在html中使用内联css

PHP:

<?php
if(has_post_thumbnail())
{
    $desktop_src = wp_get_attachment_image_src(get_post_thumbnail_id(), \'desktop\');
    $ipad_src = wp_get_attachment_image_src(get_post_thumbnail_id(), \'ipad\');
    $mobile_src = wp_get_attachment_image_src(get_post_thumbnail_id(), \'mobile\');

    $desktop = \'style="background: url(\'.$desktop_src[0].\');"\';
    $ipad = \'style="background: url(\'.$ipad_src[0].\');"\';
    $mobile = \'style="background: url(\'.$mobile_src[0].\');"\';

}
?>
HTML:

<div id="desktop" <?php echo $desktop; ?>></div>
<div id="ipad" <?php echo $ipad; ?>></div>
<div id="mobile" <?php echo $mobile; ?>></div>

结束

相关推荐

如果你要调用一个动态的css内联样式,那么div必须在循环中吗?

在下面的代码中,我在第一个container div中引用了“the\\u field(\'bg\\u img\')”。之所以这样做,是因为我创建了一个自定义字段(在CPT中),允许管理员从admin面板更改容器bg的颜色。但是,当我加载页面时,它不工作,因此我想知道:a) 这是因为它位于queryb)之上,或者因为它需要在循环中我已经尝试在循环中包含这个div,但它会创建嵌入在重复div中的重复div,等等。所以我想知道你是否可以调用循环之外的函数,我猜不会。顺便说一句,这个函数是ACF(高级自定义字段