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.
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!
it is possible to insert a css button inside php? what is the php tag /shortcode to input this button inside a page.php in WP?
I really like this plugin, but how do I center the button on the page? Is it always aligned left?
Ich mag dieses Plugin, aber wie kann ich Mitte der Taste auf der Seite? Ist es immer links ausgerichtet?
Hi,
danke für das Plugin. Es ist sehr sehr nützlich. Leider kann man die buttons nicht zentriert setzen, was mich nicht so sehr stört. Was mich allerdings stört ist, dass die verlinkung im selben Fenster stattfindet und target=”_blank” nicht funktioniert! Oder bin ich zu doof? Ich will wenn jemand auf den Button klickt, dass sich ein neues Fenster öffnet! Kann mir vielleicht jemand helfen oder kannst du das Plugin nochmal überarbeiten?
Can I use the Css button for an email address rather than a web URL?
Thanks,
Thank you. I was looking at a way to add buttons to a site and it occurred to look and see if there was a plug-in that would do what I needed. This worked perfectly.
Is there a way to get these buttons into a widget in a sidebar? I’ve tried creating a post and then using a post-in-sidebar plug-in (Alkivia Side Post; Section widget) but the css gets messed up that way.
Hi there! Great plugin – can you include .png files for a black background? Or a .psd?
Vielen dank!
Great plugin. Was looking for ages for a button plugin.
Guess you could make the button align to the right with help of the css file.
What should I put there?
Hi,
ist wirklich nen super Plugin. Ich habe nur ein Problem, dass der Button ab und an auf eure/deine Seite (milchrausch.de) verlinkt – kann ich das irgendwie abstellen?
Vielen Dank
Daniel
@Daniel, auf Milchrausch verlinkt das Plugin nur wenn kein Linkziel angegeben ist. Quasi als Fallback-Möglichkeit. Wenn das “target” sauber angegeben ist, kann das eigentlich nicht vorkommen.
Hallo,
das Plugin ist echt klasse. Einzige Frage ist, ob man das irgendwie auch zentrieren kann, da eine Links- oder Rechtsausrichtung nicht immer passt.
Danke
Vielen Dank für das sehr nützliche Plugin.
Ich habe nur leider ein Problem: Die Buttonbeschriftung wird in der Vertikalen nicht zentriert.
Ich habe es sowohl mit Version 1.3.1, 1.3.2 als auch 1.5.1 versucht.
Habt Ihr einen Tipp, woran das liegen könnte?