実現したいこと
WordPressでスライドショーのスライド画像の後ろに背景のように画像が表示されるデザインを実現したい。
WordPressで既存のテンプレートを少しいじってサイトを制作しています。
既存のテンプレートではスライドショーが実装していないので、
プラグインを使いスライドショーを表示させています。
プラグインの「Smart Slider 3」「Meta Slider」を使い試して見ましたが上手くいきません。
PHP、CSS、HTML、プラグインなどで図の様なレイアウトにするにはどうすればよろしいでしょうか。
【追記】
下記のテンプレートを使っています。
http://demo-wp.com/mysong/
・実際の画面
画面上部は下記のコードで、下のスライダーは「Smart Slider 3」を使っています。
コードの中にslideとありますが、
これはこれと同じテンプレートのシリーズで、スライドが元から実装されているものの名残だと思います。
html
1<div id="top-slide-max" class="cycle-slideshow"> 2<img src="https://neko997.com/wp-content/uploads/2018/07/質問用01.jpg" alt="" class="first"> 3<img src="https://neko997.com/wp-content/uploads/2014/08/pc.jpg" class="pt_img"> 4</div>
css
1#top-slide-max {position: relative} 2#top-slide-max img.pt_img { 3 display: block; 4 width:30%; 5 height:auto; 6 position: absolute; 7 top: 50%; 8 left: 50%; 9 background: rgba(0,0,0,0); 10 -ms-transform: translate(-50%,-50%); 11 -webkit-transform: translate(-50%,-50%); 12 transform: translate(-50%,-50%); 13 margin:0; 14 padding:0; 15}
回答1件
あなたの回答
tips
プレビュー