デザイナーと繋がる!WebJoyクリエイターブログ WebJoyコミュ

2016年06月18日 WordPressWEB技術

advanced custom fields特集その7!Contact form 7 Fieldの使い方

皆さんこんにちは!長崎のホームページ制作会社、合同会社WebJoyです。

advanced custom fieldsはContact form 7と連携させることが可能です!

advanced custom fieldsの無料アドオンContact form 7 Fieldを使うと、事前に設定したContact form 7のフォームと簡単に連携させる事ができます。

より管理画面をスマートに作りたい方は、導入をされることで選択肢から選ぶだけで簡単にフォームの設置ができるようになるためおすすめです。

まずは、こちらよりダウンロードください。

設定方法

他のアドオン同様インストール・有効化を行うとadvanced custom fieldsのフィールドタイプ欄に「Contact form 7」が表示されます。

ここで「Contact form 7」を選択します。

下の項目「Disable Forms?」の欄で選択させないフォームを指定することができます。

出力方法

出力方法はテキストフィールドと同じです。

<?php if( get_field('フィールド名') ) { ?>
	<?php the_field('フィールド名'); ?>
<?php } ?>

このように入力することで、実際のページでお問い合わせフォームが作動します。

まとめ

元々Contact Form 7自体がショートコードを貼り付けるだけでできるため、簡単ではありますが、それでもお客様に直接貼り付けてもらうには敷居が高い印象があります。

複数パターンフォームがある場合は、お客様の負担を減らすために導入されることをおすすめします。

RepeaterFieldやFlexible Content Fieldと連携されることで自由な場所へ貼り付けることもできるためおすすめです。


WebJoyで使用しているサーバー情報

合同会社WebJoyでは、エックスサーバーを主に使用しています。その理由はWordpressを運営する上で重要なサーバースペックが高く、かかる費用も安いため個人でのご契約でもおすすめしています。会社経営をする前から約8年間お世話になっているサーバーです。ブログを始めたい方は是非ご契約ください!上記の画像をクリックすることでエックスサーバーの公式サイトに移動します。

この記事を書いた人

長崎のホームページ制作会社 合同会社WebJoy
代表社員 朝永祐太

長崎県にてホームページ制作を行っております。今の時代、Webを活用するためにはブログは必須だと感じ、最近ではブログ集客に力を注ぎ始めました。
実際に当ブログのアクセスを増加させることでよりよい提案ができればと考えております。
そして、近い将来、有益な情報配信を主とした企業を目指しております!

関連記事

2017年12月10日コレで完結!Bootstrapの使い方3
2017年12月07日まだまだ出来ることたくさん!Bootstrapの使い方まとめ その2
2017年12月01日スマホサイト構築に便利!Bootstrapの使い方まとめ その1
2017年01月01日CSSで四則計算!CSS calcの使い方
2016年06月19日advanced custom fields特集その9!Table Fieldの使い方
  • Facebookページ
  • 公式twitterアカウント