Widget Area erstellen und einbinden

Schritte:

  1. Widget Area erstellen
  2. Widget Area ausgeben

1. Widget Area erstellen

Diesen Code kopierst du in unserem Template in die widget.php oder in einem anderen Template in die functions.php. Die Bereiche „name“ und „description“ werden im Backend angezeigt.

function fn_widgets_init() {
  register_sidebar( array(
    'name'          => __( 'Unterer Headerbereich', 'fn' ),
    'id'            => 'fn-header-bottom',
    'description'   => __( 'Widget-Bereich unter der Navigation', 'fn' ),
    'before_widget' => '<div id="%1$s" class="widget %2$s">',
    'after_widget'  => '</div>',
    'before_title'  => '<div class="widget-title">',
    'after_title'   => '</div>',
  ) );
}
add_action( 'widgets_init', 'fn_widgets_init' );

2. Widget Area einbinden

Nun suchst du dir den Ort, wo das Widget ausgegeben werden soll und platzierst den folgenden Code an diese Stelle. Als letztes passt du die IDs an, die du oben gesetzt hast.

<?php if ( is_active_sidebar( 'fn-header-bottom' ) ) : ?>
    <div id="fn-header-bottom">
        <?php dynamic_sidebar( 'fn-header-bottom' ); ?>
    </div>
<?php endif; ?>