- Version: 1.4
- Downloads: 92
- Dateigröße: 1.45 MB
- Author: Günther Hörandl
metis
Kontaktformular
Beschreibung
"metis" ist das erste vollkommen optimierte Formulartemplate für das CMS GHKit.
Es kann aber natürlich auch als eigenständiges Formular oder auch in jede x-beliebige HTML/PHP Homepage eingebaut werden.
Genauso wie das Template "chloe" ist es mit dem Bootstap-Framework ausgestattet, damit lässt sich "metis" perfekt in eine Bootstrap Webseite integrieren.
Bei diesem einfachen und dennoch professionellen Kontaktformular wurden folgende Formularfelder eingebaut:
- ein Auswahlfeld für die Anrede
- ein Eingabefeld für den Namen
- ein Eingabefeld für die E-Mail Adressse
- ein Auswahlfeld für den gewünschten Empfänger
- ein Eingabefeld für den Betreff
- ein Textfeld für die eigentliche Nachricht
- ein File-Feld für die Möglichkeit einen Anhang zu senden
- eine Checkbox um die Zustimmung der Datenschutzbestimmungen zu bestätigen
- ein Captcha für die Sicherheitscodeabfrage
Die Anzahl der Felder wurde auf ein Minimum beschränkt, sodass es sowohl in der kostenlosen LITE-Version als auch in der FULL-Version (Vollversion) verwendet werden kann.
Top Features
- Optimierung für das CMS GHKit
- Bootstrap Look
- funktioniert auch in der LITE Version
- alle Eingabefelder aktivieren bzw. deaktivieren
- zusätzliche einstellbare Parameter (Sprache, Zeichencodierung und zu ladende CSS)
- 2 Sprachen (deutsch und englisch)
- sehr sicheres, konfigurierbares Captchamehr Informationen dazu
Dieses Template funktioniert erst ab der phpContact Version 3.0.0!
Liste der eingebauten Formularfelder
Nr. | Label | Name | Type | aktiv * | Pflichtfeld * |
---|---|---|---|---|---|
1 | Absender | salutation | select | ![]() |
![]() |
2 | Name | name | input | ![]() |
![]() |
3 | E-Mail Adresse | absendermail | ![]() |
![]() |
|
4 | Empfängerauswahl | select-empfaenger | select-empfaenger | ![]() |
![]() |
5 | Betreff | betreff | input | ![]() |
![]() |
6 | Nachricht | message | textarea | ![]() |
![]() |
10 | Anhang | attachment | file | ![]() |
![]() |
11 | Datenschutz | pivacy | checkbox | ![]() |
![]() |
12 13 |
Sicherheitscode | captcha-img captcha-input |
captcha input |
![]() |
- |
14 | Senden | b4yf_submit | button | - | - |
* In der Grundausstattung so eingestellt. Kann aber im Administratorbereich geändert werden.
"metis" einrichten
Konfiguration der Bootstrap CSS mit dem Bootstrap Customizer
Die CSS Dateien bootstrap.css
, bootstrap.min.css
, bootstrap-theme.css
und bootstrap-theme.min.css
(die sich im Unterordner chloe/css/bootstrap/css/ befinden) wurden mit dem Bootstrap Customizer in den Grundfarben und nur mit allen notwendigen CSS Eigenschaften erstellt.
Um sich sein eigenes Style bzw. die eigenen Farben zu erstellen, benötigt man die Source Datei /chloe/css/bootstrap/config.json
. Diese ladet man zuerst in den Bootstrap Customizer und passt danach seine gewünschten Attribute an. Wenn alle Einstellungen vorgenommen wurden, kann man am Seitenende die neuen CSS Dateien generieren lassen und als gepacktes ZIP Archiv downloaden. Dann nur noch diese ZIP Datei entpacken und auf den Server in das Verzeichnis /chloe/css/
hochladen (existierende Dateien überschreiben). Jetzt das phpContact Formular neu laden und das neue Design bewundern.
Einbau per include oder require in eine bestehende Bootstrap Homepage
Da sich in einer bestehenden Bootstrap Homepage schon die notwendigen CSS Dateien befinden, sollten diese nicht nochmals durch phpContact bzw. "chloe" geladen werden. Außerdem werden für "chloe" die Farben der Homepage übernommen und das Formular wird automatisch an das Design angepasst.
Dazu muss im phpContact Administratorbereich bei den Konfigurationseinstellungen des chloe Templates der Punkt CSS Variante: "only_system" gewählt werden. Somit werden nur die notwendigen CSS Deklarationen für das Layout geladen.
Einbau in das CMS GHKit
Wenn "metis" in das CMS GHKit eingebaut wird, werden automatisch alle notwendigen Designanpassungen automatisch vorgenommen. Dabei werden die Kongigurationspunkte "CSS Variante" und "Bootstrap JS laden" ignoriert.
Zusätzliche Informationen
History
-
v1.4 [04.04.2019]
- Captcha Bug bei https gefixt
- Auswahlfeld Anrede (fehlende Optionen) gefixt
-
v1.3 [08.03.2019]
- neue Captcha Version 2.5 integriert
- Konfiguration des Captchas bei den Template Parameter-Einstellungen
-
v1.2 [18.03.2018]
- Design Perfektion für GHKit Template Omen, Helios und Xena hinzugefügt
- kleiner Bugfix (Select Anrede)
-
v1.1 [11.09.2017]
- Design Perfektion
- GHKit Integration verbessert
-
v1.0 [04.07.2017]
- first Release
Kommentare (0)