joghurtKULTUR auf Twitter

Milchrausch!

Welcome to the milky way of life

Navigation:Weblog / Blog article: Wordpress Plugin – WP CSS Button

WordPress Plugin – WP CSS Button

geschrieben von joghurtKULTUR am 28.05.2009

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

klein schwarz
ein längerer pinker Button

Installation

Die Installation funktioniert genau wie bei jedem anderen WordPress Plugin.

  1. Archiv herunterladen
  2. Archiv entpacken
  3. Archivinhalt im Pluginverzeichnis eures Blogs ablegen
  4. Plugin in der Pluginverwaltung aktivieren

Download von WP CSS Button

Download WP CSS Button v.1.3.1

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.

WP Plugins

23 Kommentare to “WordPress Plugin – WP CSS Button”

  1. Pisi says:
    28. May 2009 at 20:44

    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!

  2. joghurtKULTUR says:
    28. May 2009 at 20:46

    @Pisi, danke für den Hinweis, leider ists wohl zu spät :-)

  3. der-nette-seo says:
    28. May 2009 at 21:44

    Das könnte man ja in einem Update einmal ändern ;) Sieht aber wirklich spitze aus, super arbeit :)

  4. @wpthemeguy says:
    29. May 2009 at 04:38

    WordPress Plugin – WP CSS Button : Milchrausch! http://tinyurl.com/lbujzh

  5. netzmeister says:
    29. May 2009 at 11:18

    Sieht super aus – klasse!

  6. Marc (Webanhalter) says:
    29. May 2009 at 15:59

    Gibt es das Plugin schon im offiziellen WP-Plugin-Verzeichnis?

  7. joghurtKULTUR says:
    29. May 2009 at 16:02

    @Marc, die Zugangsdaten fürs SVN sind erst vorhin eingetroffen. Im laufe des heutigen Abends wandert das Plugin ins offizielle Verzeichnis

  8. joghurtKULTUR says:
    29. May 2009 at 17:43

    @Marc, das Plugin ist nun im offiziellen WordPress Plugin Verzeichnis zu finden http://wordpress.org/extend/plugins/wp-css-button/

  9. Marc (Webanhalter) says:
    29. May 2009 at 18:09

    Danke schön. Bei Plugins fühle ich doch wohle, wenn sie im offiziellen Verzeichnis zu finden sind.

  10. Marc (Webanhalter) says:
    29. May 2009 at 23:04

    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

  11. joghurtKULTUR says:
    30. May 2009 at 00:43

    @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?

  12. baron says:
    30. May 2009 at 17:00

    Works great, thank you

  13. Peter says:
    2. June 2009 at 10:06

    WOW! Vielen Dank für das Plugin, das ist genau das was ich gesucht habe!

  14. maui seo says:
    12. June 2009 at 17:49

    Excellent plugin – the buttons look amazing!

  15. Andre says:
    10. August 2009 at 19:26

    Klase Plugin, gerade installiert und schon in Verwendung. Vielen Dank!!

  16. Christian says:
    20. August 2009 at 00:29

    Wirklich ein gutes Plugin, gibts auch eine Möglichleich den Button zentriert oder gar rechts auszurichten?

  17. Nathan Sudds says:
    5. October 2009 at 01:00

    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.

  18. MARUJO says:
    26. November 2009 at 04:46

    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.

  19. John says:
    10. December 2009 at 21:23

    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!

  20. Dom says:
    5. January 2010 at 15:42

    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!

  21. marujo says:
    30. March 2010 at 20:34

    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?

  22. Sean says:
    2. April 2010 at 19:01

    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?

  23. Diddy says:
    24. April 2010 at 21:37

    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?

Leave a Reply