该插件尚未通过WordPress的最新3个主要版本进行测试。 当与较新版本的WordPress一起使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

下载

Contact Form 7 Material Design

作者Damian Orzoł

描述

We would like to present you the best plugin for Contact Form 7. For a long time we have used this solution for our clients and we have often received favorable comments about our contact forms. We belive that this look matches the every website. Therefore, we decided to make it possible for everyone to use it.

See how it works: MaterialDesign – CF7

How does it work?

Our plugin adds a specially selected style sheet and a script from the materialize.css library. However, we had to implement certain modifications. For instance, we improved the selectors, because the themes tend to interfere with plugin styles. Despite this improvement, certain element may slightly differ form the original. If that is the case, you can contact us or strengthen style sheet rules of our plugin on your own. In the next step we changed the output of the Contact Form 7. We tested it on many templates. It works properly as we expected.

What does the plugin offer?

  • Supports all available fields and adds some extra.
  • You do not need any professional programming skills.
  • You do not need special shortcodes, just the right structure.
  • It also supports Material Icons as prefixes.
  • You can fully customize it according to your needs.
  • You can change the colours from the admin panel.
  • You can manage the Date Picker and Time Picker options and translations.
  • Works on any browser.
  • Includes classes for dividing elements into columns.
  • The radio buttons and checkboxes are available in several variants.
  • In the options panel there are clear instructions on how to create forms. Already prepared forms can be easily copied with one click.
  • Works everywhere on the site (eg. in widgets).

屏幕截图

  • How it work.
  • Help desk.
  • Options panel.

安装

  1. From the WordPress menu, select ‘Plugins’ and then ‘Add New’.
  2. Select ‘Send plugin to server’.
  3. Click the ‘Browse’ button and select the .zip file with the plugin.
  4. Click the ‘Install’ button and then activate the plugin.

常见问题

What is needed for this plug-in?

This plugin is an extension to Contact Form 7.

How to use the plugin?

Set up a new form with the right structure. Detailed structures description is in the
Help tab.

What to do if the plugin does not work properly?

If the plugin is not working properly, you most likely need to check the structure of
the form. In the most cases, The problem lies in the spacing between form elements.

评价

Great but with the room for improvement

2019 年 9 月 21 日
Your plugin is very simple to use and works very well. The one thing I don't like is the usage of !important parameter everywhere in your code, and because of that it took me some time to made my form look the way I want it to look. The overall impression is great nonetheless. Keep up the good work.

Mega style update

2018 年 11 月 29 日
This simple and light plugin pushes your "contact form 7" form to a new level of design. super ! ADVICE for use: look at the examples on their website, how they write their code. it is a little bit different and has extras. also I found out that sometimes when you write the code "<label>" at the beginning, it is messing up the design. but actually i hate the label code, so it is even better. but just look carefully, at their examples. then everything works fine. 🙂

Good job!

2018 年 10 月 14 日
All is working perfectly. No annowing subscription advertisements in admin panel. I think, Wordpress has to change the order of plugins showing on 'material design' search results. This particular plugin has to move from second place to the first.
阅读所有9条评价

贡献者及开发者

“Contact Form 7 Material Design” 是开源软件。 以下人员对此插件做出了贡献。

贡献者

将“Contact Form 7 Material Design”翻译成您的语言。

对开发感兴趣吗?

您可以浏览代码，查看SVN仓库，或通过RSS订阅开发日志。

更新日志

1.0

The first stable version.

额外信息

评级

查看所有评价
登录以提交评价。

支持

有话要说吗？是否需要帮助？

查看支持论坛

捐助

您愿意支持这个插件的发展吗?

捐助此插件