In letzter Zeit hat es mich des öfteren genervt das Wordpress keine integrierte Funktion bietet einen ansehnlichen Button in Posts zu integrieren. Dies habe ich mir zum Anlass genommen das Wordpress Plugin WP CSS Button zu schreiben.
WP CSS Button macht nichts anderes als den Wordpress Shortcode
[CSS BUTTON target="http://www.milchrausch.de" color="000000" textcolor="ffffff"]Beispielbutton[/CSS BUTTON] (bitte CSSBUTTON ohne Leerzeichen verwenden!)
in einen ansehnlichen Button zu verwandeln. Die Größe des Buttons passt sich automatisch dem Inhalt des Beschreibungstextes an.
Die zu verwendenden Parameter
target – Ist die Adresse welche beim Klick auf den Button aufgerufen wird
color – Ist die Farbe des Buttons. Dieser Parameter ist optional. Wenn color nicht gesetzt ist, wird die Standardfarbe verwendet.
textcolor – Ist die Farbe des Linktextes. Dieser Parameter ist optional. Wenn textcolor nicht gesetzt ist, wird die Standardfarbe verwendet.
Die Farbangaben werden immer im Hexadezimalsystem gesetzt.
Beispiele
Installation
Die Installation funktioniert genau wie bei jedem anderen Wordpress Plugin.
- Archiv herunterladen
- Archiv entpacken
- Archivinhalt im Pluginverzeichnis eures Blogs ablegen
- Plugin in der Pluginverwaltung aktivieren
Download von WP CSS Button
Updates
Ich empfehle das abonieren meines Twitter Accounts um über Updates informiert zu bleiben.
30.05.2009 – Bugfixrelease 1.3.1 ist raus
29.05.2009 – Das Plugin ist nun in Version 1.3 im offiziellen Wordpress Plugin Verzeichnis zu finden.
AndreasK on 
Moonica on 
Malte Landwehr on 
eisy on 
Teo on 
Ich würde statt TARGET lieber HREF verwenden und den TARGET – Parameter standardmäßig auf “SELF” setzen. Die Option wäre dann “BLANK”. Echt gut das Ding!
@Pisi, danke für den Hinweis, leider ists wohl zu spät :-)
Das könnte man ja in einem Update einmal ändern ;) Sieht aber wirklich spitze aus, super arbeit :)
Wordpress Plugin – WP CSS Button : Milchrausch! http://tinyurl.com/lbujzh
Sieht super aus – klasse!
Gibt es das Plugin schon im offiziellen WP-Plugin-Verzeichnis?
@Marc, die Zugangsdaten fürs SVN sind erst vorhin eingetroffen. Im laufe des heutigen Abends wandert das Plugin ins offizielle Verzeichnis
@Marc, das Plugin ist nun im offiziellen Wordpress Plugin Verzeichnis zu finden http://wordpress.org/extend/plugins/wp-css-button/
Danke schön. Bei Plugins fühle ich doch wohle, wenn sie im offiziellen Verzeichnis zu finden sind.
Schade, bei mir produziert das Plugin bei der Vorschau einen Fehler:
Warning: Cannot modify header information - headers already sent by (output started at /..../wp-content/plugins/wp-css-button/index.php:35) in /.../wp-includes/pluggable.php on line 850
@Marc, hast du weitere Infos wo und wann der Fehler auftritt?
Ich habe grad die 1.3.1 rausgeschickt. Diese sollte in ein paar Minuten im Verzeichnis erschienen. Könntest du das damit nochmal testen?
Works great, thank you
WOW! Vielen Dank für das Plugin, das ist genau das was ich gesucht habe!
Excellent plugin – the buttons look amazing!
Klase Plugin, gerade installiert und schon in Verwendung. Vielen Dank!!
Wirklich ein gutes Plugin, gibts auch eine Möglichleich den Button zentriert oder gar rechts auszurichten?
I would love to see an option for dark backgrounds, and also the ability to use the same css button code in templates and widgets.
GREAT PLUGIN! CONGRATS! but if i have a div or image with float right, the button is ‘breaking line’, it is below the item. an eg:
text text text | i
text text text | m
text text text | a
text text text | g
css bt (i want here) | e
it is here.
how can i fix this?
thanks a lot! sorry for my english.
Thanks for the great plug-in. Yours is by far the best (if not only) button generator for wordpress.
Suggestion: It would be great if the button could change color (or something similar) when being hovered over. They look great now but are a bit static.
Thanks for your work!
Funktioniert auch super mit WP 2.9! Bis auf das “htmlspecialchars” auf den “target” ist es ein super Plugin.
Für was ist die Funktion da drauf? Bei Amazonlinks kommen so oft komische sachen raus. Wenn man es auskommentiert klappts prima!