選択されているタグ : a-blog cms

タグの絞り込み

a-blog cms のフォームで、全角ひらがな・全角カタカナを入力チェックする方法

a-blog cmsのフォームで入力チェック(検証)するには、フォームオプション(validator)を指定します。これすごく便利な機能で、regex(正規表現にマッチするかを判定)なんてものまで用意されています。
今回はこのregexを使い「全角ひらがな」または「全角カタカナ」に「全角スペース」と「ー」を加えたもので検証しようと思います。ほとんどのフォームで用意されている「名前のふりがな」で使うやつです。


a-blog cmsのスマホ表示で縮小された(拡大画像がない)画像を別ウィンドウで開く方法

レスポンシブでサイトを制作すると、スマホで表示した際に画像が縮小され、元画像が大きくても内容が読めない場合があります。a-blog cmsでは拡大画像があれば自動的にリンクされ元画像を開くことができますが、画像サイズを「そのまま」でアップしている場合や、サムネイル画像より元画像の画像サイズが大きくない場合は、拡大画像が存在しないためリンクもされません。

このような場合、本当はスマホ用に画像を用意し切り替えたいところですが、現実的な作業としてそのまま使い回すしかない場合も多々あります。そこでスマホの時に指定した画像だけ元画像へリンクする方法を考えてみました。


a-blog cmsでクリッカブルマップでもprettyPhotoを使う方法

a-blog cmsでは拡大画像を表示する時に、標準でprettyPhotoが設定されていますが、こちらの機能をクリッカブルマップでも使いたい場合の方法をご紹介します。

早速ですが、通常ではprettyPhotoの指定が、「a」タグに設定されています。

a[rel^="prettyPhoto"]

しかし、クリッカブルマップの場合、「area」タグになるので、指定が効きません。

area[rel^="prettyPhoto"]