ワードプレスのWP MW FORMは、独自にvalidateができるのだけど、訳があってでこちらのvalidationを使わずに、独自のvalidateをつけることになった。そうなると、候補としては「jquery.val…
WordPressの計算フォーム、Caluculated Fields Form
クライアント案件でワードプレスの注文フォームを作成することになり『Caluculated Fields Form』を利用しました。無料でも計算部分は利用できますが、メール送信するには有料版が必要です。ただ、買い切りタイプ…
外部リンクに設定したhoverが、クリック後も効いたままになる
ちょっと珍しい事象に遭遇しまして、解決に少し手間取りました。 ワードプレスのメニュープラグイン（max-mega-menu）で、ボタンのhoverの処理をしていました。メニューの中に2つほど外部リンクがあったのですが、ク…
会員登録の際にメールアドレスをユーザー名にして、ニックネームを必須入力でデフォルトの表示名にする（WP-Membersなど）
ワードプレスの会員制サイト制作用のプラグインには、フリーでも十分使えるものがいくつかありますが、今回は「WP-Members」を利用した案件です。他のプラグインでも使える方法ではないかと思います。 クライアントの希望は「…
データ属性で表示する記事を絞り込む
データ属性で、一覧の記事を絞り込むサンプルです。属性を選ぶボタン（category-btn）と絞り込まれる要素（flex-one）の一覧になっています。is-animateクラスは、自分で作成したクラスです。若干不要な記…
WordPressの投稿記事をAjax通信で読み込む
ページを移動せずに特定の投稿記事を読み込みしたい、と言われたら、Ajax通信ですよね。ということで、初めてワードプレスでAjax通信で記事を読み込んでみました。類似のケースの依頼が見込まれるので、メモしておきます。 以下…
jsで隠すべき要素が一瞬表示されてしまう場合
jQueryのプラグインなどで非表示にして、アニメーションで表示させるような処理をしているのに、サイトを開いた時一瞬要素が全部見えてしまうことがあります。クライアントはこういうのを結構指摘してきますし、私自身もなんかな、…
overflow:hiddenでsticky要素が動かない場合
使い所によって楽しい効果が簡単に出せるstickyですが、親要素にoverflow-x:hiddenを設定しているとうまく動かないことがあります。個別に親要素を指定するのは大変なので、jQueryのparentsでove…
アンカーリンク(#)が出てくると途端に出てくる問題
昨今流行りの「ペライチ」（別に昨日今日の流行りではないのですが、クライアントでさえ、この言葉を注文時に使う今日この頃です）では、アンカーリンクが必要になる場面がほとんどですが、アンカーに対して、ぬるっとスクロールさせるJ…
CSSアニメーションを可視領域に入ったら発火（inview.js その１）
cssアニメーションはとても便利なのですが、アニメーションをいつ発動させるかは、CSSだけでは操作できません。そこで要素が画面内に入ったことをシンプルに判定したい。そんな時は「inview.js」の出番です。 使用方法の…