Atallos de teclado de WordPress: engade un atallo de teclado para ocultar ou mostrar a barra de administración de WordPress
WordPress ofrece unha variedade de atallos de teclado para mellorar a produtividade dos seus usuarios. Estes atallos están adaptados para os sistemas operativos Windows e MacOS e atenden ao uso de WordPress, desde a edición de contido ata a xestión de comentarios. Exploremos estes atallos:
Atallos do editor de bloques de WordPress
MacOS
- Opción + Control + o: abre o menú de navegación de bloques.
- Opción + Control + n: Navega á seguinte parte do editor.
- Opción + Control + p: Navega á parte anterior do editor.
- fn + Opción + F10: Navega ata a barra de ferramentas máis próxima.
- Comando + Opción + Maiús + m: Cambia entre Visual e Editor de código.
Windows
- Ctrl + Maiús + o: abre o menú de navegación de bloques.
- Ctrl + Maiús + n: Navega á seguinte parte do editor.
- Ctrl + Maiús + p: Navega á parte anterior do editor.
- Fn + Ctrl + F10: Navega ata a barra de ferramentas máis próxima.
- Ctrl + Maiús + Alt + m: Cambia entre Visual e Editor de código.
Atallos de teclado do editor clásico de WordPress
MacOS
- Comando + y: Reface a última acción.
- Comando + Opción + [número]: Insire tamaños de título (por exemplo, Comando + Opción + 1 para h1).
- Comando + Opción + l: aliña o texto á esquerda.
- Comando + Opción + j: Xustifica o texto.
- Comando + Opción + c: Centra o texto.
- Comando + Opción + d: Aplica tachado.
- Comando + Opción + r: aliña o texto á dereita.
- Comando + Opción + u: Crea unha lista non ordenada.
- Comando + Opción + a: Insire unha ligazón.
- Comando + Opción + o: Crea unha lista numerada.
- Comando + Opción + s: Elimina unha ligazón.
- Comando + Opción + q: Formatea o texto como cita.
- Comando + Opción + m: Insire unha imaxe.
- Comando + Opción + t: Insire a etiqueta "Máis".
- Comando + Opción + p: Insire unha etiqueta de salto de páxina.
- Comando + Opción + w: alterna o modo de pantalla completa no editor visual.
- Comando + Opción + f: alterna o modo de pantalla completa no editor de texto.
Windows
- Ctrl + y: Reface a última acción.
- Alt + Maiús + [número]: Insire tamaños de título (por exemplo, Alt + Maiús + 1 para ).
- Alt + Maiús + l: aliña o texto á esquerda.
- Alt + Maiús + j: Xustifica o texto.
- Alt + Maiús + c: Centra o texto.
- Alt + Maiús + d: Aplica tachado.
- Alt + Maiús + r: aliña o texto á dereita.
- Alt + Maiús + u: Crea unha lista non ordenada.
- Alt + Maiús + a: Insire unha ligazón.
- Alt + Maiús + o: Crea unha lista numerada.
- Alt + Maiús + s: Elimina unha ligazón.
- Alt + Maiús + q: Formatea o texto como cita.
- Alt + Maiús + m: Insire unha imaxe.
- Alt + Maiús + t: Insire a etiqueta "Máis".
- Alt + Maiús + p: Insire unha etiqueta de salto de páxina.
- Alt + Maiús + w: alterna o modo de pantalla completa no editor visual.
- Alt + Maiús + f: alterna o modo de pantalla completa no editor de texto.
Hai anos, creamos un complemento para ocultar a barra de administración ao ver o teu sitio e utilizar a navegación emerxente no seu lugar. Chamámolo Teletransporte. Despois da proba, observamos que ralentizaba os tempos de carga do sitio cos métodos que implementamos, polo que xa non actualizamos o complemento.
Atallo de teclado para ocultar ou mostrar a barra de administración de WordPress
Gústame a barra de administración integrada de WordPress cando inicias sesión no teu sitio, pero non cando intentas ver o sitio. Entón, escribín unha modificación que pode querer implementar pola túa conta... un atallo de teclado que ocultará ou mostrará a barra de administración de WordPress cando vexas o teu sitio e iniciaches sesión!
MacOS
- Opción + Control + x: Alterna a barra de menú de administración.
Windows
- Ctrl + Maiús + x: Alterna a barra de menú de administración.
Cando se carga a barra de administración, deslízase cara arriba. Se o alternas, desprazarase a páxina cara arriba ou abaixo.
Engade este código ás funcións do teu tema fillo.php:
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
}
Explicación
- Este script comproba inicialmente se a barra de administración (
#wpadminbar
) está presente. Se é así, o script calcula a súa altura. - Despois oculta a barra de administración e configura o
margin-top
dobody
elemento ao valor negativo da altura da barra de administración usando jQuery. Isto fai que a barra de administración sexa invisible inicialmente e cambia o contido da páxina cara arriba. - O escoitador de eventos keydown alterna a visibilidade da barra de administración e axusta
margin-top
dobody
para mostrar ou ocultar a barra de administración sen problemas.