M谩s

    C贸mo agregar navegaci贸n de teclado con teclas de flecha en WordPress

    - Advertisement -

    驴Desea agregar navegaci贸n con teclado de teclas de flecha en su sitio web?

    La navegaci贸n con el teclado puede hacer que su sitio web sea m谩s f谩cil de usar. Permitir谩 a sus visitantes pasar de una publicaci贸n a otra usando estas teclas de flecha. Sin embargo, WordPress no ofrece estas funciones de navegaci贸n por defecto.

    En este art铆culo, le mostraremos c贸mo agregar navegaci贸n con teclado de flechas en WordPress.

    驴Por qu茅 agregar navegaci贸n con teclado con teclas de flecha en WordPress?

    Agregar navegaci贸n con teclado a su sitio web de WordPress permite a los usuarios navegar f谩cilmente por las publicaciones de blog en su sitio web. Los usuarios pueden ver las publicaciones de blog anteriores y siguientes haciendo clic en las teclas de flecha derecha e izquierda de sus teclados.

    Esta funci贸n es 煤til cuando desea que los usuarios exploren f谩cilmente las publicaciones en orden secuencial, por ejemplo, si est谩 utilizando publicaciones de blog para publicar cap铆tulos de un libro, art铆culos de cartera, eventos hist贸ricos o m谩s.

    Agregar navegaci贸n con teclado con teclas de flecha puede ser una excelente manera de mejorar la experiencia del usuario en su blog de WordPress, ya que alentar谩 a los usuarios a explorar m谩s su sitio.

    Dicho esto, veamos c贸mo agregar la navegaci贸n con el teclado de flechas en WordPress usando un complemento.

    M茅todo 1. Adici贸n de navegaci贸n con el teclado de flechas mediante un fragmento de c贸digo (recomendado)

    Puede agregar navegaci贸n con teclas de flecha en su blog de WordPress agregando c贸digo al archivo functions.php de su tema de WordPress. Sin embargo, agregar c贸digo personalizado a los archivos principales de WordPress puede ser arriesgado, ya que un peque帽o error puede da帽ar su sitio.

    Por eso siempre recomendamos usar C贸digo WP. Es el complemento de fragmento de c贸digo m谩s f谩cil y seguro disponible.

    Al agregar este c贸digo a su sitio web, sus usuarios podr谩n cambiar entre diferentes p谩ginas y publicaciones en su sitio usando las teclas de flecha en sus teclados.

    En primer lugar, debe instalar y activar el Complemento WPCode gratuito. Para obtener m谩s informaci贸n, consulte nuestra gu铆a sobre c贸mo instalar un complemento de WordPress.

    Tras la activaci贸n, dir铆gete a Fragmentos de c贸digo 禄 A帽adir fragmento en su panel de administraci贸n de WordPress. Haga clic en el bot贸n ‘Agregar nuevo’ para ir a la p谩gina ‘Agregar fragmento’.

    Vaya a Fragmentos de c贸digo y haga clic en Agregar nuevo

    Una vez all铆, busque la opci贸n ‘Agregar su c贸digo personalizado (nuevo fragmento)’.

    Simplemente pase el mouse sobre 茅l y luego haga clic en el bot贸n ‘Usar fragmento’.

    Haga clic en el bot贸n Usar fragmento

    Una vez que est茅 en la p谩gina ‘Crear fragmento personalizado’, comience escribiendo un nombre para su fragmento de c贸digo.

    Luego, simplemente seleccione ‘Fragmento universal’ como ‘Tipo de c贸digo’ en el men煤 desplegable en la esquina derecha.

    Nota: No seleccione ‘JavaScript’ como su tipo de c贸digo. Aunque es un c贸digo JavaScript, el c贸digo solo funciona en su sitio si selecciona la opci贸n ‘Universal Snippet’.

    Elija el tipo de c贸digo Unviersal para la navegaci贸n con teclas de flecha

    A continuaci贸n, simplemente copie y pegue el siguiente c贸digo en la 芦Vista previa del c贸digo禄.

    <script type="text/javascript">
            document.onkeydown = function (e) {
                var e = e || event, 
                keycode = e.which || e.keyCode; 
                if (keycode == 37 || keycode == 33)
                    location = "<?php echo get_permalink(get_previous_post()); ?>";
                if (keycode == 39 || keycode == 34)
                    location = "<?php echo get_permalink(get_next_post()); ?>";
            }
        </script>
    

    Este fragmento habilitar谩 la navegaci贸n con teclas de flecha en su sitio web.

    Pegue el c贸digo para la navegaci贸n con las teclas de flecha

    Despu茅s de eso, despl谩cese hacia abajo hasta el cuadro ‘Inserci贸n’ para elegir la ubicaci贸n del fragmento de c贸digo.

    En el men煤 desplegable junto a 芦Ubicaci贸n禄, simplemente seleccione 芦Pie de p谩gina de todo el sitio禄.

    Elija Pie de p谩gina de todo el sitio en el men煤 desplegable Ubicaci贸n

    Luego, tendr谩 que elegir un ‘M茅todo de inserci贸n’. Para ejecutar el fragmento en todas partes de su sitio web, seleccione la opci贸n ‘Insertar autom谩ticamente’.

    Si desea navegar con las teclas de flecha solo en ciertas p谩ginas, elija la opci贸n ‘C贸digo corto’. Una vez que guarde el fragmento de c贸digo, aparecer谩 un c贸digo abreviado aqu铆 para que lo copie/pegue.

    Elija un m茅todo de inserci贸n

    Luego, simplemente regrese a la parte superior de la p谩gina y cambie el interruptor de ‘Inactivo’ a ‘Activo’.

    Luego, todo lo que tiene que hacer es hacer clic en el bot贸n ‘Guardar fragmento’.

    Guarde el fragmento de navegaci贸n de las teclas de flecha

    隆Eso es todo! Ha agregado con 茅xito la navegaci贸n con teclas de flecha en su sitio web.

    M茅todo 2. Adici贸n de navegaci贸n de teclado con teclas de flecha usando el complemento de navegaci贸n de teclas de flecha

    Si no desea agregar c贸digo a su sitio web, puede usar el Navegaci贸n con teclas de flecha enchufar.

    Este complemento le permite navegar a trav茅s de las publicaciones anteriores y siguientes en su sitio usando las teclas de flecha derecha e izquierda de su teclado.

    Entonces, lo primero que debe hacer es instalar y activar el complemento de navegaci贸n de teclas de flecha.

    Para obtener m谩s detalles, consulte nuestra gu铆a paso a paso sobre c贸mo instalar un complemento de WordPress.

    Nota: Este complemento no se ha actualizado recientemente. Sin embargo, lo probamos con la 煤ltima versi贸n de WordPress y todav铆a funciona.

    Activar el complemento

    Dado que es un complemento muy simple, no requiere configuraci贸n adicional. Una vez que haya activado el complemento, ahora puede cambiar a diferentes publicaciones en su sitio usando las teclas de flecha.

    Tenga en cuenta que este complemento solo le permite cambiar entre diferentes publicaciones en su sitio web, por lo que no podr谩 usar las teclas de flecha para pasar de una p谩gina a otra.

    Por ejemplo, no puede cambiar de su p谩gina de ‘Inicio’ a su p谩gina de ‘Cont谩ctenos’ usando las teclas de flecha.

    Una vez que haya activado el complemento, puede agregar un mensaje o ventana emergente en su sitio web que les diga a los usuarios que ahora pueden navegar a trav茅s de varias publicaciones de blog simplemente usando las teclas de flecha para pasar de una publicaci贸n a la siguiente.

    Navegaci贸n con teclas de flecha para control deslizante de WordPress y galer铆as de im谩genes

    Las dos soluciones anteriores permitir谩n a los usuarios navegar por las publicaciones de su blog con las teclas de flecha, sin embargo, a veces es posible que desee agregar otras funcionalidades, como permitir a los usuarios mover im谩genes con las teclas de flecha, o tal vez mover su control deslizante con las teclas de flecha.

    En estos casos, deber谩 usar un complemento de galer铆a de WordPress y / o un complemento de control deslizante de WordPress. Los complementos de galer铆a y control deslizante m谩s populares vienen integrados con funciones de navegaci贸n con teclas de flecha.

    Esperamos que este art铆culo le haya ayudado a aprender c贸mo agregar navegaci贸n con teclado de flechas en WordPress. Es posible que tambi茅n desee ver nuestra selecci贸n principal de los mejores complementos de WordPress. Si est谩 interesado, tambi茅n puede consultar nuestra gu铆a sobre c贸mo agregar caracteres especiales en WordPress.

    Si te ha gustado este art铆culo, suscr铆bete a nuestro Canal de Youtube para tutoriales en v铆deo de WordPress. Tambi茅n puedes encontrarnos en Gorjeo y Facebook.


    Fuente: C贸mo agregar navegaci贸n de teclado con teclas de flecha en WordPress

    Populares

    M谩s de esta categor铆a

    DEJA UNA RESPUESTA

    Por favor ingrese su comentario!
    Por favor ingrese su nombre aqu铆

    Este sitio usa Akismet para reducir el spam. Aprende c贸mo se procesan los datos de tus comentarios.