Wordpress中的全宽滑块？

Question

好的，所以我需要一个普通页面中的滑块来跨越整个屏幕。 包装器和所有其他元素的最大宽度为960px，因此滑块的距离是多少。 如果我改变这些，整个网站将变得混乱。

我使用带有Twentytwelve主题的Wordpress 3.5作为父级。

幻灯片： http://rocketplugins.com/wordpress-slider-plugin/

这是我在帖子中使用的唯一代码。所以我想我需要让帖子更广泛？     [slider id ='32'name ='']

Answer 1

对链接说明的产品不太确定，但您需要编辑页面模板。

将有一个内容div（设置了max-width的内容）。你的新div，新滑块的div需要高于它。我为你做了page layout fiddle。

HTML

<div class="newdiv">Slider here</div>
<div class="content">
    <p>Your WordPress post stuff here</p>
</div>

CSS

.content{max-width:960px; height: 800px; background: #D3D3D3; margin: 0 auto;}
.newdiv{width:100%; height:200px; background:#BADA55;}

Answer 2

解决方案

<div id="slider">[slider id='32' name='']</div>

和

#slider {
position: absolute;
left: 0;
right: 0;
height: 563px;
display: block;
}

它不是最好的解决方案。但它有效！