add class to background image

时间:2015-08-20 作者:BigDropGR

我正在尝试使用推特引导程序作为框架来创建wordpress主题。在一个页面模板上,我需要使用特征图像作为背景图像,因此我使用以下代码:

<?php
global $post;
$src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 5600,1000 ), false, \'\' );
?>
<div class="mainblogwrapper img-responsive img-center" style="background-image: url(<?php echo $src[0]; ?> ) !important; background-attachment : fixed;">
一切看起来都很好,但我只有一个问题。对于不同的屏幕大小,图像不会居中。(I see the whole image on 1920X1080 screen, but only the left of it on mobile screen).

我使用了img responsive和img center类,但仍然没有正确显示。

在此处查看网站http://aspalisvillas.com/

如何使背景图像正确显示?如何使其响应?

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

我添加了样式“背景位置:居中而且它工作得很好!

因此,新代码如下所示:

<?php
    global $post;
    $src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 5600,1000 ), false, \'\' );
?>
<div class="mainblogwrapper" style="background-image: url(<?php echo $src[0]; ?> ) !important; background-attachment : fixed;background-position: center center;">

结束

相关推荐

通过主题的函数激活插件。php?

是否可以激活每个主题的插件?我有一个多站点,我知道每个站点都可以激活插件。但我需要为特定主题启用插件。有人问了一个类似的问题-如果有可能通过其他插件激活插件:How To Activate Plugins via Code?这是一个公认的答案: //Activate a plugin programmatically - Akismet example function run_activate_plugin( $plugin ) { $current =