Material Design for Contact Form 7

Beschreibung

Kontaktformular 7-Formulare können so reaktionsschnell und interaktiv wie eine App sein, einfach durch das Hinzufügen von Google’s „Materialdesign“ Motiv.

Kontaktformular 7 Stil

Dieses Plugin stellt eine Reihe von Shortcodes zur Verfügung, die so konzipiert sind, dass sie sich um Ihre CF7 Formular-Tags wickeln und ein Materialdesign Motiv auf diese anwenden.

Kontaktformular 7 + Materialdesign in Aktion

Nehmen Sie sich 30 Sekunden Zeit und sehen Sie wie Ihre Kontaktformulare aussehen könnten. Sehen Sie sich das untenstehende Video and und/oder spielen Sie es ab auf live demos.

Was ist neu in der Version 2.0?

  • Benutzt das neue Materialdesign. Text und ausgewählte Felder erscheinen jetzt in Boxen und umrissenen Varianten. Textbereiche haben jetzt ein innere Beschriftung. Gucken Sie sich die Screenshots unten an.
  • Neue Schaltflächen-Varianten. Erhöht (Standard), nicht erhöht und umrissen.
  • Besserer Browser Support. IE11, iOS8+, plus alle moderne Browser.
  • Individuelles CSS hat jetzt eine Syntax Hervorhebung
  • Sie können wählen, ob Sie weiterhin die Orginal/Legacy-Stile verwenden möchten.

Kontaktformular 7 kann interaktiver sein

Lassen Sie Ihre Formularfelder intuitiver auf Benutzereingaben reagieren. Feld-Labels beginnen als Platzhalter und gleiten nach oben, wenn Sie das Feld fokussieren. Kontrollkästchen und radios werden animiert, wenn Sie auf sie klicken. Die Schaltflächen für das Versenden beinhalen den Materialdesign „Wellen“-Effekt. Und mehr!

Zur Zeit unterstützt:

  • Helles oder dunkles Motiv
  • Texteingabe (beinhaltet Text, E-Mail, URL, Tel., Nummern, Datum) – Boxvarianten und umrissene Varianten
  • Textbereich mit wahlweiser automatischer Größenanpassung
  • Auswahl/Dropdown-Menü – Boxvarianten und umrissene Varianten
  • Kontrollkästchen
  • Radio-Buttons
  • Akzeptanz
  • Datei-Upload Feld
  • Absende-Button (mit loading spinner)
  • Quiz
  • ReCaptcha
  • Andere (Validierung/ Erfolgsmeldungen usw.)

Pro Version:

  • Farben und Schriften anpassen
  • Felder in Spalten anordnen
  • Aktivieren Sie radios und Kontrollkästchen auf switches
  • Fügen Sie maßgebliche Symbole zum Text hinzu und wählen Sie Felder aus
  • Gruppieren Sie Felder in Abschnitte mit cards
  • Direkter E-Mail Support

Sie können jederzeit zu der Pro Version upraden ohne WordPress verlassen zu müssen.

Funktioniert gut zusammen mit diesen anderen Plugins

  • Contact Form 7 Live Preview
  • Mailchimp für WordPress
  • Bedingungsfelder für Kontaktformular 7
  • Kontaktformular 7 Mehrschrittformulare
  • Unsichtbarer reCaptcha für WordPress (aber nicht CF7 Unsichtbar reCaptcha)
  • Mehrfach-Datei Upload Feld für Kontaktformular 7 (Basis-Support)

Reaktionsschnelles Kontaktformular

Materialdesign für Kontaktformular 7 ist ein vollkommen reaktionsschnelles Kontaktformular 7 Motiv. Es passt sich an ihre Bildschirmgröße an und funktioniert auf jedem Gerät.

Kontaktformular Stil

Materialdesign für Kontaktformular 7 wendet die Materialdesign Standardfarben und -schriften standardmäßig auf Ihr Formular an, aber Sie können den WordPress Customizer verwenden, um die Schriften und Farben nach Ihren Wünschen zu ändern, wenn Sie Ihre Pro Version verwenden.

Screenshots

  • Ein einfaches Formular
  • Einfaches Formular, das den gekennzeichneten Stil verwendet
  • Einige mehr Formfelder, und individuelle Farben (pro Feature)
  • Beispiel für ein dunkles Motiv
  • Shortcode Generator
  • Shortcode Generator

Installation

  1. Laden Sie die Zip-Datei auf das /wp-content/plugins/ Verzeichnis hoch und unzippen Sie sie.
  2. Aktivieren Sie den Plugin durch das ‚Plugins‘ Menü in WordPress

ODER gehen Sie auf ‚Plugins‘ > ‚Neuen hinzufügen‘, und suchen Sie nach ‚Materialdesign für Kontaktformular 7‘, um es durch das WordPress Dashboard zu installieren.

FAQ

Was ist Materialdesign?

Materialdesign ist eine Zusammenstellung von Richtlinien, erstellt von Google, die beschreiben, wie Ihre Webseite oder App aussehen und sich verhalten sollte. Die meisten Google-Anwendungen verwenden Materialdesign, einschließlich Android selbst.

Benötige ich auch ein Materialdesign Motiv?

Nein, gar nicht! Das tolle an Materialdesign ist, dass Sie so wenig oder so viel wie Sie wollen verwenden können. Es ist vollkommen in Ordnung, nur Ihre Formulare mit Materialdesign gestaltet zu haben und nicht den Rest Ihrer Seite.

For more ways to add Material Design to your WordPress site (without changing your theme), see WordPress Material Design.

Wie benutze ich dieses Plugin?

Die gesamte Dokumentation kann durch Anklicken von „Hilfe“ (oben rechts auf dem Bildschirm) und dann „Materialdesign“ des CF7 Formular-Editor Bildschrims gefunden werden.

Für ein ausführlicheres Tutorial, sehen Sie How to apply Material Design to Contact Form 7.

Es sieht für mich nicht richtig aus!

Einige Motive haben Stile, die die Materialdesign-Stils überschreiben. Falls Ihnen das passiert, veröffentlichen Sie einen Link auf Ihrer Formularseite auf support forum und ich helfe Ihnen, dies zu beheben.

Rezensionen

Juni 19, 2019
This plugin basically does everything you want it to do with your Contact Form 7 contact form. Responsive and nice to the eye. Even the free version makes the contact form look nice and professional without having to go out of your way to spend hours on writing css to make cf7 look good. 10/10 would install again.
Mai 10, 2019
Great plugin. Easy to use and does what it says on the box. Just hope that more features like styling will be available in free version. Thanks
Lies alle 50 Rezensionen

Mitwirkende & Entwickler

„Material Design for Contact Form 7“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„Material Design for Contact Form 7“ wurde in 8 Sprachen übersetzt. Danke an die Übersetzerinnen und Übersetzer für ihre Mitwirkung.

Übersetze „Material Design for Contact Form 7“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

2.5.4

  • Freemius SDK aktualisieren
  • Fix for Safari datepickers sometimes being hidden behind other elements
  • Fix one of the nags which kept appearing after being closed

2.5.3

  • Adds CSS to remove duplicate dropdown arrows from select fields on some themes
  • Adds a fast option to download the latest pro version for existing license holders

2.5.2

  • Fixes a bug with include_blank in select fields

2.5.1

  • Updates to comply with the „Contact Form 7“ trademark policy

2.5.0

  • Allow exclusive checkboxes to be turned into switches
  • Fields now show invalid state after invalid form submission
  • A fix for avada theme selects

2.4.2

  • Fixed a bug with polyfilled dates in Safari

2.4.1

  • Fixed an upgrade bug
  • Added some CSS to combat some themes overriding our styles
  • Fixed terminology for switches

2.4.0

  • Exposed a JavaScript function to manually initialize the plugin scripts (for use on dynamically loaded forms).

2.3.5

  • Improve file field display
  • Activated max-width fix from 2.3.4

2.3.4

  • Added info about affiliate program in dashboard
  • Added a fix for some themes that set label’s max-width to 100%
  • Security improvements

2.3.2

  • Added translations! Russian, Japanese, French, German and Spanish

2.3.1

  • Update, um die Übersetzung des Shortcode Generators zu ermöglichen

2.3.0

  • Das Plugin ist nun übersetzbar

2.2.2

  • default:get auf ausgewählten Feldern erlauben

2.2.1

  • Problem beim automatischen Ausfüllen von festgesetzten beschriebenen Feldern
  • Dokumente aktualisieren, um im neusten cf7 arbeiten zu können

2.2.0

  • Festegesetzte Felder wurden zur nicht länger in Gebrauch svg geändert
  • Symbole als ein pro Feature hinzugefügt

2.1.6

  • Eine Polyfill Datumsauswahl wurde hinzugefügt

2.1.5

  • Einige CSS Korrekturen für iOS Datumsfelder und Beschriftungen

2.1.4

  • Spalten auf engen Formularen fixieren

2.1.3

  • Einen PHP Kompabilitätsfehler beheben

2.1.2

  • Beheben Sie einen alten Fehler in pre CF7v5 Akzeptanzfeldern

2.1.1

  • Einen Fehler im Upgrade Formular v1 Prozess beheben

2.1.0

  • Mit Mehrfach-Datei Upload Feld für Kontaktformular 7 integrieren?

2.0.0

  • WICHTIGES UPDATE
  • Gänzlich neue Materialdesign-Bibliothek
  • Text und ausgewählte Felder gibt es jetzt in Boxvarianten oder umrissenen Varianten.
  • Neue Schaltflächen-Varianten. Erhöht (Standard), nicht erhöht und umrissen.
  • Textbereiche haben ein inneres Label
  • Besserer Browser Support
  • Hervorhebung der individuellen CSS Syntax

1.8.1

  • Beheben Sie ein paar Bugs und einen Fehler, der bei den älteren PHP Versionen aufgetreten ist

1.8.0

  • WICHTIGSTE NEUE FUNKTIONEN: Shortcode Generator UI. Keine manuelle Shortcode Erstellung mehr und ständiges Beziehen auf die Dokumentation
  • Die voreingestellte Etikettenfarbe und der Eingabebereich wurden leicht abgedunkelt

1.7.7

  • Behebt ein Problem, das durch 1.7.6 auf einigen Systemen verursacht wurde

1.7.6

  • Aktualisiert die Akzeptanz-Shortcodes, sodass diese mit dem neusten CF7 Update verwendet werden können

1.7.5

  • Eine PHP Warnung wurde behoben, wenn keine benutzerdefinierten Stile festgelegt wurden
  • GDPR Übereinstimmung

1.7.4

  • Ein Bug wurde behoben, bei dem Sie „Benuzerdefinierte Stile verwenden“ ein- und ausschalten mussten, before es tatsächlich funktionerte

1.7.3

  • Ein Problem beim Checkout wurde behoben

1.7.2

  • Update hinter den Kulissen

1.7.1

  • Ein JavaScript Fehler in der letzten Veröffentlichung wurde behoben

1.7.0

  • Benutzerdefinierte Option für Button-Farben hinzufügen
  • Die Organisation von Kontrollkästchen und radios in Spalten erlauben
  • „Veränderungen, die Sie gemacht haben, wurden möglicherweise nicht gesichert“-Nachricht auf nicht bearbeiteten Formularen fixieren
  • Ausblenden von benutzerdefinierten Nachrichten am Frontend erlauben
  • Schaltfläche Schließen in der Anzeige für die Premium Version fixieren.
  • Freemius API aktualisieren
  • Bessere Standardstile für Textfeld-Labels

1.6.2

  • Fügt eine Korrektur für Themen hinzu, die die Eingaben in eine Schaltfläche verwandeln

1.6.1

  • Integration mit Kontaktformular 7 Live Preview-Plugin hinzugefügt

1.6.0

  • Mehr benutzerdefinierte Optionen hinzugefügt
  • Freemius SDK aktualisiert
  • Ein Shortcode wurde hinzugefügt, um sicherzustellen, dass Layoutattribute funktionieren, wenn sie tief verschachtelt sind.
  • Behebt einen Firefox-Bug mit ausgewählten Optionen für dunkle Motive
  • Einige CSS wurden hinzugefügt, um die Wahrscheinlichkeit zu verringern, dass Motive Stile überschreiben

1.5.18

  • Freemius SDK Update, behebt einen Bug durch Staging/Implementierung
  • Ein Partnerprogramm wurde hinzugefügt – Verdienen Sie Geld, indem Sie das Plugin bewerben

1.5.17

  • Behebt einen Bug bei der Eingabe von Dateien innerhalb von bedingten Feldgruppen

1.5.16

  • Behebt einen Fehler durch Safari und vielfach-Spalten Layouts

1.5.15

  • Angepasster Link wurde zu Frontend-Formularen hinzugefügt

1.5.14

  • Integration mit anderen Plugins erlauben
  • Aktualisierte Dokumentation

1.5.13

  • Freemius SDK aktualisieren

1.5.12

  • Einen Bug bei erforderlichen ausgewählten Feldern beheben

1.5.11

  • Einen Bug bei Textfeld Sandardwerten beheben

1.5.10

  • Einen Bug bei Quiz-Feld beheben
  • Roboto entfernen, falls nicht benötigt

1.5.9

  • Einige IE Edge Bugs beheben

1.5.8

  • Akzeptanzfeld-Bug beheben

1.5.7

  • iOS Datepicker Bug beheben
  • Einen CSS Konflikt mit einem WooThemes Motiv beheben

1.5.6

  • Datei-Upload Stile verbessern

1.5.5

  • Minimale Höhe der automatischen Größenanpassung von Textbereichen aktualisieren

1.5.4

  • Feature: Automatische Größenanpassung von Textbereichen
  • Besseres Ausblenden von Attributen und html
  • Bessere Anpassung für Dateieingaben
  • Einheitlichere Kontrollkästchen Ausrichtung mit langen und kurzen Labels

1.5.3

  • Machen sie es mögich, dass [md-text] Shortcode zusammen mit html5 Datepicker funktioniert

1.5.2

  • Behebung eines negativen Margenproblems mit CSS Grid

1.5.1

  • Geringere Updates im Hintergrund

1.5.0

  • [Premium Version] erlaubt es, Kontrollkästchen und radios in switches zu setzen.
  • Update zur Festlegung des vertikalen Abstandes mit CSS Grid

1.4.0

  • Datei-Upload-Feld hinzugefügt

1.3.3

  • Abstandshalter-Optionen wurden hinzugefügt
  • Support für qQuiz and reCaptcha wurde hinzugefügt

1.3.2

  • Verbesserte docs

1.3.1

  • Geringe Bug Behebungen
  • Sicherstellen, dass das CF7 Plugin aktiv ist

1.3.0

  • Plugin Untermenü-Seite wurde hinzugefügt
  • Pro Version Info hinzufügen

1.2.0

  • Unter den hood-Updates

1.1.0

  • Überarbeitetes CSS, damit es spezifischer ist
  • Option für dunkles Motiv wurde hinzugefügt

1.0.0

  • Erstveröffentlichung