ワードプレス便利帳

WordPressの使い方を初心者から上級者までわかりやすく画像で解説

© ワードプレス便利帳 All rights reserved.

cf7

Contact Form 7の便利な拡張機能の紹介

WordPressにお問い合わせフォームといえばこれ!
というくらい浸透している、『Contact From 7』。

制作者とは別に、第3者によって、
便利な機能を持ったContact From 7 の
拡張プラグインが公開されているので、
その一例をご紹介します。

Contact Form 7 add confirm

add

こちらは使用している人もかなり多いのではないか?と思われるプラグイン。
「確認画面へ」「本文を修正する」などの
確認画面を表示できるようになる『Contact Form 7 add confirm』です。

導入方法は至ってかんたん。
インストールして有効化するだけ。

導入前
mae

導入後
ato

後は表示したいところに、
コードを挿入するだけでOK。
form

Contact Form 7 Datepicker

date

Contact From 7 に日付入力項目がほしいなぁ…。

エステサロンさんや整体さんなどでは、
結構思われている方も多いと思います。
いちいち、月・日・時・分、って入力するの面倒ですもん。

この『Contact Form 7 Datepicker』プラグインの出番です。

このプラグインもインストールして有効化するだけ。

date

こんな感じで増えます。

実際にフォームに反映されるとこんな感じです。

sekou

写真では、日付と時間が選択できるようになっていますが、
日付のみ、時間のみ、の入力項目を作ることも可能です。

今日から1週間後からだけ選択できるように~とか、
この期間中だけ選択できるように~、っという設定も可能です。

で、このプラグインの粋なところは
デザインが変更できるところ!

タブの「Datepicker Theme」から選択が可能です。

layout

なぜか上の「フォーム」「メール」などのタブ部分も変わっちゃうけど…。

標準だとちょっと無機質な感じですが、
テーマを適用することでサイトのイメージに合わせた
項目を作成することも可能です。

ググってみたのですが、
Datepicker Theme一覧が見つからなかったので作成してみました。
テーマ選びの参考にどうぞ。

Datepicker-Theme

  • このエントリーをはてなブックマークに追加

関連記事

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

a

201710/24

プラグインを使わない絞り込み機能【未選択時はすべて表示したい】

Wordpressの検索機能について チェックボックスに1つもチェックをいれなかったら 絞り込まずに全部表示。 「絞り込みの入…

av

Welcartのカテゴリー管理・新規登録ページをカスタマイズする

ECサイトをWordpressで運用するときに使われる『Welcart』というプラグイン。 私はこのプラグインが使いにくくて仕方がないです…

gsvgadvg

20172/17

カスタムフィールドでカレンダーを自作【プラグインいらず】

カスタムフィールドだけでカレンダーを自作 プラグイン不要というのはカレンダープラグインを使わずという意味であってカスタムフィールド系のプラ…

20161102200516

201611/2

ループの中に罫線を追加する方法

ループ出力の中に区切り線を追加する ブログや製品・商品情報として、1行ごとに罫線を追加したい、というデザインもあると思います。 しかしル…

20161017154512

201610/17

『WordPress importer』と『Search Regex』を使って画像ごと記事の引越しを行う

『WordPress importer』について WordPressからWordPressへ投稿記事の引越しに関して、WordPressは…

ページ上部へ戻る