WordPress: mettere il sito in modalità manutenzione con i CSS

Mettere il nostro sito in modalità manutenzione è sempre una pratica raccomandata quando dobbiamo effettuare delle modifiche al sito o del bug fixing. Forse stupirà sapere che è possibile mettere il sito in questa modalità con due sole regole CSS. Vediamo come.

Aggiungete il seguente codice al file functions.php quando volete che il sito vada in modalità manutenzione:

[php htmlscript="true"] <?php function go_maintenance_mode() { if(!current_user_can('administrator') || !is_user_logged_in()) { ?> <style type="text/css"> body { display: none !important; } html:after { content: 'Maintenance mode \A Back in 1 hour!'; display: block; text-align: center; font-size: 12em; padding-top: 1em; width: 100%; background: #ccc; min-height: 100%; } </style> <?php } } add_action('wp_head', 'go_maintenance_mode'); ?>

Gli stili CSS che nascondono l'elemento body e visualizzano il messaggio tramite il contenuto generato vengono applicati solo se l'utente non è un amministratore o, più in generale, se l'utente non ha effettuato il login.

Ecco il risultato:

[caption id="attachment_3148" align="aligncenter" width="580" caption="Il messaggio di manutenzione generato dai CSS"][/caption]