お問い合わせフォームを簡単に設置することができるContact Form 7。非常に便利なプラグインですね。 Contact Form 7をインストールすると、すべてのページでContact Form 7用のJavaSc…
Contact Form 7のJavaScriptとCSSを必要なページでのみ読み込む方法
textareaやinput要素で入力可能な文字数を表示することができるスクリプト「short-and-sweet」
short-and-sweetは、textareaやinputでmaxlengthが指定されている場合に、入力可能な残りの文字数を表示してくれるスクリプトです。jQueryなどにも依存せず、単体で動きます。 以下に簡単な…
Contact Form 7やJetPack Contact Form等の送信履歴をデータベースに保存できるWordPressプラグイン「Contact Form DB」
Contact Form DBは、Contact Form 7やJetPack Contact Form等の送信履歴をデータベースに保存することができるWordPressプラグインです。 元々はWordPressの公式デ…
カスタムタクソノミーのセレクトボックスによる絞り込み検索を実装する方法
カスタムタクソノミーのセレクトボックスによる絞り込み検索を実装する方法をご紹介いたします。 以前、「カスタムタクソノミーのチェックボックスによる絞り込み検索を実装する方法」という記事を書きましたが、そのセレクトボックス版…
クラスを指定するだけ！Webフォームで郵便番号から住所を自動入力してくれるスクリプト「YubinBango」
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のコードセットをダウンロードすることも可能です…