DigiPress

Highly Flexible WordPress Theme

メニュー

ブロックコンテンツのスライド化

ブロックコンテンツのスライド: dp-slide

スライドコンテンツについて

スライドコンテンツを表示する場合、スライドさせる(dp-slideセレクタを指定するブロック)コンテンツの直前のテキスト(pタグ等の直前のブロック)のクリックがトリガーとなってスライドするようになります。

スライドコンテンツ直前のテキストは、それを意識したタイトルや見出しとして作成してください。

また、(dp-slideを指定する)スライドコンテンツは、ブロック要素(divやpなど)に指定して、その要素内(タグ内)に実際のコンテンツを記述してください。

表示例

ここをクリックしてください

このコンテンツはスライドして初めて表示されます。

可能性は無限!サイト作成を楽しみましょう!

これはスライドコンテンツ内のブロックコンテンツです。
Code
<p class="label label-blue icon-up-hand">ここをクリックしてください</p>
<div class="dp-slide">
このコンテンツはスライドして初めて表示されます。
<img src='https://digipress.info/_wp/wp-content/uploads/2012/04/blueberries-2278921_1280.jpg' class='aligncenter' />
<p class="star">可能性は無限!サイト作成を楽しみましょう!</p>
<div class="box-c">これはスライドコンテンツ内のブロックコンテンツです。</div>
</div>