Widget Area at the Top of Every Page
Adds a "Top Bar" widget area that prints right after the opening body tag, handy for a contact line, social links or a short promo across the whole site.
Opens WPIDE on
Code
add_action( 'widgets_init', function () {
register_sidebar( array(
'name' => 'Top Bar',
'id' => 'wpide-top-bar',
'description' => 'Shown at the very top of every page.',
'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div>',
'before_title' => '<span class="widget-title screen-reader-text">',
'after_title' => '</span>',
) );
} );
add_action( 'wp_body_open', function () {
if ( ! is_active_sidebar( 'wpide-top-bar' ) ) {
return;
}
echo '<div class="wpide-top-bar" style="display:flex;flex-wrap:wrap;justify-content:center;gap:1.5em;padding:.5em 1em;font-size:.9em;background:#1d2327;color:#fff;">';
dynamic_sidebar( 'wpide-top-bar' );
echo '</div>';
} );Notes
Your theme must call wp_body_open(), which all modern themes do.
How to add this snippet
- Install WPIDE on your WordPress site (it is free) and open Code Snippets.
- Use snippet above adds it from the library in one click. Or copy the code into a new snippet with the same code type.
- It is added inactive: review the code and settings, then switch it on.