Wordpress中的全宽滑块？答案

【问题标题】：Full width slider in Wordpress?Wordpress中的全宽滑块？
【发布时间】：2013-08-21 09:17:26
【问题描述】：

好的，所以我需要一个位于普通页面中的滑块以跨越整个屏幕。包装器和所有其他元素的最大宽度为 960 像素，这就是滑块的移动距离。如果我改变这些，整个网站就会变得一团糟。

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

滑块： http://rocketplugins.com/wordpress-slider-plugin/

这是我在帖子中使用的唯一代码。所以我想我需要让帖子更宽？ [滑块 id='32' 名称='']

【问题讨论】：

【解决方案1】：

不太确定您的链接所解释的产品，但您需要编辑您的页面模板。

会有一个内容 div（设置了 max-width 的那个）。你的新 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;}

【讨论】：

【解决方案2】：

已解决

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

和

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

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

【讨论】：