WordPress WordPress – Contact Form 7のフォールバック機能。HTML5未対応ブラウザのために WordPressのプラグイン「Contact Form 7」はHTML5の入力タイプに対応したフォームタグをサポートしています( email , tel , url , number , range , date )。 date や nu... 2020.01.22 WordPress
WordPress WordPress – Contact Form 7にメールアドレス確認欄を追加 WordPressのプラグイン「Contact Form 7」にはメールアドレスの再入力チェックする項目がデフォルトで用意されていません。 しかし、問い合わせフォームなどの制作のほとんどの場合、メールアドレスを再入力で確認する項目を求められ... 2020.01.21 WordPress
WordPress WordPress – ウィジェットでショートコードを使うための簡単なフック WordPressのウィジェットでショートコードが使えると便利な時は多々あります。例えば、別記事のホームURLショートコードなどは、テストサイトから本サイトに移行する際にもURLの手直しが不要になるので便利です。プラグイン独自のショートコー... 2020.01.21 WordPress
jQuery jQuery – PCとモバイルの表示を変える(ユーザーエージェントを判別してbodyタグにクラス付加) 以前、PCではスプライトアニメーションを表示し、モバイルでは静止画にしたい時がありました。下記コードはユーザーエージェントを判別して iPhone か Android なら bodyタグに mobile-viewクラスを追加します。 jQu... 2019.09.25 jQuery
jQuery jQuery – 半角英数字と全角英数字を相互に変換する これは特殊な例だと思いますが、以前、Webサイトの制作で、トップページのみナビゲーションメニューの各テキストを大きく表示させてレイアウトするデザインをしました。 その際に、どうしてもテキストを全角文字にして日本語も英数字も等幅にしたかったの... 2019.09.04 jQuery
WordPress WordPress – Contact Form 7で作成したフォームがEnterキーで送信されるのを防ぐ WordPressのプラグイン「Contact Form 7」で作成したメールフォームは、フォーム入力後、同一画面でバリデーション(入力チェック)が行われ、確認画面に遷移しないのが特徴です。 それもあり、入力途中にエンターキー(enter)... 2019.09.03 WordPress
WordPress WordPress – Contact Form 7のpタグ自動挿入を解除する方法 WordPressのプラグイン「Contact Form 7」で作成したメールフォーム内で、プライバシーポリシーを開閉式(クリックで表示/非表示)で表示させたいことがありました。 それで、チェックボックスとCSSを利用したアコーディオンメニ... 2019.09.03 WordPress
CSS CSS – フォームのinputタグとCSS3で開閉式アコーディオンを作る方法 以前はアコーディオンを作成する場合に jQuery や JavaScript を使用していましたが、CSS3 のおかげで、CSS と form の inputタグで実現出来るようになりました。 チェックボックスとCSS3でアコーディオンを作... 2019.09.03 CSS
WordPress WordPress – Contact Form 7のフォーム内にプライバシーポリシーなどの他記事を挿入 企業サイトなどでは、問い合わせフォーム内にプライバシーポリシーを掲載し、承諾確認のチェックをして送信する場合があります。 ただ、このプライバシーポリシーはそれなりに長文になりますし、メールフォームが複数ある場合もあります。 WordPres... 2019.08.29 WordPress
WordPress WordPress – ホームURLとスタイルシートディレクトリURIのショートコードが便利なスニペット Webサイトを制作する際、仮にサブディレクトリやテストドメイン、ローカル環境などのテスト環境で作成した後に引っ越しやアップロードをすることも多いと思います。その引越の際には、本文中に記述された内部リンクなどのドメインを書き換える手間が必要に... 2019.08.29 WordPress