サポート » プラグイン » XO Sliderで作成したスライドのリンクについて

  • samesun

    (@samesun)


    XO Sliderでスライドを作成し、各画像にリンクを挿入しています。
    lightboxプラグインを利用してポップアップするようにしているのですが、
    投稿内にスライドを複数並べた場合、ポップアップ画像はスライド単位でなく、
    全てのスライドの画像がスライドするようになってしまいます。

    スライド単位で区切ることはできますか?
    どなたかご存じでしたら教えてください。
    よろしくお願いいたします。


    使用したlightboxプラグイン
    ・Easy FancyBox
    ・FancyBox for WordPress
    ・Responsive Lightbox & Gallery
    ・Simple Lightbox

    いくつか切り替え、設定なども見てみましたが、ギャラリー単位で区切る設定はあっても、スライドでの設定を見つけることができませんでした。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • ishitaka

    (@ishitaka)

    こんにちは

    下記コードをテーマの functions.php に追加すると、スライドの a タグにスライド単位の値で rel 属性が追加されます。これで rel に対応したプラグインならスライド単位で動作するようになると思います。

    add_filter( 'xo_slider_html', function( $html, $slide ) {
    	return str_replace( '<a ', '<a rel="xo-slider-' . esc_attr( $slide->id ) . '" ', $html );
    }, 10, 2 );
    
    トピック投稿者 samesun

    (@samesun)

    お返事遅くなりすみません…!
    ご教授くださりありがとうございます!
    無事スライド単位で区切ることができました(´;ω;`)


    使用したlightboxプラグイン
    ・Easy FancyBox
    設定>FancyBox 2: 画像>「Automattically group images」を「無効」にすることで実現しました。

    ただ、lightboxの見た目は「Responsive Lightbox & Gallery」が好きなので、こちらでうまく動いてるよ、という方いらっしゃいましたら、設定について教えていただけるとありがたいです…!

    ・FancyBox for WordPress
    ・Simple Lightbox
    こちらのふたつはlightbox自体が機能せず…。
    追加しているほかプラグインとの兼ね合いかな?とは思ったものの、検証はできていません。
    時間が取れたら検証してみます。

    Responsive Lightbox & Gallery の SwipeBox の場合は、rel ではなく data-rel でできそうです。

    return str_replace( '<a ', '<a rel="xo-slider-' . esc_attr( $slide->id ) . '" ', $html );

    return str_replace( '<a ', '<a data-rel="xo-slider-' . esc_attr( $slide->id ) . '" ', $html );
    トピック投稿者 samesun

    (@samesun)

    早速ありがとうございます…!
    functions.phpを書き換えました。
    ページソース確認して、date-relがスライドごとに付与されているのを確認しました。

    結果、
    ・SwipeBox
    ・PrettyPhoto
    ・TosRUs
    ・Featherlight
    ・Magnific Popup
    の5種でスライド単位で区切ることができました(´;ω;`)

    残り3つの内、Nivo Lightboxはスライド単位で区切れず、全ての画像になってしまう…。

    ・FancyBox
    ・Image Lightbox
    については、単一画像のポップアップのみでした。
    FancyBoxについては、Easy FancyBoxで別途設定していることが影響しているのだと思います。
    Image Lightboxについては、
    ・FancyBox for WordPress
    ・Simple Lightbox
    こちらのふたつと同じく追加しているほかプラグインとの兼ね合いかな?とは思ったものの、検証はできていません。
    時間が取れたら検証してみます。

    検証できたらまた書き込めるよう、解決済みにせずにおきます。
    サイトオープン間近で区切れてないことに気付き、随分慌てましたがおかげさまで解決いたしました。
    ishitaka様本当にありがとうございます…!

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • このトピックに返信するにはログインが必要です。