Cómo usar barras laterales de página simple y cuándo debería hacerlo










  • Como muchas cosas, los temas o diseños de sitios web pasan por períodos de popularidad y luego caen en desgracia. Los sitios web tienen diseños de una sola columna porque eso es todo lo que HTML y nuestros navegadores pueden hacer.

    A medida que avanzaba la tecnología, pasamos a los marcos, las barras laterales y las columnas múltiples. Finalmente, Internet móvil se convirtió en una fuerza impulsora, por lo que ahora la marea está volviendo a las columnas individuales.

    Como sin duda habrá notado, los temas predeterminados de WordPress han sido diseños de una sola columna durante varios años. Pero muchos de nosotros todavía preferimos un diseño de columna, o en WordPress, barras laterales. Sigue siendo la mejor manera de presentar información que no se presta fácilmente a un diseño de una sola columna.

    Hoy, vamos a hablar sobre un complemento llamado Barras laterales de página simple que le brinda la posibilidad de usar barras laterales personalizadas. Entonces, en lugar de usar la misma barra lateral en cada página, puede tener diferentes barras laterales para diferentes páginas. Si eres fanático de la barra lateral, esa es una posibilidad emocionante y tiene muchos usos y beneficios.

    Instalación del complemento de barras laterales de página simple

    Inicie sesión en su panel de administración de WordPress.

    En la navegación de la columna izquierda, pase el mouse sobre el enlace «Complementos» y haga clic en el enlace «Agregar nuevo».

    pase el mouse sobre el enlace "Complementos" y haga clic en el enlace "Agregar nuevo"

    En el cuadro «Buscar complementos…», ingrese «Barras laterales de página simple».

    busque el complemento WordPress Simple Page Sidebars

    Cuando encuentre el complemento, haga clic en el botón «Instalar ahora».

    haga clic para instalar el complemento de barras laterales de página simple de WordPress

    Ahora el complemento está instalado, pero debe activarse antes de poder usarlo.

    Haga clic en el botón «Activar».

    haga clic para activar el complemento de barras laterales de página simple de WordPress

    Eso es todo al respecto. Ahora pongamos el plugin a trabajar.

    Acerca de los temas y editores que usaremos

    Siempre uso temas desarrollados por WordPress para los tutoriales, aunque tienden a ser un poco genéricos. Pero con un tema de WordPress, sabemos que todo debería funcionar correctamente. Y evitamos complicaciones o conflictos que pueden surgir al usar temas de terceros.

    Para demostrar este complemento, usaré el tema de WordPress Twenty Sixteen. Ese es un diseño más antiguo, por lo que normalmente no lo usaría. Pero es el más reciente que se usa para una barra lateral en un diseño de columna.

    También usaré el editor de bloques Gutenberg de WordPress, ya que es el editor predeterminado en cada nueva instalación de WordPress. Pero sé que mucha gente todavía usa el editor «clásico» de WordPress, así que también lo cubriremos.

    Finalmente, utilicé los datos de prueba de unidad de tema de WordPress de WP Test para llenar el blog con publicaciones, páginas y comentarios.

    Configuración de barras laterales de página simples

    Configurar y usar el complemento de la barra lateral no es exactamente intuitivo, pero es fácil de usar una vez que sabe a dónde ir.

    Lo primero que tienes que hacer es definir una barra lateral predeterminada.

    En la navegación de la columna izquierda, pase el mouse sobre el enlace «Configuración» y haga clic en el enlace «Lectura».

    haga clic en el enlace "Lectura"

    Desplácese hacia abajo hasta la sección «Barra lateral predeterminada» y elija una barra lateral predeterminada del menú desplegable. Entonces, en el tema Twenty Sixteen, seleccionaré «Barra lateral».

    seleccione la barra lateral predeterminada del menú desplegable

    Luego haga clic en el botón «Guardar cambios».

    haga clic en el botón "Guardar cambios"

    Configurar la barra lateral predeterminada no cambia nada en tu blog. La barra lateral que siempre ha estado en cada página seguirá estando allí. El complemento usa la configuración para saber qué barra lateral mostrar cuando no se usa una barra lateral personalizada.

    Algunos temas no usarán una barra lateral predeterminada. Si su tema usa diferentes barras laterales para diferentes plantillas de página, es posible que este complemento no funcione para usted. Tendría que agregar código a través de un tema secundario para usarlo, y no recomendaría hacerlo.

    Creación de una nueva barra lateral personalizada

    Las barras laterales personalizadas que cree se pueden usar en varias áreas, pero se crean en una página específica. Te advertí que esto no iba a ser intuitivo.

    Abra una página en el editor de WordPress. Como mencioné, estoy usando Gutenberg. Te mostraré cómo hacer esto en el editor clásico en un minuto.

    En la columna «Documento» en el lado derecho del editor, desplácese hacia abajo hasta «Barra lateral».

    En «Barra lateral actual», haga clic en el enlace «Ingresar nuevo».

    haga clic en el enlace "Introducir nuevo"

    Ingrese un nombre para su barra lateral personalizada en el campo «Barra lateral actual».

    Haga clic en el botón «Actualizar».

    ingrese el nombre de la barra lateral personalizada y haga clic en el botón actualizar

    En el cuadro de diálogo «Barra lateral guardada» que se abre, haga clic en el enlace «Actualizar widgets ahora».

    haga clic en el enlace "Actualizar widgets ahora"

    En la página de widgets, verá una sección para su nueva barra lateral personalizada.

    nuevo widget de barra lateral personalizadonuevo widget de barra lateral personalizado

    Ahora puede arrastrar widgets a la nueva barra lateral.

    arrastre los widgets a la nueva barra lateral

    No olvide hacer clic en el botón «Guardar» para cada widget que agregue.

    Ahora, si vamos a nuestra página de muestra, veremos la barra lateral personalizada en funcionamiento.

    barra lateral personalizada en la página

    Y, por supuesto, la barra lateral predeterminada todavía se muestra en todas las demás páginas.

    barra lateral predeterminada en la página

    Para cualquier barra lateral personalizada adicional que desee crear, simplemente repita estos pasos.

    Creación de una nueva barra lateral personalizada en el editor de WordPress «clásico»

    No hay una gran diferencia en el editor clásico de WordPress. Cuando abra una página en el editor, verá que la sección «Barra lateral» todavía está en la columna del lado derecho. En «Barra lateral actual», haga clic en el enlace «Ingresar nuevo» y realice el mismo proceso que hicimos anteriormente.

    haga clic en el enlace "Introducir nuevo" en el editor clásico

    Cómo agregar una barra lateral personalizada a varias páginas de WordPress

    De acuerdo, sabe que puede repetir los pasos anteriores para crear tantas barras laterales personalizadas como desee. Pero, ¿qué sucede si desea utilizar una barra lateral personalizada en varias páginas?

    Nada de eso.

    En la navegación de la columna izquierda de su panel de administración de WordPress, haga clic en el enlace «Páginas» para abrir su lista de páginas.

    Verá en la lista que hay una nueva columna «Barra lateral».

    Busque la barra lateral personalizada que desea agregar a otras páginas y haga clic en el enlace.

    haga clic en el enlace "Barra lateral"

    Se abrirá una página que enumera todas las páginas de su sitio. Haga clic en el cuadro de cualquier página en la que desee agregar la barra lateral personalizada.

    Haga clic en el botón «Actualizar barra lateral» para guardar los cambios.

    haga clic en el botón "Actualizar barra lateral"

    Vale la pena señalar que si marca la casilla de una página que ya usa una barra lateral personalizada, como esta:

    seleccionando una página que ya usa una barra lateral personalizada

    Reemplazará la antigua barra lateral personalizada con la que está configurando actualmente. Eso sucede porque una página solo puede usar una barra lateral personalizada. Es esencial tener esto en cuenta porque reemplazar una barra lateral personalizada que solo aparece en una página eliminará la barra lateral .

    Por ejemplo, en la imagen de arriba, marqué la casilla «Página de muestra (barra lateral de la página de muestra)». La barra lateral personalizada «barra lateral de la página de muestra» que estoy reemplazando solo se usa en la página de muestra. Entonces, cuando marco esa casilla y hago clic en el botón «Actualizar barra lateral», se eliminará la barra lateral personalizada «barra lateral de la página de muestra».

    Este es un excelente complemento de barra lateral para WordPress, pero eso es algo que hay que tener en cuenta. No puede recuperar una barra lateral personalizada eliminada.

    Qué sucede si desinstala el complemento de barras laterales de página simple

    Si desinstala el complemento, las páginas que usaban barras laterales personalizadas volverán a usar la barra lateral predeterminada del tema. No hay ningún otro efecto o código sobrante para limpiar.

    Ahora ya sabes cómo crear una barra lateral en WordPress

    Para sus páginas de WordPress, de todos modos. Sería genial si esto también funcionara en las publicaciones, pero después de todo se llama Barras laterales de página simple . Y para un generador de barra lateral simple, no puede ser vencido.

    Agregar barras laterales personalizadas por publicación probablemente haría que un complemento sea lo contrario de simple. La capacidad de crear una barra lateral diferente para cada página de su sitio, y simplemente, es algo hermoso.

    Mencioné que es beneficioso usar más de una barra lateral en todo un sitio. Además de permitirle personalizar la información en cada página, cambiar las barras laterales ayuda con Google.

    Cuando la información aparece repetidamente en cada página de su sitio, Google puede ignorarla. En el peor de los casos, su sitio web puede ser penalizado por duplicar contenido.

    Eso no es un problema para la mayoría de los widgets en las barras laterales de WordPress. Cosas como publicaciones o comentarios recientes, calendarios, etc. Pero debe evitarse algo como un texto largo que aparece en cada página.

    Otra ventaja de las múltiples barras laterales es mantener la atención de los visitantes. Cuando el contenido de la barra lateral nunca cambia, los visitantes tenderán a desconectarse. Si notan algo diferente en la barra lateral de una página, es más probable que presten atención a todas las barras laterales.

    Mantenga a sus visitantes comprometidos y seguirán regresando.

    ¿Alguna vez ha usado un complemento o código para agregar barras laterales personalizadas a WordPress? ¿Ha ido a un diseño de una sola columna en el pasado pero luego volvió a las barras laterales? Házmelo saber en los comentarios.