Una de mis formas favoritas de hacer que un sitio WordPress parezca más inteligente es adaptar el contenido de cada página. Siempre quieres mostrar a tus visitantes la información más relevante posible.
Una forma fantástica de hacerlo es añadir una barra lateral diferente para las distintas páginas de WordPress.
Esto significa simplemente que la barra lateral de su página "Acerca de" puede tener una finalidad completamente distinta a la de su blog.
Es un pequeño ajuste que hace que su sitio tenga un aspecto increíblemente profesional y funcione mejor para sus visitantes.
En esta guía, te mostraré cómo configurarlo sin escribir ningún código.
Pasos rápidos:
¿Por qué utilizar diferentes barras laterales para diferentes páginas en WordPress?
Antes de pasar a los pasos, hablemos de por qué este pequeño cambio puede suponer una gran diferencia. Una barra lateral de tamaño único puede funcionar técnicamente, pero a menudo parece fuera de lugar en la página equivocada.
Cuando personalizas tus barras laterales, desbloqueas todo tipo de útiles mejoras.
Éstos son algunos de los mayores beneficios que he visto:
- Aumenta la relevancia
Puede mostrar contenido que coincida con el propósito de la página. Por ejemplo, entradas relacionadas en tu blog o el horario y el mapa de tu negocio en la página de contacto.
- Mejora la experiencia del usuario
Cuando los visitantes pueden encontrar rápidamente lo que necesitan, se quedan más tiempo y tienen una mejor experiencia. De hecho, el diseño intuitivo puede aumentar la retención de usuarios hasta en un 60%, lo que demuestra hasta qué punto un diseño bien organizado (como una barra lateral específica) puede influir en la participación.
- Parece más profesional
Un sitio que adapta su diseño en función de la página parece más inteligente. Indica a tus visitantes que has cuidado los detalles.
- Guía a tus visitantes
Tu barra lateral es un espacio privilegiado para la acción. Puedes añadir una suscripción al boletín de noticias de tu blog o un botón "Reservar ahora" en tu página de servicios justo cuando los usuarios están más interesados.
Hacer este único cambio realmente mejora tanto el diseño como el rendimiento de su sitio.
Cómo añadir una barra lateral de WordPress para diferentes páginas con SeedProd
La forma más fácil de crear y asignar barras laterales personalizadas en WordPress es mediante el uso de SeedProd, el mejor constructor de sitios web de arrastrar y soltar para WordPress.
Con SeedProd, usted puede construir temas completamente personalizados, páginas y diseños, sin escribir una sola línea de código. Incluye un potente Theme Builder que le permite diseñar cabeceras, pies de página, barras laterales y mucho más utilizando simples bloques visuales.
Esto significa que puedes crear una barra lateral diferente para cada página de tu sitio, controlar exactamente dónde aparece y hacer cambios en cualquier momento sin tocar los archivos de tu tema.
Te mostraré cómo funciona paso a paso.
Paso 1: Instalar y activar SeedProd
Para empezar, vaya al sitio web de SeedProd e inicie sesión en su cuenta.
Haga clic en la pestaña Descargas y descargue el archivo del plugin en su ordenador. Se guardará como un archivo ZIP.
Nota: Hay una versión gratuita de SeedProd, pero estoy usando la versión Pro en este tutorial para que podamos utilizar el Theme Builder.
A continuación, vaya a su panel de WordPress e instale y active el plugin. Para más detalles, consulta nuestra documentación sobre cómo instalar SeedProd Pro.
Paso 2: Crear un tema personalizado
Ahora que SeedProd está instalado, puede empezar a crear su tema personalizado de WordPress.
En su panel de control de WordPress, vaya a SeedProd " Theme Builder. En la parte superior de la página, haga clic en el botón Theme Template Kits.
Verás una biblioteca de temas de inicio diseñados por profesionales.
Elige una plantilla que se adapte a tu marca. Podrás cambiarlo todo más tarde en el constructor de arrastrar y soltar.
Cuando seleccione un kit, SeedProd creará automáticamente todas las partes del tema central para usted, que incluyen:
- Cabecera
- Pie de página
- Puesto único
- Página
- Barra lateral
- Y más
Puede editar cada parte en el editor visual de SeedProd, por lo que puede personalizar el diseño sin tocar ningún código.
Si quieres saber cómo funciona, consulta nuestra guía sobre cómo crear un tema personalizado para WordPress.
Paso 3: Crear una plantilla de barra lateral personalizada
Para mostrar diferentes contenidos de la barra lateral en diferentes páginas, deberá crear una nueva plantilla de barra lateral basada en el diseño existente para que todo sea coherente.
En primer lugar, busque la parte de la plantilla Sidebar en su kit. Esta es la barra lateral por defecto que su tema utiliza cada vez que una página pide uno.
Para este tutorial, vamos a duplicar la barra lateral y hacer algunos cambios para que se adapte específicamente a la página Archivos en lugar de la página del blog.
Para ello, coloque el cursor sobre la plantilla Sidebar en el Theme Builder y haga clic en Duplicar.
Ahora verás que aparece una copia en tu lista de partes temáticas.
Haga clic en Editar diseño en la versión duplicada para abrirla en el constructor visual.
Dentro del editor, puedes personalizar el diseño como quieras.
En la barra lateral de mi página Archivos, he eliminado el bloque del formulario de suscripción y lo he sustituido por un bloque de publicaciones recientes y algunos testimonios para resaltar la prueba social.
Para hacerlo usted mismo, sólo tiene que pasar el ratón por encima de un bloque y seleccionar el icono de la papelera.
A continuación, arrastre los bloques que desee mostrar en su barra lateral personalizada.
Esto mantiene la coherencia del diseño general de la barra lateral. Tiene las mismas fuentes, espaciado y estructura, pero hace que el contenido coincida con la intención de la página.
Para obtener información más detallada, consulte nuestra guía sobre cómo añadir una barra lateral personalizada en WordPress.
Paso 4: Añadir la barra lateral a un diseño de página
Ahora vamos a seguir adelante y añadir su nueva barra lateral a la plantilla de la derecha.
El kit de temas que utilizo incluye dos plantillas con una barra lateral:
- Entrada única: se utiliza para las entradas habituales del blog
- Archivos, resultados de búsqueda: se utiliza para páginas de archivos como los listados de categorías y los resultados de búsqueda.
En este momento, ambas plantillas utilizan la misma barra lateral predeterminada.
En este caso, quiero que la plantilla Archivos, Resultados de búsqueda utilice la nueva barra lateral que acabo de crear. La que está hecha a medida para el contenido de archivo.
Para ello, busque la plantilla Archivos, Resultados de búsqueda en la lista y haga clic en Editar diseño.
Dentro del editor de SeedProd, pase el ratón sobre la zona de la barra lateral hasta que vea aparecer una barra de herramientas naranja. Haga clic en esa sección para seleccionarla.
En el panel de configuración de la izquierda, verá que dice Edición: Partes de Plantilla.
En el menú desplegable Parte de plantilla, seleccione la nueva plantilla de barra lateral que creó anteriormente.
Verás que el diseño se actualiza inmediatamente, mostrando tu barra lateral personalizada en su lugar.
Cuando estés satisfecho, haz clic en Guardar en la esquina superior derecha.
Ya está. Ahora has asignado una barra lateral diferente a tus páginas de archivo sin cambiar lo que se muestra en las entradas del blog.
Paso 5: Guarde, publique y active su tema
Una vez que su barra lateral personalizada está en su lugar, el último paso es asegurarse de que su tema está en vivo en su sitio.
Vaya a SeedProd " Theme Builder en su panel de WordPress.
En la parte superior de la página, haga clic en el conmutador que dice Activar Tema SeedProd.
Esto reemplazará su actual tema de WordPress con el que acaba de construir incluyendo su diseño personalizado y las asignaciones de la barra lateral.
Ahora visite su sitio y navegue a una página de archivo (como una categoría de blog o resultados de búsqueda). Debería ver que su nueva barra lateral aparece exactamente donde la colocó.
Si alguna vez quieres crear más barras laterales personalizadas para otras plantillas, sólo tienes que repetir los mismos pasos.
Otras formas de mostrar diferentes barras laterales en WordPress
Si no está utilizando SeedProd, todavía hay algunas otras maneras de mostrar diferentes barras laterales a través de su sitio de WordPress. Estos métodos no ofrecen la misma experiencia de arrastrar y soltar, pero pueden funcionar dependiendo de su configuración.
Utilice un plugin de barra lateral dinámica
Una opción es instalar un plugin como Custom Sidebars - Dynamic Widget Area Manager.
Permite crear varias barras laterales y asignarlas a distintas páginas, entradas o categorías mediante una sencilla interfaz desplegable.
- Ventajas: No requiere código, funciona con la mayoría de temas
- Contras: Estás limitado a diseños basados en widgets y no tienes un control visual total como con SeedProd.
Editar archivos de temas (método del código)
Si te sientes cómodo editando código, puedes registrar barras laterales personalizadas y mostrarlas usando lógica condicional en las plantillas de tu tema. Sin embargo, no se lo recomiendo si no está familiarizado con la codificación.
- Ventajas: Control total sobre dónde y cómo aparecen las barras laterales
- Contras: arriesgado para principiantes; los cambios pueden perderse si actualizas tu tema sin un tema hijo.
Personalmente, elijo SeedProd cada vez. Es la opción más fácil que he encontrado, especialmente cuando se desea un control total sobre el aspecto de sus barras laterales y donde aparecen sin tocar una sola línea de código. Además, es lo suficientemente flexible como para adaptarse a cualquier diseño o estilo de diseño que usted va para.
Preguntas frecuentes sobre las barras laterales personalizadas en WordPress
Haz que tus barras laterales quepan en todas las páginas
Utilizar una barra lateral diferente para cada página en WordPress es uno de esos pequeños cambios que tienen un gran impacto. Le da a su sitio un diseño más limpio, mejora la experiencia del usuario y ayuda a guiar a los visitantes exactamente a donde usted quiere que vayan.
Personalmente, utilizo SeedProd para esto porque hace que todo el proceso sea rápido y sin código. Además, puedo adaptar perfectamente el diseño al propósito de cada página.
Usted puede construir diseños de página personalizados y barras laterales con SeedProd en tan sólo unos clics, sin necesidad de desarrollador.
Las siguientes guías también pueden resultarle útiles para personalizar su sitio de WordPress:
- Cómo crear una página personalizada en WordPress
- Cómo cambiar el diseño del blog en WordPress
- Cómo cambiar los márgenes en WordPress
- Cómo ocultar los títulos de las páginas en WordPress
- Cómo añadir una galería a WordPress
- Cómo añadir CSS personalizado en WordPress
Gracias por leernos. Nos encantaría conocer tu opinión, así que no dudes en dejarnos un comentario con tus preguntas y comentarios.
También puede seguirnos en YouTube, X (antes Twitter) y Facebook para obtener más contenidos útiles para hacer crecer su negocio.
