Scorciatoie da tastiera di WordPress: aggiungi una scorciatoia da tastiera per nascondere o mostrare la barra di amministrazione di WordPress
WordPress offre una gamma di scorciatoie da tastiera per migliorare la produttività dei suoi utenti. Queste scorciatoie sono adatte ai sistemi operativi Windows e MacOS e si adattano all'utilizzo di WordPress, dalla modifica dei contenuti alla gestione dei commenti. Esploriamo queste scorciatoie:
Scorciatoie dell'editor dei blocchi di WordPress
MacOS
- Opzione + Control + o: Apre il menu di navigazione del blocco.
- Opzione + Controllo + n: passa alla parte successiva dell'editor.
- Opzione + Controllo + pag: passa alla parte precedente dell'editor.
- fn + Opzione + F10: passa alla barra degli strumenti più vicina.
- Comando + Opzione + Maiusc + m: passa dall'editor visivo all'editor di codice.
Windows
- Ctrl+Maiusc+o: Apre il menu di navigazione del blocco.
- Ctrl + Maiusc + n: passa alla parte successiva dell'editor.
- Ctrl+Maiusc+p: passa alla parte precedente dell'editor.
- Fn+Ctrl+F10: passa alla barra degli strumenti più vicina.
- Ctrl + Maiusc + Alt + M: passa dall'editor visivo all'editor di codice.
Scorciatoie da tastiera dell'editor classico di WordPress
MacOS
- Comando + y: Ripete l'ultima azione.
- Comando + Opzione + [numero]: inserisce le dimensioni dell'intestazione (ad esempio, Comando + Opzione + 1 per h1).
- Comando + Opzione + l: allinea il testo a sinistra.
- Comando + Opzione + j: giustifica il testo.
- Comando + Opzione + c: centra il testo.
- Comando + Opzione + d: Applica il barrato.
- Comando + Opzione + r: allinea il testo a destra.
- Comando + Opzione + u: crea un elenco non ordinato.
- Comando + Opzione + a: inserisce un collegamento.
- Comando + Opzione + o: crea un elenco numerato.
- Comando + Opzione + s: rimuove un collegamento.
- Comando + Opzione + q: formatta il testo come citazione.
- Comando + Opzione + m: inserisce un'immagine.
- Comando + Opzione + t: Inserisce il tag "Altro".
- Comando + Opzione + pag: inserisce un tag di interruzione di pagina.
- Comando + Opzione + w: attiva la modalità a schermo intero nell'editor visivo.
- Comando + Opzione + f: attiva la modalità a schermo intero nell'editor di testo.
Windows
- CTRL+Y: Ripete l'ultima azione.
- Alt + Maiusc + [numero]: inserisce le dimensioni dell'intestazione (ad esempio, Alt + Maiusc + 1 per ).
- Alt + Maiusc + s: allinea il testo a sinistra.
- Alt + Maiusc + j: giustifica il testo.
- Alt + Maiusc + C: centra il testo.
- Alt + Maiusc + d: Applica il barrato.
- Alt + Maiusc + r: allinea il testo a destra.
- ALT + SHIFT + u: crea un elenco non ordinato.
- Alt + Maiusc + A: inserisce un collegamento.
- Alt + Maiusc + O: crea un elenco numerato.
- Alt + Maiusc + s: rimuove un collegamento.
- Alt + Maiusc + q: formatta il testo come citazione.
- Alt + Maiusc + m: inserisce un'immagine.
- Alt + Maiusc + T: Inserisce il tag "Altro".
- Alt + Maiusc + p: inserisce un tag di interruzione di pagina.
- ALT + SHIFT + w: attiva la modalità a schermo intero nell'editor visivo.
- Alt + Maiusc + F: attiva la modalità a schermo intero nell'editor di testo.
Anni fa, abbiamo creato un plugin per nascondere la barra di amministrazione durante la visualizzazione del tuo sito e utilizzare invece la navigazione popup. L'abbiamo chiamato Teleport. Dopo il test, abbiamo notato che rallentava i tempi di caricamento del sito con i metodi che abbiamo implementato, quindi non abbiamo più aggiornato il plugin.
Scorciatoia da tastiera per nascondere o mostrare la barra di amministrazione di WordPress
Mi piace la barra di amministrazione integrata di WordPress quando hai effettuato l'accesso al tuo sito, ma non quando provi a visualizzare il sito. Quindi, ho scritto una modifica che potresti voler implementare da solo... una scorciatoia da tastiera che nasconderà o mostrerà la barra di amministrazione di WordPress quando visualizzi il tuo sito e hai effettuato l'accesso!
MacOS
- Opzione + Ctrl + x: attiva/disattiva la barra del menu di amministrazione.
Windows
- Ctrl+Maiusc+x: Attiva/disattiva la barra del menu di amministrazione.
Quando la barra di amministrazione viene caricata, scorre verso l'alto. Attivandolo si farà scorrere la pagina verso l'alto o verso il basso.
Aggiungi questo codice al Functions.php del tuo tema figlio:
add_action('wp_enqueue_scripts', 'enqueue_adminbar_shortcut_script');
function enqueue_adminbar_shortcut_script() {
if (is_user_logged_in()) {
wp_enqueue_script('jquery');
add_action('wp_footer', 'add_inline_admin_bar_script');
}
}
function add_inline_admin_bar_script() {
?>
<script type="text/javascript">
jQuery(document).ready(function(jQuery) {
var adminBar = jQuery('#wpadminbar');
var body = jQuery('body');
// Check if the admin bar exists and set the initial styling
if (adminBar.length) {
var adminBarHeight = adminBar.height();
// Hide the admin bar and adjust the body's top margin
adminBar.hide();
body.css('margin-top', '-' + adminBarHeight + 'px');
jQuery(document).keydown(function(event) {
// Toggle functionality on specific key combination
if ((event.ctrlKey || event.metaKey) && event.shiftKey && event.which === 88) {
if (adminBar.is(':visible')) {
adminBar.slideUp();
body.animate({'margin-top': '-' + adminBarHeight + 'px'}, 300);
} else {
adminBar.slideDown();
body.animate({'margin-top': '0px'}, 300);
}
}
});
}
});
</script>
<?php
}
Spiegazione
- Questo script inizialmente controlla se la barra di amministrazione (
#wpadminbar
) è presente. Se lo è, lo script ne calcola l'altezza. - Quindi nasconde la barra di amministrazione e imposta il file
margin-top
dellabody
elemento al valore negativo dell'altezza della barra di amministrazione utilizzando jQuery. Ciò rende inizialmente invisibile la barra di amministrazione e sposta il contenuto della pagina verso l'alto. - Il listener di eventi keydown attiva/disattiva la visibilità della barra di amministrazione e regola il
margin-top
dellabody
per mostrare o nascondere la barra di amministrazione senza problemi.