metis

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)

Dieses Template wurde für die phpContact Version 3.0.0 entwickelt!

Liste der eingebauten Formularfelder

Nr.	Label	Name	Type	aktiv *	Pflichtfeld *
1	Absender	salutation	select
2	Name	name	input
3	E-Mail Adresse	absendermail	email
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.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