jQuery jQuery – PCとモバイルの表示を変える（ユーザーエージェントを判別してbodyタグにクラス付加）
以前、PCではスプライトアニメーションを表示し、モバイルでは静止画にしたい時がありました。下記コードはユーザーエージェントを判別して iPhone か Android なら bodyタグに mobile-viewクラスを追加します。jQue...
2019-09
jQuery jQuery jQuery – 半角英数字と全角英数字を相互に変換する
これは特殊な例だと思いますが、以前、Webサイトの制作で、トップページのみナビゲーションメニューの各テキストを大きく表示させてレイアウトするデザインをしました。その際に、どうしてもテキストを全角文字にして日本語も英数字も等幅にしたかったので...
WordPress WordPress – Contact Form 7で作成したフォームがEnterキーで送信されるのを防ぐ
WordPressのプラグイン「Contact Form 7」で作成したメールフォームは、フォーム入力後、同一画面でバリデーション（入力チェック）が行われ、確認画面に遷移しないのが特徴です。それもあり、入力途中にエンターキー（enter）を...
WordPress WordPress – Contact Form 7のpタグ自動挿入を解除する方法
WordPressのプラグイン「Contact Form 7」で作成したメールフォーム内で、プライバシーポリシーを開閉式（クリックで表示/非表示）で表示させたいことがありました。それで、チェックボックスとCSSを利用したアコーディオンメニュ...
CSS CSS – フォームのinputタグとCSS3で開閉式アコーディオンを作る方法
以前はアコーディオンを作成する場合に jQuery や JavaScript を使用していましたが、CSS3 のおかげで、CSS と form の inputタグで実現出来るようになりました。チェックボックスとCSS3でアコーディオンを作る...