WordPress WordPress – Contact Form 7でブラウザを閉じても入力内容を保持するGarlic.jsを使う
以前ご紹介したGarlic.jsをWordPressのプラグイン「Contact Form 7」で利用する方法です。 フォームの <form> タグにカスタムデータ属性（data-persist="garlic"）を追加する必要があるわけで...
JavaScript
WordPress 
jQuery jQuery – ランダムにパスワード生成
時々、ランダムにパスワードを作りたい時があるので、時短のためにChatGPTに聞いてみたらjQueryで作ってくれました。 フッターとか、jQuery本体の読み込みより後に下記を記述。 jQuery <script> function ge...
WordPress WebP画像と従来画像を振り分ける.htaccessとpictureタグとmodernizr.js
JPGやPNGなどの従来画像とWebPが混在した実際の活用で、WebPに対応していないブラウザや、記事の画像関連の記述変更が煩わしい場合に、pictureタグや.htaccessの記述で従来画像とWebPを出し分ける方法をまとめます。
WordPress WordPress – Contact Form 7を5.6にバージョンアップにした時に注意するマークアップ
WordPressで構築したWebサイトで人気のメールフォームプラグイン「Contact Form 7」。 とあるサイトでも Contact Form 7 でフォームを作成して利用していたのですが、5.5.6 から 5.6 にバージョンアッ...
jQuery jQuery – モバイルメニューのサブメニューを折りたたみにする簡単な方法
WordPressテーマ【Cocoon】をカスタマイズしたWebサイトのモバイルメニューのサブメニューを、アコーディオン（折りたたみ式）にして欲しいという案件がありました。そのためには、サブメニューの親要素（サブメニューを持つ親メニュー）の...
WordPress jQuery – フォームの入力内容をブラウザを閉じても保持するGarlic.js
測定日や測定値などを複数メモる日常点検のような業務で、手帳にメモるのが面倒なのでスマートフォンからフォームに入力してメール送信したいということがありました。 しかし広範囲をチェックして回るので、その間にブラウザが閉じてしまったり更新してしま...
jQuery WordPress – flamingoに保存されたContact Form 7のデータをHighchartsでグラフ化する（デモあり）
WordPressのプラグイン flamingo は、メールフォームプラグイン Contact Form 7 の送信データをデータベース上に保存するプラグインです。 このデータをグラフ化する案件があったので覚書です。とある装置の日々の測定デ...
jQuery CSS3 – 炭酸飲料のような泡を量産するアニメーション
飲料販売サイトのバナーにサイダーの泡のようなアニメーションが欲しいと思い、CSS3とjQueryを使って作成しました。 概要 CSSで泡単体のデザインと基本的なアニメーションパターンを作り、そのスピードや配置や大きさを少しずつ変えてパターン...
WordPress WordPress – Contact Form 7にURLパラメータを渡して参照元を特定したりアクセス解析する方法
以前、業務システム支援関連のWEBサイトを制作させていただいたクライアントより、「他サイトからのアクセスが見積依頼につながった時にどのサイトから来たのか知りたい」という相談がありました。具体的には、リファラーに応じてIDを取得したいというこ...
jQuery HTMLエンティティツール
HTMLエンティティツールは、ブラウザがHTMLを表示する際に特別な意味を持つ記号（"&'<>^~など）を特別な処理をせずに通常のテキストとしてそのまま出力させ、コード掲載などに使えます。エンコード・デコードの相互変換が可能です。