対象プラグイン／バージョン

アップデート内容

• [拡張] スライドショーショートコード(dpslideshow)にカバーモードオプション(covermode)を追加。
  詳しくはこちら
• [拡張] スライドショーショートコードに、スライダーの最小高(minheight)と最大高(maxheight)を指定するオプションを追加。
• [拡張] スライドショーショートコードに、前後ナビゲーションリンクおよび連番ナビゲーションリンクを角丸で表示するオプション(controlcircle/pagenavicircle)を追加。
• [修正] スライドショーショートコードにて、transitiontime パラメータで指定した切り替え時間が反映されなくなっていた不具合を修正。
• [修正] 古いフォーマットのCSSの排除、置換、その他細かなスクリプト、バグ修正。

スライドショーショートコード

既存のスライドショーショートコードに、スライダーの高さをビューポートの幅を基準とした割合いで自動伸縮するレスポンシブスタイルで表示するための covermode パラメータが追加されました。

全幅表示でカバーモードを有効にしたスライダー

ヒーローヘッダーデモ

スライドショーショートコードを利用したヒーローヘッダー

DigiPress Ex -Shortcodes のスライドショーショートコードを利用したシングルページのヒーローヘッダーのデモ。任意の固定ページをランディングページとして利用する場合などに活用できます。

Genique – Skin 1

全幅表示にするには、「DigiPressショートコード」ブロックのツールバーオプションの「配置」から「全幅」を選択します。

[dpslideshow
  fx='fade'
  covermode='1'
  vw='33'
  minheight='340px'
  maxheight='600px'
  autoplay='1'
  showtime='4200'
  transitiontime='2800'
  hoverpause='0'
  pagenavicircle=true
  controlcircle=true
]
  [dpslide imgurl='https://digipress.info/_wp/wp-content/uploads/2021/04/eye19.jpg']
    <div class="white al-c pd10px">
      <h3>Hero Header Title</h3>
      <p>Diam magna lorem eos ipsum aliquyam. Invidunt sea voluptua sanctus lorem consetetur eos dolor no. <br />Takimata rebum lorem takimata diam sed sanctus. </p>
    </div>
  [/dpslide]
  [dpslide imgurl='https://digipress.info/_wp/wp-content/uploads/2021/04/eye20.jpg']
    <div class="white al-c pd10px">
      <h3>DigiPress</h3>
      <p>Highly Flexible WordPress Theme</p>
    </div>
  [/dpslide]
  [dpslide imgurl='https://digipress.info/_wp/wp-content/uploads/2021/04/eye22.jpg']
    <div class="white al-c pd10px">
      <h3>DigiPress Ex - Shortcodes</h3>
      <p>A WordPress plugin suitable for DigiPress themes.</p>
    </div>
  [/dpslide]
[/dpslideshow]

詳しくはこちら

dpslideshow / dpslide : シンプルなイメージスライダーを表示

このショートコードを使用するには「DigiPress Ex – Shortcodes」プラグインが必要です。 表示サンプル 最もシンプルな例(画像指定のみ) このショートコード ] スライド効果、キャプション指定、ホバー時停止、画像をリンク化 このショートコード ] ナビゲーション位置指定、ブラックキャプション背景、前後テキス変更 このショートコード ] 表示時間指定、スライド上に任意のHTMLコンテンツを表示 画像上に任意のHTMLコンテンツを表示できます。 スライドイメージ上に別の画像を合成しています。ページナビゲーションは非表示にしています。 HTMLコンテンツをここに記述します。 この…

DigiPress