WordPress: Cute Profiles

Wenn ihr jetzt mal dieses Blog besucht, dann werdet ihr links eine neue Leiste mit Icons entdeckt haben. Diese Icons bringen euch zu verschiedenen Netzwerken und Diensten, bei denen ich zu finden bin. Finde ich persönlich schicker und übersichtlicher als die dicken Icons, die bisher in der rechten Sidebar Platz weg nahmen. Sieht zwar nun etwas kahl aus – aber vielleicht findet sich da mal irgendwann ein Sponsor 😉

cuuuute

So, falls ihr das auch in euer Blog klöppeln wollt: das Ganze wird durch das Plugin Cute Profiles realisiert. Installation und Konfiguration ist echt easy: ihr müsst einfach nur die Links zu euren jeweiligen Diensten in den Einstellungen angeben. So, wer bastelt jetzt noch das passende XING-Symbol dazu?

Gefällt dir der Artikel? Dann teile ihn mit deinen Freunden.

caschy

Hallo, ich bin Carsten! Baujahr 1977, Dortmunder im Norden, BVB-Getaufter und Gründer dieses Blogs. Auch zu finden bei Twitter, Google+, Facebook, Instagram und YouTube. PayPal-Kaffeespende. Mail: carsten@caschys.blog

Das könnte dir auch gefallen…

Mit dem Absenden eines Kommentars willigst du unserer Datenschutzerklärung und der Speicherung von dir angegebener, personenbezogener Daten zu.

65 Kommentare

  1. Sponsor? Ich hoffe, AdBlock+ wird’s richten. Über die Position der Leiste könnte man nachdenken. Vielleicht etwas weiter dran am Geschehen? Jedenfalls besser als das Gelumpe damals am unteren Bildschirmrand.

  2. Du hast den Smilie gesehen 😉

  3. Vielleicht links direkt an den Contentrand? Eben wie die Suchbar ganz oben nur vertikal? 🙂

  4. Jetzt ja. Bin noch zu müde nach dem langen Star-Wars-Abend.

  5. Na und? Jammere mal nicht rum, ich habe das gestern auch noch um kurz vor 2 gemacht (Domain geschaut) 😉

  6. Hi Caschy,

    hier it es ganz nett, aber ich schau mir öfter mit dem htc magic deinen blog an und da muss ich sagen, dass die buttons teilweise in den text hineinragen.

    Fand ich grad etwas störend 😉 vielleicht kann man das ja noch optimieren in dem man es auf den mobilen geräten deaktiviert.

  7. Ich habe doch ein mobiles Theme…..

  8. Hallo,
    die Position der Leiste stoert wenn man über mobile Geraete surft. Da muss ich Olii zustimmen.

    >>Ich habe doch ein mobiles Theme…..<<
    Das scheint aber nicht standardmaessig genutzt zu werden?

    Ach uebrigens… Domian 😀 nicht Domain (hatte mich bei Twitter schon gewundert, dass du dich ueber eine Domain freust)

  9. Ah, damn…das mobile betrifft es auch, mal gleich schauen 🙂

  10. Nun ja – geht aber etwas auf die Performance, das Scrolling ist jetzt nicht mehr so ganz flüssig. Wäre schön wenn man die Leiste auch ausblenden könnte.

  11. Danke, jetzt ist es gerade gut 🙂

  12. Ja, beim Einbau bedenken: manuell den Code einbauen, sonst rutscht der mittels „Automatic“über alle Themes 🙂

  13. Ich finde die Leiste links störend.

  14. ich finde auch das es nicht der beste platz ist. evlt in die suchleiste oben?

    aber die icons an sich finde ich gut! 🙂

  15. die icons haben so nen gewissen iphone-touch 😛 trotzdem gut

    allerdings is die position der icons etwas ungünstig un diese blassheit nimmt dem blog auch etwas leben. ich würd wieder die alten hinmachen, aber jedem das seine

  16. Die Icons sind übrigens von http://komodomedia.com – erst letztens für eine eigenes Microsite Projekt genutzt.

  17. Sieht wirklich toll aus. Da kriegt man direkt das Verlangen, dass es für Serendipity auch so etwas gäbe.
    Wenn ich Du wäre, würde ich die Links noch über einen URL-Shortener laufen lassen, der Dir sagt, wie und wo geklickt wurde. tr.im, bit.ly, die üblichen Verdächtigen…

  18. Gute Idee 🙂

  19. Ich würde die Icons irgendwie farbiger machen, sieht wirklich blass aus und „nimmt dem Blog Leben“. Und nebenbei eher in die linke obere Ecke, in der Mitte sieht’s echt etwas aufdringlich und nicht dezent aus.

  20. Icons sind gut, Position gefällt mir nicht.
    Oben links würde mir auch besser gefallen.
    Geht das direkt im Plugin oder sind da Codeänderungen nötig?

  21. hi caschy.
    ich find sie leider auch deplaziert: auf meinem netbook ragen sie auch in den Text rein, sofern ich meine Lesezeichenliste in firefox offen habe – und das habe ich nun mal 90% der zeit. ausserdem empfinde ich die buttons als eyecatcher – im negativen sinne. keine ahnung wieso sie so sehr ins auge fallen, vielleicht weil sie beim scrollen die position behalten (und scrollen muss man viel mit nem netbook)
    deshalb musste ich den adblocker drauf ansetzen. Jetzt fühle ich mich wieder wohl auf deinen blog.

    LG

  22. kleine Korrekturanmerkung: „So, falls IHR das auch in euer Blog klöppeln wollt…“

  23. Danke – wenn man spät nachts schreibt 🙂

  24. Hallo Carsten,
    ich finde die neue Leiste dort auch störend. Rechts oben horizontal wäre besser. Ganz rechts hinter dem Impressum-Button wäre ok. Sieht es sonst jemand auch so wie ich?

  25. Ich finds eigentlich nicht schlecht mit den neuen Symbolen.

    ABER:
    Die Icons sind echt etwas zu blaß. Das „Contact“-Icon sieht man so schlecht, das man erst mal nicht weiß, das es einen Brief darstellen soll. Evtl. wärs Darstellungs-technisch besser in den Original-Farben darzustellen und beim anwählen anders hervorzuheben.

    Aber schlussendlich muss es jeder so machen wie es ihm selbst am besten gefällt – sollte ja nur ein Tipp gewesen sein.

  26. Man man man alle nur am meckern 😉
    Also hier auf meinem Notebook stören mich die Icons nicht (1650×1050).

    @caschy: was hälst du davon, diese neuen Icons zu nehmen und an der Stelle zu platzieren wo die alten Icons waren? Ich fand die alten Icons optisch recht „mager“, diese gefallen mir recht gut…

    Update: die Icons kann ich auch im Normalzustand hier wunderbar erkennen… Scheint am Kontrastverhältnis einiger Monitore zu liegen denke ich… so ist das bei Webseiten, bei jedem schaut’s anders aus 🙂

  27. Danke für den Tipp. Werd ich auch mal testen.

  28. Ist eine nette Idee und könnte ich mir auch gut vorstellen. Aber in der Form wie sie da links sind erscheinen sie mir zu blass und farblos. Dadurch lenken sie zwar weniger vom Content ab, aber werden selber kaum wahrgenommen, selbst wenn man mal drauf schaut. Und der Kontrast oist so gering, dass man schon zweimal schauen muss, welches Icon nun welcher Dienst ist.

  29. Mich stört die Position auch. Zu aufdringlich, lenkt vom content ab. Wieso nicht rechts vom Impressum?

  30. Dann stört es die Leute beim Scrollen 😉

  31. War er 😉 – liest wohl nur via Feed 😉

  32. Mir gefällt’s. Ich mag es allgemein, dass sich inzwischen vieles auf die Ränder verlagern lässt, was auch Sinn macht, da Breitbild-Monitore Standard sind. Hab auch meine Taskleiste am PC an den linken Rand verlagert, um vertikal Platz zu sparen. Dank Win 7 (bzw. KDE mit „Smooth Tasks“-Plasmoid) sind ja sogar Programme bei der seitlichen Leiste gescheit erkenn- und nutzbar.

  33. Hallo Caschy,

    danke für die Vorstellung des Plugins. Bin ich gestern abend schon drübergestolpert und wollte dich schon anschreiben!

    Gruß

    Matthias

  34. Harry Hirsch says:

    Wenn man wie ich mit einem Media-Center PC vom Wohnzimmer aus ins Internet geht und im Browser aufgrund der Entfernung zum Bildschirm entsprechend zoomt, hat man diese Icons dann auf einmal mitten im Text. Sowas in der Form habe ich bisher noch bei keiner anderen Internetseite beobachtet.

  35. Das scrollen ist jetzt wirklich ziemlich ruckelig

  36. Ich frag mich, warum das scrollen bei manchen ruckelig sein soll… Oder wird das Menü (also die Position) per JavaScript umgesetzt? Mit CSS sollte das eigtl bei keinem ruckelig sein, dann würde ich mir Sorgen um meine Graka machen 🙂

  37. Ist CSS und ruckelt in keiner Weise. Komisch.

  38. @caschy I am the developer of the plugin :), and a true view – the icons are looking cool on your site. From the comments on this post, I got lot of suggestions how the plugin could be made more lively in the next upgrade. Thanks for posting the article and to all the people putting comments here, suggestions really help us code better and deliver something good the next time. In case you have any improvement point or anything regarding this plugin, please drop in a note on Internet Techies or the forum. I would be very grateful.

  39. @Tejaswini you are welcome! 🙂

  40. Bei mir ruckelt nix wenn ich mir das im Firefox anseh.. ich würde es schicker finden wenn die Icons noch etwas transparenter und somit nicht ganz so aufdringlich wären..

  41. Super dings 🙂 Gefällt mir 😀
    Danke 😉

  42. Super Sache, wäre cool, wenn man selbst noch Netzwerke bzw. Dienste einfügen kann, mir fehlt z.B. Qype

  43. Mache bei den Machern Vorschläge. Oooooder: baue dir ein Icon und tausche es gegen einen unbenutzten Dienst aus 😉

  44. Jimbei sagt

    Ich würde die Icons irgendwie farbiger
    machen, sieht wirklich blass aus und
    “nimmt dem Blog Leben”.

    Find ich auch.

    Wie wärs eigentlich mit der rechten Seite?
    Da ist der Abstand zum Text weiter, dann stört es vielleicht nicht so 🙂

    Hannes

  45. ja, ich denke auch rechts würde die ganze sache schonmal besser machen. links werde ich die ganze zeit von den icons irritiert, muss die ganze zeit draufschauen. und das lenkt extrem vom lesen ab. dass sollte ja bei nem blog nicht so sein.

  46. yup, genau so ein Ding hab ich gesucht.
    Mal sehen ob man es mittels CSS nicht ein bissel näher an den Blog bekommt. Aber erstmal installieren.
    Viel schöner als diese dummen bunten Netzwork Buttons in den Sidebar.

  47. Ich würde die Icons vielleicht noch 2 Pixel nach rechts verschieben, damit sie nicht so an den Rand geklebt aussehen.

    Ich glaube, sowas in der Art könnte ich mir in meinem Blog auch vorstellen. Besteht das Interesse am passenden XING-Icon noch?

  48. Schieß rüber, wollte da gerade bei, habe die PSD hier 🙂

  49. Ich hab diese Funktion bereits auf einigen Blog gesehen. Anscheinend lesen noch andere diesen hier =)

  50. @caschy: an einem Netbook können wohl nicht alle Icons angezeigt werden. Da sie nicht mitscrollen, gibt es wohl keine Möglichkeit herauszufinden wieviele es nun wirklich links in der Leiste sind. Siehe Screenshot-Ausschnitt. (sowohl in Firefox, IE als auch Opera )

  51. Hallo Carsten,

    danke für den Tip. Ich freue mich immer sehr über Beträge zum WP Styling.

    Mein Header im deutschen Kubrik Theme kann ich trotz diverser Anleitungen im Internet immer noch nicht durch mein Bild ersetzen (siehe Link). Vielleicht hast du oder einer der Leser einen Link mit einer idiotensicheren Anleitung die funktioniert.

    Tausend Dank und viele Grüße!!!

    Fränk

  52. @fränk:
    wp-content/themes/default_de/images/kubrickheader.jpg

    Da ist keine Grafik. Haue doch mal eine diesen Namens hin 😉

  53. @Caschy: Das hab ich schon mal probiert. Daher sieht der Header in seiner Form nun auch schon anders aus (siehe Link – ist ein bißchen größer und eckiger als der Standard). Allerdings liegt die Farbe noch über dem Bild drüber. Habe schon einige Anleitungen ausprobiert aber die haben bisher alle nicht gefunzt.

  54. Danke…!!!
    Viele Grüße
    Thomas

  55. Hallo zusammen,

    ich sehe du hast nun das passende Xing Icon.
    Irgendeine Möglichkeit da dran zu kommen, das wäre genial!? 😉

    Viele Grüße
    Tim

  56. die find ich toll! danke!

  57. Das hat was. Jedenfalls wenn man stark vernetzt ist und überall auf seine Profile hinweisen muss. Aber chic und dezent. Garantiert auch besser als die ganzen Publicons und fetten Banner nach jedem Artikel. Kannte ich noch nicht. Danke für den Tipp

  58. Hi!

    Witzig, ich habe jetzt sicher so 5 – 10 Minuten deine Postings durchgeblättert und dann dieses gelesen. Erst nach deinem Hinweis habe ich die Icons links wahrgenommen 🙂

  59. Mh, eigentlich nicht: hier scheint es ja zu gehen…

  60. bootshotsale: Caschy, walte bitte Deines Amtes.

  61. Den halben Tag habe ich ein solches AddOn gesucht, es nicht gefunden. Gerade eben stolpere ich durch Zufall darüber – großen Dank. 🙂

  62. Moin Moin,
    danke für den Tipp mit dem WordPress Plugin. Ich finde die genau wie du schon sagst sehr schön, weil die Symbole nicht riesig sind.
    Ich habe bei mir dies Sexy Bookmarks aber dort gibt es kein Xing Symbol. Ich werde es die Tage versuchen bei mir einzubinden.
    Das mit dem Skype Symbol weiss ich nicht ob es so eine gute Idee ist, es sei den du willst von jedem angerufen werden. Ich habe mal eben ein Klingelstreich gemacht. Sorry war keine Absicht.

    Danke Bart

    P.S Interessanter Blog und das fast bei mir um die Ecke:-)
    Sorry wenn es zu viel ist, aber ich bin neu un der Bloggospäre 🙂 und bin gerade in der Lernphase.

  63. Kann es sein das mit WordPress 2.9.2 nicht funktioniert? Habe seit gestern auch einen Blog und wenn ich das Plugin aktiviere und dann zu den Einstellungen will kommt nur die Meldung das ein Fehler aufgetreten ist aber welcher steht nicht weiter dabei.

  64. Also hab meinen Blog unter WP 2.9.2. laufen und das Plugin gerade installiert. Funktioniert hier fehlerfrei.

Du willst nichts verpassen?
Neben der E-Mail-Benachrichtigung habt ihr auch die Möglichkeit, den Feed dieses Beitrags zu abonnieren. Wer natürlich alles lesen möchte, der sollte den Hauptfeed abonnieren. Alternativ könnt ihr euch via E-Mail über alle neuen Beiträge hier im Blog informieren lassen. Einfach eure E-Mail-Adresse hier eingeben, dann bekommt ihr 1x täglich morgens eine Zusammenstellung. Mit dem Absenden willigst du unserer Datenschutzerklärung und der Speicherung von dir angegebener, personenbezogener Daten zu.
Wir benutzen Cookies um die Nutzerfreundlichkeit der Webseite zu verbessern. Durch Deinen Besuch stimmst Du dem zu.