Tag : jQuery

Amazonアソシエイトのアカウント閉鎖からの復活

No Image

先日、Amazonアソシエイトのアカウントが閉鎖されたことをお伝えしました。

「アクセスのみでリンクをクリックした状態になっている」というやつです。
その件の原因がようやくわかりまして、修正をして再開することができました。
状態が明確に分かるまでにはそんなにかからなかったのですが、どこが悪いかが全然手付かず状態だったんですよね・・・

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で実装してみました

HTMLタグを無視して文字列を丸めたい

No Image

ブログいじり中に文字列を丸めたいところがありました。
しかし、その文字列にはHTMLタグが含んでいるという。
普通に丸めるとHTMLタグがおかしくなったり、消えちゃったり・・・
ここではそんなことがないようにうまく丸める方法を紹介します。(大嘘)