Fügen Sie einem Widget eine bestimmte CSS hinzu

Ich habe ein Thema mit einer Sidebar und 3 Widgets. Ich möchte die Farbe eines dieser Widgets ändern. Das Problem ist, dass alle Widgets denselben Code haben:

Widget title

Wie kann ich den generierten Code ändern, um eine eindeutige ID für jedes Widget zu erstellen, und beispielsweise Folgendes erhalten:

 

Widget title

Solutions Collecting From Web of "Fügen Sie einem Widget eine bestimmte CSS hinzu"

Wenn Sie Ihre Sidebar auf diese Weise registrieren, erhalten alle dynamischen Widgets automatisch eine eindeutige class, zB – class="widget-container widget_archive"

 register_sidebar( array( 'name' => __( 'Primary Widget Area', 'twentyten' ), 'id' => 'primary-widget-area', 'description' => __( 'The primary widget area', 'twentyten' ), 'before_widget' => '
  • ', 'after_widget' => '
  • ', 'before_title' => '

    ', 'after_title' => '

    ', ) );

    Hinweis –

    'before_widget' => '

    ',

    • " %1$s " – Druckt die eindeutige Widget-ID.
    • " %2$s " – druckt die eindeutige class für jedes Widget.

    Dann können wir wie gewünscht benutzerdefinierte Stile für diese einzigartige class anwenden.

    Referenz – Codex – Register Sidebar