這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

WordPress Form Customizer | CF7 Customizer

描述

👌 Customize, style and theme your WordPress Contact Forms. An intuitive plugin to design your contact forms via WordPress live customizer, right at the front-end.

Getting started:

Let’s get you started

  • Step #0: → Install/Activate Contact Form 7 & Titan Framework.
  • Step #1: → Add New Form and SAVE it.
  • Step #2: COPY the shortcode of the form you just created and paste it inside your Contact Page.
  • Step #3: Go to your contact page(front-end) and open CUSTOMIZER from the admin bar.
  • Step #4: Find and open CF7 Customizer panel and customize your contact forms. Voila!

Pst. I am going to launch something interesting for this plugin Signup to get notified!

License

GNU GPL v2.0. ⓒ Ahmad Awais

螢幕截圖

  • Open customizer at contact form 7 page and you will find a new menu called CF7 Customizer
  • Inside CF7 Customizer panel there are four sections for you to customize
  • Form Text & BG Colors Section
  • Form Padding, Margin & Border Section
  • Input Field Styling Section
  • Button Styling Section

安裝

  • Step #0: → After installing CF7Customizer, Install/Activate Contact Form 7 &Titan Framework.
  • Step #1: → Add New Form and SAVE it.
  • Step #2: COPY the shortcode of the form you just created and paste it inside your Contact Page.
  • Step #3: Go to your contact page(front-end) and open CUSTOMIZER from the admin bar.
  • Step #4: Find and open CF7 Customizer panel and customize your contact forms. Voila

常見問題

Q1: Contact Form Styles didn’t show up after I saved and press ‘x’ in the Customizer?

Ans: Press refresh, and clear the cache. It happens for reasons like, if:
* You use any caching plugin
* Your server has some cache generation
* You are using CloudFlare
So, just clear the cache and press refresh button on your browser a few times.

Q2: I am unable to find CF7Customizer settings page? Where is that?

Ans: I can understand that could be frustrating.

You need to read these two steps again

Step #3: Go to your contact page(front-end) and open CUSTOMIZER from the admin bar.
Step #4: Find and open CF7 Customizer panel and customize your contact forms. Voila!

Here, I created a screencast for you to understand these two steps Watch it!

評價

2021年3月10日
I like this one but no more updates?? So I give only 4 Stars Please update and add option/checkbox/list customization
2019年1月29日
I was trying this plugin to style input fields, but it does nothing on input fields. I just changes background color and text color or the parent element. So, actually, you are not styling the form, you are styling a div which has a form. Definately, not was I was looking for. Also, you only can pick RGB colors, so if your are working with transparent layers, won't be usefull...
閱讀全部19個評價

貢獻者及開發者

“WordPress Form Customizer | CF7 Customizer” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

修改日誌

❯ Read the changelog here →

KEY: 📦 NEW, 👌 IMPROVE, 🐛 FIX, 📖 DOC, 🚀 RELEASE, and ✅ TEST

I use Emoji-log, you should try it and simplify your git commits.