Sidebar Widgets CSS

Dies ist eine Ergänzung zu diesem Thread.

Ich habe mir die Mühe gemacht, die Selektoren der Standard-Widgets aufzulisten, damit man sie mal - z. B. für eine Neuformatierung - beisammen hat.

Hier sind sie.

Der universelle allumfassende Sidebar-Gesamtcontainer
#sidebar

Überschriften
h2.widgettitle

Pages-Widget
li#pages.widget.widget_pages (Container)
ul
li.page_item page-item-20 (Titel der Einzelseiten)

Kalender-Widget
li#calendar.widget.widget_calendar (Gesamtcontainer)
#calendar_wrap (äußerer Kalender-Container)
table#wp-calendar (innerer Kalender-Container)
caption (gibt den Monat an)
#prev (voriger Monat)
#next (nächster Monat
.pad (Raumfüller im Tablefoot)
Kalender-Tabelle:
tbody, thead, tr, td, tfoot

Archiv-Widget
li#archives.widget.widget_archive (Container)
ul (Monatsüberschriften)

Link-Widget
li#linkcat-13.widget.widget_links (Container für bestimmte Kategorie)
ul.xoxo.blogroll (Links)

Meta-Widget
li#meta.widget.widget_meta (Container)
ul (Metaangaben)

Such-Widget
li#search.widget.widget_search (Container)
form#searchform (äußerer Container)
div (innerer Container)
.hidden (Label)
input#s (Eingabefeld)
input#searchsubmit (Abschicken)

Letzte-Artikel-Widget
li#recent-posts.widget.widget_recent_entries (Container)
ul (Titel der Einzelposts)

Tag-Cloud
li#tag_cloud.widget.widget_tag_cloud (Container)
a.tag_link-17 (Einzeltag)

Kategorie-Widget
li#categories-208936371.widget.widget_categories (Container)
ul
li#cat-item.cat-item-12 (Kategorietitel)

Text-Widget
li#text-208932273.widget.widget_text (Container)
div.textwidget (Textinhalt)

Kommentare-Widget
li#recent-comments.widget.widget_recent_comments (Container)
ul#recentcomments

Akismet-Widget
li#akismet.widget.widget_akismet (Gesamtcontainer)
#akismetwrap (äußerer Container)
div#akismetstats (Zählerfeld)
a#aka (Link zu Akismet)
div#akismet1 (Zählertext)
span#akismetcount (Oberzeile)
span#akismetsc (Unterzeile)
div#akismet2 (Zählertext Rollover)
span#akismetbb (Oberzeile Rollover)
div#akismeta (Unterzeile Rollover)

Falls ich etwas vergessen habe oder mit ein Fehler unterlaufen ist, bitte Bescheid geben. Es wird in diesem Post korrigiert.

 

Das sind die Namen der Selektoren derjenigen Widgets, die mit dem Default-Theme geliefert werden. Deshalb habe ich sie Standard-Widgets genannt. Zweck meines Posts ist nur eine Übersicht (wer sich dafür interessiert...), keine Frage nach Hilfestellung.

(Edit: Siehe auch diesen netten Beitrag zur Widget-Formatierung.)
​

Vielen Dank übrigens für Deinen Blog, Monika, ich habe schon tolle Tips darin gefunden!

 

Huch, das ist ja interessant. Genau das Gleiche wie Du, Holger, habe ich auch gemacht, allerdings habe ich nicht nur die Klassen, sondern auch die Identifier rausgesucht, und dann überprüft, wie sie in Kombination in meinem CSS-Editor angezeigt werden. Woran kann die unterschiedliche Bezeichnung wohl liegen? Man lädt ja ein bestimmtes WP-Packet herunter, und das sollte doch bei jedem gleich aussehen, oder? Ich beziehe mich auf WP 2.6.

Ich finde das eine wichtige Frage, denn was macht man, wenn man ein widget-fähiges Theme entwickelt, das man gern weitergeben möchte? Wenn die Bezeichnungen nicht verbindlich sind, kann man seine Formatierungen ja vergessen.

 

Das würde bedeuten, dass die Angabe für die Formatierung der Standard-Widgets des Theme default (bzw. default_de) in der WP-Ordner-Struktur, die man im ersten Schritt bei Wordpress herunterlädt, hier niedergeschrieben ist:

wordpress/wp-includes/widgets.php

All diese Bezeichnungen, die ich in meiner Liste in Post #1 angegeben habe, sind dort (in der widgets.php) tatsächlich auch zu finden. Aber wo ist die zugehörige CSS-Datei? In der style.css für default (bzw. default_de) sind die Definitionen nicht vorhanden. Das Flickr-Widget würde ich übrigens nicht als Standard-Widget bezeichnet, weil es nicht zum Original-Lieferumfang gehört, den man bei Worpress herunterlädt.

Liebe Monika, während ich dies hier formuliere, ist Deine Antwort hier eingetrudelt. Man schreibt ja in die functions.php nur ein Widget, das NICHT zu den Standard-Widgets gehört, stimmts? Wie das mit diesen Nicht-Standard-Widgets aussieht, verstehe ich nun (glaube ich jedenfalls...), den Link oben habe ich ja selbst angegeben (Post #3). Mich interessieren aber die Grund-/Standard-/Anfangs-Widgets.