html - Wordpressの全幅スライダー?

Question

さて、画面全体にまたがる通常のページにあるスライダーが必要です。ラッパーと他のすべての要素の最大幅は 960px であるため、スライダーがどこまで移動するかが決まります。これらを変更すると、サイト全体がめちゃくちゃになります。

親としてTwentytwelveテーマでWordpress 3.5を使用しています。

スライダー: http://rocketplugins.com/wordpress-slider-plugin/

これは、投稿で使用する唯一のコードです。だから私は投稿を広くする必要があると思いますか？[スライダー ID='32' 名前='']

score 0 · Accepted Answer

によって解決

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

と

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

それは最善の解決策ではありません。しかし、それはうまくいきます！

score 0 · Accepted Answer

リンクが説明している製品についてはよくわかりませんが、ページテンプレートを編集する必要があります。

コンテンツ div (最大幅が設定されたもの) があります。新しいスライダー用の新しい div は、その上にある必要があります。私はあなたのためだけにページレイアウトフィドルを作成しました。

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 に答える 2