DigiPress

Highly Flexible WordPress Theme

メニュー

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

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

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

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

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

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

表示例

ここをクリックしてください
このコンテンツはスライドして初めて表示されます。

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

これはスライドコンテンツ内のブロックコンテンツです。

このコード

<div class="bg-blue b ft17px pd10px icon-up-hand">ここをクリックしてください</div>
<div class="dp-slide box">
このコンテンツはスライドして初めて表示されます。
<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>