YubinBangoは、Webフォームで郵便番号を入れると住所が自動的に入力されるライブラリです。郵便事業株式会社(旧郵政省)が提供しているデータを利用して住所を取得しています。 YubinBangoの使い方 使い方は非…
カスタムタクソノミーの指定したタームに予めチェックを入れる方法
WordPressで記事作成時に、カスタムタクソノミーの指定したタームに予めチェックを入れる方法をご紹介いたします。自動的にタームにチェックが入るようにすることで、デフォルトのタームを指定することができます。 カスタムタ…
Contact Form 7でメール送信後に任意のページにリダイレクトさせる方法
以前、Contact Form 7でお問い合わせ時にサンクスページを表示させる方法という記事で、メール送信後にサンクスページにリダイレクトさせる方法をご紹介しました。フォームの「その他の設定」に以下のように記述することで…
フォームでカレンダーから日付入力できるようになる「jQuery UI Datepicker」の導入手順
jQuery UI Datepickerは、フォームでの日付入力時にカレンダーから選択できるようにする、jQuery UIの中にある機能の1つです。jQuery UIには、ユーザーインターフェースに関する機能がまとめられ…
Contact Form 7のフォームに確認用メールアドレスの項目を追加する方法
お問い合わせフォームで、「確認のためにもう一度入力してください」といったように、メールアドレスを2回入力してもらうための方法をご紹介いたします。2回入力したメールアドレスが一致していないと、エラーが表示されるようにします…
様々なフォームデザインとサンプルコードがまとめられている「77 CSS Forms」
77 CSS Formsは、様々なフォームのデザインとそのデザインを実現するためのサンプルコードがまとめられているサイトです。 各フォームのデモを確認したり、HTMLとCSSのコードセットをダウンロードすることも可能です…
Contact Form 7のフォームに入力されたメールアドレスがRFCに準拠しているかチェックする方法
Contact Form 7のフォームで入力されたメールアドレスがRFCに準拠しているかどうかをチェックする方法をご紹介いたします。 RFCというのはネットワークにおける技術仕様のようなもので、IETFという団体が発行し…
Contact Form 7にメールアドレス確認用のフォームを追加する方法
メールアドレスを2回入力して、メールアドレスが正しいかどうかを判断する、といったフォームはよく見かけると思います。Contact Form 7で同じようにメールアドレス確認用のフォームを設置しようと思っても、デフォルトで…
Contact Form 7に一つ前のページの情報を渡してフォームに自動入力させる方法
お問い合わせページへ移動する前のページの情報を渡して、フォームにタイトルなどの情報を自動入力する方法をご紹介いたします。 Contact Form 7に一つ前のページの情報を渡してフォームに自動入力させる方法 今回は、C…
チェックを入れたら入力可能になるテキストボックスをjQueryで実装する方法
HTMLフォームで、チェックを入れた時だけ有効になるテキストボックスを実装する方法をご紹介いたします。 今回は例として、果物にチェックを入れたら個数が入力できるようになるフォームを作りたいと思います。 以下のように、チェ…