La barra di wordpress è molto utile per velocizzare il nostro lavoro, niente di più vero.

Personalmente però mi è capitato più di una volta di doverla nascondere per vari motivi, tra i quali quello di dover vedere in modo completo le modifiche che avevo applicato all’header del mio sito, che essendo fissato in alto veniva coperto dalla barra di wordpress, o per scattare uno screenshoot della pagina senza dover per forza aprire una scheda in incognito in modo da non visualizzarla.

Essendo un tipo che ama molto le scorciatoie, o (nel caso nel quale ci sia bisogno di ripetere varie volte un vario processo) ricorrere alla creazione di script o programmi che mi permettono di risparmiare tempo, non ho perso tempo per creare questo piccolo script che aggiunge un pulsante nella barra e che alla pressione la nasconda.

Il seguente script dovrà essere aggiunto dentro al file function.php del vostro tema, preferibilmente alla fine:

<?php
/*
--------------
Pulsante Nascondi Barra
--------------
*/

function nascondi_barra($wp_admin_bar) {
$args = array(
'id' => 'closebar',
'title' => '<span style="background: rgb(65, 115, 155);
display: block;
text-transform: uppercase;
padding: 0px 10px;
text-align: center;
height: 32px;
line-height: 32px;
font-size: 17px;
font-weight: bold;">Nascondi Barra</span>'
,
'href' => '#',
'meta' => array(
'class' => 'nascondibarra',
'onclick' => 'hidewp()'
)
);
$wp_admin_bar->add_node($args);
}
add_action('admin_bar_menu', 'nascondi_barra', 1500); /* AGGIUNGE IL PULSANTE DENTRO LA BARRA */
function add_this_script_footer(){ ?>
<script>
function hidewp() {
document.getElementById('wpadminbar').style.display = 'none';
var html = document.getElementsByTagName("html"); // get all p elements
html[0].style.marginTop = "0px";
}
</script>
<?php }
add_action('wp_footer', 'add_this_script_footer', 1000); /* AGGIUNGE IL CODICE JAVASCRIPT AL FOOTER DEL SITO */
?>

Spero che possa essere utile a qualcuno, alla prossima 🙂