Quantcast
Channel: WordPress アーカイブ - WEBもがき道場
Viewing all articles
Browse latest Browse all 28

Contact Form 7で、ショートコード(タグ)を自作する

$
0
0

Contact Form 7の管理画面内でショートコードを書く


サイトのホームのURLを読み出すコード作りたい場合、以下のように書きます。

<a href="[home_url]/policy" target="_blank">プライバシーポリシー</a>をご確認ください。

functions.phpにコードを書く

**
 * Contact Form 7で独自のショートコードを設定
 * Contact Form 7内に、[home_url] を設置。
 */
function cf7_home_url() {
    return esc_url( home_url( '/' ) );
}

wpcf7_add_form_tag('home_url', 'cf7_home_url'); // Contact Form 7用のショートコードを追加

ポイントはwpcf7_add_form_tag を使うことです。

add_shortcodeはWordPress用のショートコード作成の関数ですが、Contact Form 7には効きません。
Contact Form 7用の関数を書いてあげる必要があります。

wpcf7_add_shortcodeは、WordPress 4.7から非推奨になったので、代替コードのwpcf7_add_form_tagを使いましょう。

参考:https://contactform7.com/ja/2016/12/03/contact-form-7-46/

設定時の注意点

Contact Form 7で使用する関数なので、
Contact Form 7を使用しないときは、上に書いたfunctions.phpのコードをコメントアウトか消去してください。

ショートコードの命名での注意点

以下のようにすると文字列で出力されます。

  • 小文字にする。大文字は×。
    例:
    × [CF7_ADD_POST_ID]
    ◯ [cf7_add_post_id]
  • カッコを入れ子で使用しない。
    例:
    × [hidden your-post-id “[post_id]”]

参考サイト

https://rishuntrading.co.jp/blog/wordpress/call_shortcode_in_contactform7

投稿 Contact Form 7で、ショートコード(タグ)を自作するWEBもがき道場 に最初に表示されました。


Viewing all articles
Browse latest Browse all 28

Trending Articles