Asairo Design

デザイン制作チーム 浅色デザインオフィシャルサイト。web関連やメモの置き場所。熊本県出身のweb制作者。たまに小説。

Wordpress

contactform7のセレクトボックスにカスタム投稿のタイトルを自動取得

投稿日:

contactform7のセレクトボックスにカスタム投稿のタイトルを自動取得する方法。
header.phpに以下を記述
記述箇所はjquery以下になるので、基本的にはwp_headより下になる。

if( is_page('10')): ?>
<script type='text/javascript'>
    jQuery(function(){

        <?php $my_query = new WP_Query('&post_type=recruit'); ?>
        <?php if ($my_query->have_posts()) : ?>
            <?php while ($my_query->have_posts()) : $my_query->the_post(); ?>

                jQuery('#select-title').append(jQuery('<option>').attr({ value: '<?php the_title(); ?>' }).text('<?php the_title(); ?>'));

            <?php endwhile; ?>
        <?php endif; ?>

    });
</script>
<?php endif; ?>

軽い解説

header.php

最初の is_page(’10’) はページIDを指定。
contactform7のショートコードが記載されている場所になります。
※例では固定ページに埋め込んでる場合


次にこのrecruitをカスタム投稿の任意のスラッグに変更。

コンタクトフォームの画面に移動

フォーム内で
[select job id:select-title]
と指定

こんな感じになると思います。
recruitだのjobだのは採用ページを作る際によく使うであろう想定なので使い回しがききやすい、と思います。

-Wordpress
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

カスタム投稿のスラッグ、投稿記事のスラッグを取得

すぐ忘れそうなので備忘録。 Contents1 [やりたいこと]1.1 カスタム投稿名を取得1.2 カスタム投稿に投稿した記事のスラッグを取得1.3 表示例 [やりたいこと] ・カスタム投稿の管理とし …

WPtouchを最近のアンドロイドに対応させる話。

私はiPhoneユーザーではないので、iPhoneでの見え方はユーザーエージェントなど使わないとわからないのですが(UAでも正確な情報はわからない場合がある)

contact form7でサンクスページへ遷移

概要 ※contact form7でサンクスページに遷移したい。 ※javascriptの「on_sent_ok」は2017年内に廃止予定。 ※代替案としてfunction.phpに変更を加える。 通 …

wordpressの管理画面の表示が崩れた件 [kagoyaサーバー]

Contents1 管理画面が壊れた?1.1 原因を確認2 解決・対処方法2.1 こちらのサイトを参考にしました。 管理画面が壊れた? 2016年10月16日、突然管理画面がアイキャッチのような表示に …

contactform7でセレクトボックス使用時「お選びください」などの文言を表示させる

ディレクトリ階層が以下の場所を開く wp-content > plugins > contact-form-7 > modules の中の select.phpを開くと87行目あたりから if ( $ …

名古屋AC

※虐待防止講演会2017 記事一覧

おススメ書籍(AD)

(AD)