2019/5/29 : v.1.2.4.6
- [修正]CSSスライダーショートコードにて、トランジションがフェードイン・アウトである場合、設定条件によってはタイトルエリアの背景が重なって表示されてしまう不具合を修正。
修正後の表示例
このショートコード
[cssslider fx='fade' navitemsatonce=6 navwidth=22% height='32vw' id='my-cssslider' class='my-cssslider' style=''] [cssslide imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-29.jpg' title='スライドタイトル #1' titlesize=34px titlebold=0 titleitalic=1 titlecolor=#333 titlebgcolor='rgba(255,255,255,0.82)' titlepos=center caption='スライド #1 のキャプションをここに表示します。' captionsize=14px btntxt='詳しくはこちら' btnurl='https://digipress.info/' btnbgcolor='#778393' class='' style=''] [cssslide imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-7.jpg' title='スライドタイトル #2' titlesize=34px titlebold=1 titleitalic=1 titlecolor=#fff titlebgcolor='rgba(0,0,0,0.62)' titlepos=right caption='スライド #2 のキャプションをここに表示します。' captionsize=14px btntxt='詳しくはこちら' btnurl='https://digipress.info/' btnbgcolor='#778393' class='' style=''] [cssslide imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-6.jpg' title='スライドタイトル #3' titlesize=34px titlebold=0 titleitalic=1 titlecolor=#333 titlebgcolor='#fff' titlepos=left caption='スライド #3 のキャプションをここに表示します。' captionsize=14px btntxt='詳しくはこちら' btnurl='https://digipress.info/' btnbgcolor='#778393' class='' style=''] [cssslide imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-60.jpg' title='スライドタイトル #4' titlesize=34px titlebold=1 titleitalic=1 titlecolor=#fff titlebgcolor='rgba(0,0,0,0.62)' titlepos=center caption='スライド #4 のキャプションをここに表示します。' captionsize=14px btntxt='詳しくはこちら' btnurl='https://digipress.info/' btnbgcolor='#778393' class='' style=''] [cssslide imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-35.jpg' title='スライドタイトル #5' titlesize=34px titlebold=0 titleitalic=1 titlecolor=#333 titlebgcolor='#fff' titlepos=right caption='スライド #5 のキャプションをここに表示します。' captionsize=14px btntxt='詳しくはこちら' btnurl='https://digipress.info/' btnbgcolor='#778393' class='' style=''] [cssslide imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-48.jpg' title='スライドタイトル #6' titlesize=34px titlebold=1 titleitalic=1 titlecolor=#fff titlebgcolor='rgba(0,0,0,0.62)' titlepos=left caption='スライド #6 のキャプションをここに表示します。' captionsize=14px btntxt='詳しくはこちら' btnurl='https://digipress.info/' btnbgcolor='#778393' class='' style=''] [cssslide imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-18.jpg' title='スライドタイトル #7' titlesize=34px titlebold=0 titleitalic=1 titlecolor=#333 titlebgcolor='rgba(255,255,255,0.82)' titlepos=center caption='スライド #7 のキャプションをここに表示します。' captionsize=14px btntxt='詳しくはこちら' btnurl='https://digipress.info/' btnbgcolor='#778393' class='' style=''] [/cssslider]