Seiten

Neueste Artikel

Letzte Kommentare

Top 10 Schreiberlinge

Heiß diskutiert

RSS DG9VHs Amateurfunkblog

RSS Meisjes Blog

4. Jan. 2009 um 21:09 Uhr | Kommentar schreiben

Inspiriert durch Silkes und Bastis Blogvorstellung in deren Sidebar, die, wie Basti mir aus dem Nähkästchen verriet, etwas “kompliziert” und meiner Ansicht nach umständlich realisiert wurde, kam ich nach kurzem Überlegen zu dem Entschluss: “Das muss besser und einfacher gehen”. Herausgekommen ist dieses Widget, welches ich nun hier vorstelle:

Es trägt den simplen Namen blogintroduction-wordpress-widget und funktioniert folgendermaßen:

Grundlegende Datenbasis stellen die erfassten Links im WordPress dar. Es kann gewählt werden, ob aus allen oder einer bestimmten Kategorie die Links genommen werden, aus denen jeweils per Zufall ein Link zur Visualisierung per Mini-Screenshot (Thumbnail) hergenommen wird.

Über die Widget-Konfigurations-Konsole sind wenige Optionen einstellbar:

  • Titel der Box in der Sidebar
  • Breite des Thumbnail-Images in der Sidebar
  • Link-Kategorie, aus der die Links genommen werden sollen, aus denen jeweils per Zufall ein Link herausgegriffen wird
  • “Target”-Angabe des Links (also ob er im gleichen Fenster oder in einem neuen Fenster/Tab öffnen soll)
  • Schalter, der ermöglicht, die Link-Beschreibung von WordPress (also das, was beim Link als Tooltip normalerweise erscheint) als eigenständiger Text unter dem Mini-Screenshot anzuzeigen, sofern dieser erfasst ist

Die Installation ist ganz einfach: Den Inhalt der ZIP-Datei in das Plugin-Verzeichnis vom WordPress kopieren, das Plugin aktivieren und entsprechend das Widget zu einem Sidebar eigener Wahl hinzufügen. Anschließend kann man die überschaubare Konfiguration vornehmen.

Es darf also wieder einmal getestet und Feedback gegeben werden :-)

Update 06.01.09:

ToDo-List:

  • CSS-Styles
  • Wechsel der Bilder nach x Sekunden (Stylesheets)
  • Wahl ob “description” oder “notes”
  • Redesign – Code für widgetless Sidebars per Funktionsaufruf ermöglichen

Update 07.01.09:

Ich habe das Plugin heute offiziell in das WordPress-Repository überstellt und nun ist es dort herunterladbar. Zu den jeweils aktuellen Versionen wird es jeweils einen neuen Beitrag geben :-)

Tags:, , , ,

Verwandte Artikel

Hier klicken, um eine Twitter-Nachricht zu erzeugen!
Empfehle diesen Beitrag via Twitter!

8 Kommentare »

  1. Homepage von Bastie Bastie schreibt:Reply to this comment

    Mensch bist du fix. Zugegeben das ganze ist schon etwas kompliziert daher muss ich dein Widget gleich mal testen.

    4. Jan. 2009 um 21:33 Uhr | #

  2. Homepage von Kim Kim schreibt:Reply to this comment

    @Bastie:

    Also sooo kompliziert war es nicht, wenn man sich mal konzeptionell die richtigen Gedanken macht :-) Wenn du dir den Plugin-Code mal anschaust (sofern du mal zwischen Studium und Hochzeit drei Minuten Zeit findest *zwinker*), wirst du sehen, dass die Sache im Grunde gar nicht so wild ist.

    Das Widget-Grundgerippe ist ja im Grunde vorgegeben, der Rest sind effektiv vielleicht 20 Zeilen Code.

    Aber es ist ja noch ausbaufähig :-) Falls mir da noch irgendwelche tollen Ideen kommen (oder hier per Kommentar aufschlagen), werden diese latürnich gerne in einer aktuelleren Version eingepflegt.

    4. Jan. 2009 um 21:39 Uhr | #

  3. Homepage von Bastie Bastie schreibt:Reply to this comment

    @Kim
    Stimmt ist echt nicht viel. Funktionen sollten eigentlich ausreichen. Witzig wäre noch ein on-the-fly Wechsel in nem bestimmten Intervall, Stichwort Ajax.
    Kann man das Bildchen auch zentrieren? Wo müsste ich denn da rumschrauben.

    5. Jan. 2009 um 21:01 Uhr | #

  4. Homepage von Kim Kim schreibt:Reply to this comment

    @Basti:

    gehen wir mal in den Code: Es gibt dort eine Funktion “function widget_blogintroduction($args)”, innerhalb derer die Ausgabe des Widgets in der Sidebar generiert wird. Etwa in der Zeile 117 findet die Generierung des Links statt (dort findest du ein “echo…” und da dann eben den ganzen HTML-Geraffel. Wenn du da was zentrieren möchtest, könnte man dies mit einem

    <div align="center"> ... [originaltext] ... </div> 

    versuchen :-) Sollte helfen.

    Ich werde deine Anregungen mal in einer ToDo-Liste aufnehmen und die Positionierung evtl über die Widget-Konfiguration machen. Das mit dem Ajax muss ich mir anschauen, kann aber auch ned wirklich allzu wild werden.

    5. Jan. 2009 um 23:08 Uhr | #

  5. Homepage von Sari Sari schreibt:Reply to this comment

    wie sieht es denn aus, wenn man den code per hand in die sidebar eingeben muss? wie sieht da der code aus? und wie kann ich den dann configurieren?
    ansonsten eine tolle idee^^

    6. Jan. 2009 um 9:29 Uhr | #

  6. Homepage von Kim Kim schreibt:Reply to this comment

    @Sari:

    Oha… ihr stellt einen immer mehr vor Herausforderungen *grins*.

    Da ich innerhalb von Kommentaren das Problem habe, HTML-Code nicht wirklich ohne viel Handarbeit einfügen zu können, packe ich das, was man von Hand in die Sidebar reinhauen müsste, mal in eine Text-Datei und schiebe sie auf meinen Server und verlinke dann hier mal drauf.

    In der Text-Datei befindet sich dann der PHP-Code (entsprechend kommentiert an den Stellen, wo man eigenhändig was machen muss, z.B. die Kategorie-ID eintragen). Dann sollte das problemlos einbaubar sein. Wäre das eine Idee?

    6. Jan. 2009 um 11:26 Uhr | #

  7. Homepage von Sari Sari schreibt:Reply to this comment

    ja klaro, danke für die mühe^^

    6. Jan. 2009 um 11:37 Uhr | #

  8. Homepage von Kim Kim schreibt:Reply to this comment

    So, unter http://blog.huebel-online.de/wp-content/uploads/2009/01/blogintroduction_sidebar.txt wäre ein grob angetesteter Code für die statische Sidebar, also wenn einer ein Theme ohne Widgets benutzt. Bitte die Kommentare beachten. Bei Fragen stehe ich latürnich gerne zur Verfügung :-)

    6. Jan. 2009 um 12:01 Uhr | #

1 Trackback

  1. Blogvorstellung aktualisiert | Bastie.Silke schreibt:Reply to this comment

    [...] einen Umweg über das Plugin wpads eingebaut. Dank Kim, der basierend auf der Idee ein Widget gezaubert hat, geht das nun mit allen Blogs aus einer bestimmten [...]

    5. Jan. 2009 um 20:57 Uhr | #

Die Thumbnails werden generiert mit FreeThumbshots by M-Software.de

Kommentar schreiben

Hinweis: Der Blog-Betreiber behält sich vor, Links zur Homepage bzw. im Kommentartext abzuändern oder zu löschen, wenn diese kommerzieller Natur sind. Insbesondere Links, die nur zu SEO-Zwecken gesetzt werden, werden gelöscht. Näheres hierzu siehe Impressum.

XHTML: Erlaubt sind folgende Tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv Enabled

RSS-Feed für diese Kommentare. | TrackBack URI | Retweet!

Additional comments powered by BackType

Suche

Folge mir!

Just Twittered

Posting tweet...

Powered by Twitter Tools

Hier lese ich mit

Buttons

Meta

Switch to our mobile site