e.nigma buttons

Beschreibung

e.nigma buttons ist ein Plugin, welches ein bekanntes Problem vieler WordPress Nutzer behebt: Das visuelle hervorheben eines Links (bspw. ein Download-Link). Eine Lösung für dieses Problem ist die Nutzung von Buttons.

Der Zweck eines Buttons ist klar. Man drückt ihn und etwas passiert – ein Prinzip was jeder kennt. Im Gegensatz zu Text-Links (bspw. Download-Links), werden Buttons schneller erkannt. Insbesondere dann wenn bspw. ein Icon in Kombination genutzt wird.

e.nigma buttons erlaubt das einfache Erstellen visuell attraktiver Buttons mittels eines Shortcodes.

Die Entwicklung des Plugins ist ein offener und kontinuierlicher Prozess. Die aktuelle Version ist immer auf GitHub zu finden.

https://github.com/chemiker/enigma-buttons

Vorschläge für Verbesserungen oder Fehlerbeschreibungen werden gerne per GitHub entgegen genommen.

Shortcodes & Attribute

e.nigma buttons stellt den Shortcode [button] zu verfügung. Die folgenden Optionen können genutzt werden um den Button anzupassen:

• label (Beschriftung): Die Beschriftung des Button
• icon (Icon): Das Icon des Button
• link (Link): Der Link des Button
• color (Farbe): Farbe des Buttons
• border (Rand): yes (Standard) oder no
• size (Größe): small, medium (Standard) oder large
• class: Weitere CSS-Klassen, welche dem Button zugefügt werden sollen.

Die meisten Shortcodes sind selbsterklärend. Es sollte jedoch angemerkt werden, dass das icon Attribut auch mit einem modifiziertem Font Awesome Shortcode gefüllt werden kann.

Zum Beispiel: Falls ein GitHub Icon verwendet werden soll, kann das Icon in der Übersicht über alle Icons gefunden werden. So lässt sich auch die dazugehörige CSS-Klasse ermitteln. Für die Nutzung in e.nigma buttons wird der Icon-Name benötigt. Dieser wird erhalten, wenn man das „fa-“ der CSS Klasse weglässt. Für GitHub bspw. lautet CSS-Klasse fa-github. Der Wert für das icon Attribut lautet also github.

Farben

Die folgenden Farboptionen stehen zur Auswahl:
* green
* orange
* purple
* cyan
* white
* red
* black

Zusätzlich zu diesen Werten können auch Hex Farbwerte genutzt werden (bspw. #ff3600)

Icons

e.nigma buttons nutzt Font Awesome von Dave Gandy als Icon Quelle. Eine Übersicht über alle Icons findet man auf der Font Awesome website.

Beispiele

[button label="My GitHub account" icon="github" color="orange" link="https://github.com/chemiker"]

Zeigt einen orangenen, großen und verlinkten Button mit einem GitHub Icon an. Der Button ist mit „My GitHub account“ beschriftet.

[button icon="github" color="orange" link="https://github.com/chemiker" size="large"]

Zeigt einen orangenen, großen und verlinkten Button mit einem GitHub Icon an.