- Web制作
Contact Form 7 セレクトボックスの選択肢をタクソノミーのタームやカスタム投稿のタイトルから自動生成
はじめに
タイトルの通りですが、メールフォームのセレクトボックスの選択項目をタームや投稿タイトルから自動で生成する方法のご紹介です。
リクルートサイトでよくあるのが、下記の様なエントリーフォームの項目。
雇用形態や希望職種はカスタムタクソノミーで登録して、それぞれのタームをセレクトボックスの選択肢として自動で吐き出すと便利です。
タクソノミーのタームから自動生成
functions.php
// Contact Form 7 セレクトボックスの選択肢をタクソノミーのターム一覧から自動生成 add_filter('do_shortcode_tag', function ($output, $tag, $attr) { if ('contact-form-7' === $tag || 'contact-form' === $tag) { $id = 10; // コンタクトフォームの ID $name = 'select-recruit'; // セレクトボックスの名前 $tax = 'recruit_type'; // タクソノミーのスラッグ if ($id == $attr['id']) { $terms = get_terms($tax, array('hide_empty' => false)); if (!empty($terms) && !is_wp_error($terms)) { $options = '<option value="">選択してください</option>'; foreach ($terms as $term) { $options .= '<option value="' . esc_attr($term->name) . '">' . esc_html($term->name) . '</option>'; } $output = preg_replace('/(<select .*?name="' . $name . '".*?>)(.*?)(<\/select>)/i', '${1}' . $options . '${3}', $output); } } } return $output; }, 10, 3);
カスタム投稿のタイトルから自動生成
functions.php
//Contact Form 7 セレクトボックスの選択肢をカスタム投稿のタイトルから自動生成 //関数の作成 function job_selectlist($tag, $unused) { //セレクトボックスの名前が'select-job'かどうか if ($tag['name'] != 'select-job') { return $tag; } //get_posts()でセレクトボックスの中身を作成する //クエリの作成 $args = array( 'numberposts' => -1, 'post_type' => 'job', //カスタム投稿タイプを指定 //並び順⇒セレクトボックス内の表示順 'orderby' => 'ID', 'order' => 'ASC' ); //クエリをget_posts()に入れる $job_posts = get_posts($args); //クエリがなければ戻す if (!$job_posts) { return $tag; } //セレクトボックスにforeachで入れる foreach ($job_posts as $job_post) { $tag['raw_values'][] = $job_post->post_title; $tag['values'][] = $job_post->post_title; $tag['labels'][] = $job_post->post_title; } return $tag; } add_filter('wpcf7_form_tag', 'job_selectlist', 10, 2);
名古屋の Web 制作会社で 9 年半働いた後フリーランスに。中小企業のWEBサイト制作実績 100 サイト以上。ディレクション、デザイン、コーディング、WordPress 構築まで手掛けます。主にWeb系の情報をお届けします。