Marketing de contenido

Atajos de teclado de WordPress: agregue un atajo de teclado para ocultar o mostrar la barra de administración de WordPress

WordPress ofrece una variedad de atajos de teclado para mejorar la productividad de sus usuarios. Estos atajos están diseñados para los sistemas operativos Windows y MacOS y se adaptan al uso de WordPress, desde la edición de contenido hasta la gestión de comentarios. Exploremos estos atajos:

Atajos del editor de bloques de WordPress

MacOS

  • Opción + Control + o: Abre el menú de navegación del bloque.
  • Opción + Control + n: navega a la siguiente parte del editor.
  • Opción + Control + p: navega a la parte anterior del editor.
  • fn + Opción + F10: navega a la barra de herramientas más cercana.
  • Comando + Opción + Mayús + m: Cambia entre Visual y Editor de código.

Windows

  • Ctrl + Mayús + o: Abre el menú de navegación del bloque.
  • Ctrl + Mayús + n: navega a la siguiente parte del editor.
  • Ctrl + Mayús + p: navega a la parte anterior del editor.
  • Fn + Ctrl + F10: navega a la barra de herramientas más cercana.
  • Ctrl + Mayús + Alt + m: Cambia entre Visual y Editor de código.

Atajos de teclado del editor clásico de WordPress

MacOS

  • Comando + y: Rehace la última acción.
  • Comando + Opción + [número]: Inserta tamaños de encabezado (por ejemplo, Comando + Opción + 1 para h1).
  • Comando + Opción + l: Alinea el texto a la izquierda.
  • Comando + Opción + j: justifica el texto.
  • Comando + Opción + c: centra el texto.
  • Comando + Opción + d: Aplica tachado.
  • Comando + Opción + r: Alinea el texto a la derecha.
  • Comando + Opción + u: Crea una lista desordenada.
  • Comando + Opción + a: Inserta un enlace.
  • Comando + Opción + o: Crea una lista numerada.
  • Comando + Opción + s: elimina un vínculo.
  • Comando + Opción + q: formatea el texto como una cita.
  • Comando + Opción + m: Inserta una imagen.
  • Comando + Opción + t: Inserta la etiqueta 'Más'.
  • Comando + Opción + p: Inserta una etiqueta de salto de página.
  • Comando + Opción + w: alterna el modo de pantalla completa en el editor visual.
  • Comando + Opción + f: alterna el modo de pantalla completa en el editor de texto.

Windows

  • Ctrl+y: Rehace la última acción.
  • Alt + Mayús + [número]: inserta tamaños de encabezado (por ejemplo, Alt + Shift + 1 para).
  • Alt + Shift + s: Alinea el texto a la izquierda.
  • Alt + Mayús + j: justifica el texto.
  • Alt + Mayúsculas + c: centra el texto.
  • Alt + Mayús + d: Aplica tachado.
  • Alt + Mayús + r: Alinea el texto a la derecha.
  • ALT + SHIFT + U: Crea una lista desordenada.
  • Alt + Shift + A: Inserta un enlace.
  • Alt + Shift + O: Crea una lista numerada.
  • Alt + Mayús + s: elimina un vínculo.
  • Alt + Mayús + q: formatea el texto como una cita.
  • Alt + Shift + m: Inserta una imagen.
  • Alt + Mayús + t: Inserta la etiqueta 'Más'.
  • Alt + Shift + P: Inserta una etiqueta de salto de página.
  • ALT + SHIFT + w: alterna el modo de pantalla completa en el editor visual.
  • Alt + Mayús + f: alterna el modo de pantalla completa en el editor de texto.

Hace años, creamos un complemento para ocultar la barra de administración al visualizar su sitio y utilizar la navegación emergente en su lugar. lo llamamos Teleport. Después de las pruebas, notamos que ralentizaba los tiempos de carga del sitio con los métodos que implementamos, por lo que ya no actualizamos el complemento.

Atajo de teclado para ocultar o mostrar la barra de administración de WordPress

Me gusta la barra de administración integrada de WordPress cuando inicias sesión en tu sitio, pero no cuando intentas verlo. Entonces, escribí una modificación que tal vez desees implementar por tu cuenta... ¡un atajo de teclado que ocultará o mostrará la barra de administración de WordPress cuando veas tu sitio y hayas iniciado sesión!

MacOS

  • Opción + Control + x: alterna la barra de menú de administración.

Windows

  • Ctrl + Mayús + x: Alterna la barra de menú de administración.

Cuando se carga la barra de administración, se desliza hacia arriba. Al alternarlo, la página se deslizará hacia arriba o hacia abajo.

Agregue este código al archivo funciones.php de su tema hijo:

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 inicialmente verifica si la barra de administración (#wpadminbar) está presente. Si es así, el script calcula su altura.
  • Luego oculta la barra de administración y establece el margin-top de la body elemento al valor negativo de la altura de la barra de administración usando jQuery. Esto hace que la barra de administración sea invisible inicialmente y sube el contenido de la página.
  • El detector de eventos keydown alterna la visibilidad de la barra de administración y ajusta la margin-top de la body para mostrar u ocultar la barra de administración sin problemas.

Douglas Karr

Douglas Karr es CMO de AbrirINSIGHTS y el fundador de la Martech Zone. Douglas ha ayudado a docenas de nuevas empresas exitosas de MarTech, ha colaborado en la diligencia debida de más de $5 mil millones en adquisiciones e inversiones de Martech y continúa ayudando a las empresas a implementar y automatizar sus estrategias de ventas y marketing. Douglas es un orador y experto en transformación digital y MarTech reconocido internacionalmente. Douglas también es autor de una guía para principiantes y de un libro sobre liderazgo empresarial.

Artículos Relacionados

Volver al botón superior
Cerrar

Adblock detectado

Martech Zone puede proporcionarle este contenido sin costo porque monetizamos nuestro sitio a través de ingresos publicitarios, enlaces de afiliados y patrocinios. Le agradeceríamos que elimine su bloqueador de anuncios mientras visita nuestro sitio.