WordPress добавить HTML в верхней части страницы

Question

Я ищу решение для следующей проблемы:

С помощью плагина я хотел бы добавить черную полосу в самый верх каждой страницы (аналогично админ-панели WordPress, которую вы можете увидеть, когдавы вошли в систему по wp-admin).

Решение, которое я искал, состояло в том, чтобы просто добавить код через файл javascript и добавить html в заголовок.Однако это не похоже на правильный способ сделать это.К сожалению, я не нашел никаких ссылок на Google о том, как эффективно сделать это правильно.

Я искал функцию register_my_menus (), но описание функции не обещало желаемых усилий.

Кто-нибудь может указать мне правильное направление, пожалуйста?

Спасибо!

Answer 1

Другой вариант (я бы сказал, лучше, чем добавление с помощью JS) - подключиться к хуку wp_footer и просто создать необходимый HTML-код и использовать позицию CSS: fixed;или позиция: абсолютная;с верхом: 0;

Пример:

// Enqueue styles for top-bar
add_action( 'wp_enqueue_scripts', function(){
    wp_enqueue_style( 'style1', plugin_dir_url( __FILE__ ) . 'css/top-bar.css' );
});

// Add HTML for top-bar
add_action( 'wp_footer', function(){
    echo '<div class="top-bar">Some content</div>';
});

Answer 2

Я думаю, что javascript было бы лучше добавить HTML для админ-панели.Если эти пользователи не связаны с бэкэндом wp, вам не нужны никакие wp-функции для отображения нужных ссылок.