Tag : jQuery

LightboxからPhotoSwipeに乗り換え

LightboxからPhotoSwipeに乗り換え

当サイトはHTML5やCSS3、レスポンシブデザインに対応するなど時代の流れに沿ってきた中、画像の拡大表示には依然としてLightboxを使ってきました。
ここだけはずっとデザインを初期から変えてなかったいなかったのですが、「時代遅れなのでは?」と最近考えるようになり、色々と同じようなスクリプトを漁っていました。
そこで見つけたのがPhotoSwipeというスクリプトです。

jQuery3.x系に対応させたいのですが

No Image

WordPressで標準のjQueryのバージョンは1.x系で、この記事を書いている現在は1.12.4です。
でもjQueryの最新バージョンはというと3系がありまして、ちょっと試したい気持ちになりました。
Wordpress自体は互換性を重視して1.x系を使っているのかもしれませんが、これからは3.x系が主流になりそうなで早めに試験的に導入してみようと思います。

PC用とスマホ用のレイアウト切り替えボタンをつくる

PC-スマホの切り替え

WPtouchを使っていた頃にはPC用とスマホ用のレイアウトを切り替えるボタンがありました。
レスポンシブデザインにしてからはいらないかなと思ったんですが、スマホ用のレイアウトではどうしても情報量が少なくなってしまいがちです。
そこでレイアウト切り替えボタンをjQueryで実装してみました