Atalhos de teclado do WordPress: adicione um atalho de teclado para ocultar ou mostrar a barra de administração do WordPress
WordPress oferece uma variedade de atalhos de teclado para aumentar a produtividade de seus usuários. Esses atalhos são adaptados para sistemas operacionais Windows e MacOS e atendem ao uso do WordPress, desde a edição de conteúdo até o gerenciamento de comentários. Vamos explorar estes atalhos:
Atalhos do editor de blocos do WordPress
MacOS
- Opção + Controle + o: Abre o menu de navegação do bloco.
- Opção + Controle + n: navega para a próxima parte do editor.
- Opção + Controle + p: navega para a parte anterior do editor.
- fn + Opção + F10: navega até a barra de ferramentas mais próxima.
- Comando + Opção + Shift + m: alterna entre editor visual e de código.
Windows
- Ctrl + Shift + o: Abre o menu de navegação do bloco.
- Ctrl+Shift+n: navega para a próxima parte do editor.
- Ctrl+Shift+p: navega para a parte anterior do editor.
- Fn+Ctrl+F10: navega até a barra de ferramentas mais próxima.
- Ctrl + Shift + Alt + m: alterna entre editor visual e de código.
Atalhos de teclado do editor clássico do WordPress
MacOS
- Comando + y: Refaz a última ação.
- Comando + Opção + [número]: Insere tamanhos de cabeçalho (por exemplo, Command + Option + 1 para h1).
- Comando + Opção + l: alinha o texto à esquerda.
- Comando + Opção + j: Justifica o texto.
- Comando + Opção + c: Centraliza o texto.
- Comando + Opção + d: Aplica tachado.
- Comando + Opção + r: alinha o texto à direita.
- Comando + Opção + você: Cria uma lista não ordenada.
- Comando + Opção + a: insere um link.
- Comando + Opção + o: Cria uma lista numerada.
- Comando + Opção + s: Remove um link.
- Comando + Opção + q: formata o texto como uma citação.
- Comando + Opção + m: Insere uma imagem.
- Comando + Opção + t: Insere a tag ‘Mais’.
- Comando + Opção + p: insere uma tag de quebra de página.
- Comando + Opção + w: alterna o modo de tela cheia no editor visual.
- Comando + Opção + f: Alterna o modo de tela cheia no editor de texto.
Windows
- CTRL+s: Refaz a última ação.
- Alt + Shift + [número]: Insere tamanhos de cabeçalho (por exemplo, Alt + Shift + 1 para ).
- Alt + Shift + s: alinha o texto à esquerda.
- Alt + Shift + j: Justifica o texto.
- Alt + Shift + c: Centraliza o texto.
- Alt + Shift + d: Aplica tachado.
- Alt + Shift + r: alinha o texto à direita.
- ALT + SHIFT + u: Cria uma lista não ordenada.
- Alt + Shift + uma: insere um link.
- Alt + Shift + O: Cria uma lista numerada.
- Alt + Shift + s: Remove um link.
- Alt + Shift + q: formata o texto como uma citação.
- Alt + Shift + m: Insere uma imagem.
- Alt + Shift + t: Insere a tag ‘Mais’.
- Alt + Shift + P: insere uma tag de quebra de página.
- ALT + SHIFT + w: alterna o modo de tela cheia no editor visual.
- Alt + Shift + f: Alterna o modo de tela cheia no editor de texto.
Anos atrás, criamos um plug-in para ocultar a barra de administração ao visualizar seu site e, em vez disso, usar a navegação pop-up. Nós chamamos isso Teleport. Após o teste, percebemos que o tempo de carregamento do site diminuiu com os métodos que implantamos, por isso não atualizamos mais o plugin.
Atalho de teclado para ocultar ou mostrar a barra de administração do WordPress
Gosto da barra de administração integrada do WordPress quando você está conectado ao seu site, mas não quando tenta visualizá-lo. Então, eu escrevi uma modificação que você pode querer implantar por conta própria… um atalho de teclado que ocultará ou mostrará a barra de administração do WordPress quando você visualizar seu site e estiver logado!
MacOS
- Opção + Controle + x: alterne a barra de menu do administrador.
Windows
- Ctrl + Shift + x: Alterne a barra de menu do administrador.
Quando a barra de administração é carregada, ela desliza para cima. Alternar irá deslizar a página para cima ou para baixo.
Adicione este código ao functions.php do seu tema filho:
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
}
Explicação
- Este script verifica inicialmente se a barra de administração (
#wpadminbar
) é presente. Se for, o script calcula sua altura. - Em seguida, oculta a barra de administração e define o
margin-top
dabody
elemento para o valor negativo da altura da barra de administração usando jQuery. Isso torna a barra de administração inicialmente invisível e aumenta o conteúdo da página. - O ouvinte de evento keydown alterna a visibilidade da barra de administração e ajusta o
margin-top
dabody
para mostrar ou ocultar a barra de administração sem problemas.