タグ

フォームに関するtamazirouのブックマーク (4)

  • WordPress サイト内検索フォームの実装方法 - by Takumi Hirashima

    WordPress でサイト内検索機能を実装するための「検索フォーム」や「検索結果ページ」の実装方法を紹介します。 例えば、投稿記事の検索や、カスタム投稿で登録した製品情報を検索したい時に便利方法です。 サイト内検索機能を実装するためには、最低限以下の二つが必要になります。 1)検索フォームテンプレート(テンプレート化、または直書き) 2)検索結果ページテンプレート この記事では「検索フォームの設置」から「検索結果ページ」の実装方法を順番に解説します。また、よくリクエストされるカスタマイズ方法も合わせてご紹介します。 検索フォームのテンプレートを作成 get_search_form で検索フォームの設置 検索結果ページの作成 検索キーワード未入力時の対処方法 検索結果ページのタイトルをカスタマイズする 投稿タイプを指定して検索対象を絞り込む カテゴリやカスタムフィールドも検索対象にする 検

    WordPress サイト内検索フォームの実装方法 - by Takumi Hirashima
  • 今どきの入力フォームはこう書く! HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA

    みなさん、入力フォームを制作する際、どのような施策をおこなっていますか? 入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chromeデスクトッ

    今どきの入力フォームはこう書く! HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA
  • MW WP Form の使い方

    WordPressのフォーム生成プラグインは多数公開されていますが、企業ユースの場合、デザインの柔軟性やバリデーション機能、確認画面機能などで不便を感じることが少なくありませんでした。そこで、それらの点を改善した、柔軟なカスタマイズ性が魅力のフォーム生成WordPressプラグイン「MW WP Form」を作成しました。 公式マニュアル MW WP Form の詳細は下記の公式マニュアルサイトをご覧ください。

    MW WP Form の使い方
  • 郵便番号から住所を補完するjQueryプラグインを作ってみた · けんごのお屋敷

    郵便番号から住所を自動的に補完してくれる JavaScript のライブラリに AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム(CGI不要版) がありますが、それを jQuery のプラグインとして実装したものを作ってみました。 jquery.ajaxzip2 通常版と、スペースや改行などが圧縮された minify 版があります。使い方はリンク先の github に書いてあるので参考にしてください。 また jquery.ajaxzip2 を実装するにあたって、さらに使いやすくするために従来の AjaxZip2 を少し拡張しました。 拡張機能 次のような機能を新たに追加しています。 住所補完後の動作をコールバック関数で指定可能 郵便番号から住所を補完する際に JSON 形式の住所データを非同期に取得しにいきますが、それが完了した後に呼び出されるコールバック関数を指定できる

  • 1