- このトピックには2件の返信、1人の参加者があり、最後に
により10年、 4ヶ月前に更新されました。
-
投稿
-
-
wordpressのことが全然わかっていない素人です。
こちらのテーマとたくさんの解説に、日々大変お世話になっています。プラグインに関することで、ここで質問するのはお門違いかとも思うのですが、どうにも困ってしまったのでヒントでもいただけたらと思い、質問します。
サイト内にギャラリーを設置するにあたり、見たい部分を原寸大までズームして表示(Lightboxの表示とは違い、「見たい部分にさらに寄るって見る」というイメージです)できるPhotoSwipeというプラグインを気に入って導入したいと試したのですが、simplicity2だと、写真の左右に出る「次へ」「前へ」という機能の矢印ボタンをクリックした際に、次・前の写真が表示されずギャラリー表示が終了して一覧ページに戻ってしまいます。
こちらのページの、顔写真のサムネイルが並ぶギャラリーです。
http://yasmichi.com/page-1487プラグインはこれです。
https://wordpress.org/plugins/photo-swipe/他の幾つかのテーマに変更すると、どのテーマでも矢印ボタンは正常に機能しました。
wordpressは4.4.2
simplicityは2.1.0
ブラウザはchrome 49.0です。
firefox 45.0.1だと、simplicity2のテーマでもなぜか矢印ボタンは動作します。
他にedge 25 とIE 11 も試しましたが、それらでは動作せず。プラグインを外したり、テーマを入れなおしたり、子テーマでなく親テーマを有効化したりして試しましたが、動作は同じです。
PHPについてはさっぱりわからず、どこに見当をつけたらいいのか想像もつかないのですが、このテーマ内で画像の表示についてなにか特別な指示等をされていて、それを変えれば動くかも、というような箇所がありそうでしたら、いろいろ試してみたいので教えてほしいです。
ギャラリー表示はサイト内の重要な要素でして、このプラグインを諦めたくないですし、かと言ってsimplicity以外のテーマにすることもなるべく避けたくて、途方に暮れています。
-
原因はボタンがクリックする瞬間逃げてしまって、背景の黒部分をクリックする、つまりウィンドウを閉じると言う動作になっているものかと思います。
例えば、デベロッパーツールで
.pswp__button--arrow--right { position: relative; }を入れると、画面マウスオーバー時に、ボタンが画面上部に移動しますがクリックすると正しく動作します。つまり、それぞれの動作は正しい訳ですが、クリックしたら逃げるという点から問題が発生しているものと考えられます。
よって、ボタン部分のcssを修正すればイケるんじゃなかろうかと思いますが、wordpressにもSimplicityにも関係がない点なので、ここらはご自身で色々とやってみて下さい。またこれらを作者のGitHubあるいはサイトで報告したら修正してくれるんじゃなかろうかと。英語で連絡なのでハードルが高いかと思いますが、誰か回りに英語ができる人がいれば代わりに訳してもらって送るというのが良いかと思います。
おそらくdefault-skinあたりのcssをいじればよいのではないかと。
ボタンの表示位置をなるべく固定する感じで。 -
ありがとうございます！！！！
とりあえず
photo-swipe/lib/default-skin/default-skin.css
内の矢印ボタンを示す箇所で
position: relative;
に変更したところ、位置が上部になりましたが動作するようになりました。矢印の位置は、写真の左右が難しくても、上部の他のボタンに並べるとか、写真の下に2つ並べて配するとか、なんとか出来る形で位置調整を試みたいと思います。
-
- このトピックに返信するにはログインが必要です。