Estás leyendo la publicación: Cómo agregar una barra lateral en WordPress: 5 métodos paso a paso
Una de las primeras cosas que debe considerar al crear su sitio web es la facilidad con la que sus visitantes podrán navegar. Una barra lateral es a menudo una característica importante que permite a los usuarios saltar a las distintas partes de su sitio. ¿Pero sabes cómo agregar una barra lateral en WordPress?
Incluso si no eres la persona más experta en tecnología, puedes aprender cómo agregar una barra lateral en WordPress en solo unos pocos pasos (y también tenemos una guía rápida y fácil sobre cómo eliminar la barra lateral). Hay cinco formas simples en las que puede agregar este elemento a su sitio de nicho, y vamos a recorrer cada una de ellas paso a paso.
¿Estás listo para aprender más sobre cómo mejorar la navegación de tu sitio?
¡Empecemos!
Elegir un tema de WordPress con opciones de barra lateral
La primera y más fácil forma de agregar una barra lateral a su página de WordPress es seleccionar un tema que permita muchas opciones de barra lateral.
Hay toneladas de temas de WordPress para principiantes entre los que puede elegir si sabe que desea una barra lateral destacada para organizar su navegación o vincular a otras partes de su sitio web que no forman parte de su menú principal.
Por ejemplo, puede usar una barra lateral para:
- Muestre sus últimas publicaciones de blog
- Categorizar temas
- Publicar un calendario de eventos.
El diseño de su sitio web puede llevar bastante tiempo, pero puede ahorrar algo de tiempo en la creación de barras laterales eligiendo una de estas opciones de tema:
- colormag
- divide
- Camino
- Tinta
- palermo
- Zarza
Esta no es una lista exhaustiva de todas las opciones de temas que podría usar para instalar un widget de barra lateral. Esto simplemente le brinda una buena selección de temas que podría considerar si está abierto a renovar su sitio web o construir alrededor de uno de estos temas para empezar.
Una vez que haya instalado su nuevo tema, diríjase a la barra lateral y seleccione Apariencia. En el menú, seleccione Personalizar.
Si su tema es compatible desde el principio, verá una opción para Global en la parte superior del menú Personalizar. Esto abrirá la posibilidad de seleccionar Diseño y luego Diseño de barra lateral.
Aparecerá una selección de imágenes entre las que puede elegir, según la ubicación de la barra lateral deseada. Por ejemplo, puede seleccionar una barra lateral derecha o una barra lateral izquierda.
Seleccione cuál desea que aparezca una vista previa en vivo de cómo se verá la página con su barra lateral.
Desde aquí, puede agregar widgets al área de la barra lateral para personalizar lo que verán sus visitantes. Presiona Publicar cuando hayas terminado.
Edición de la barra lateral con widgets en el personalizador
Otro método para aprender a agregar una barra lateral en WordPress es utilizar la función Widgets. Esto es muy similar a los pasos enumerados anteriormente, pero puede ayudar si su tema no tiene diseños de barra lateral específicos.
Seguirá los mismos primeros pasos:
- Haga clic en Apariencia y Personalizar.
- Seleccione Widgets.
- Selecciona Barra lateral.
- Haz clic en Agregar bloques.
Esto abrirá una lista completa de bloques que se pueden agregar a su barra lateral, incluidas citas o texto. También abre la posibilidad de agregar una variedad de widgets.
Puede agregar íconos de redes sociales, un calendario, los últimos comentarios en su publicación de blog y más.
Si los widgets no aparecen en el orden exacto en el que los desea, es fácil moverlos. Simplemente arrástrelos y suéltelos en orden.
Incluso puede cambiarles el título o eliminar los títulos de cada widget.
No olvide presionar Publicar cuando haya terminado de perfeccionar su nueva barra lateral.
Registro de la barra lateral con WordPress
Este método para aprender a agregar una barra lateral a WordPress es un poco más complejo y requiere algunos conocimientos de codificación.
Los dos primeros métodos son mucho más simples. También puede considerar instalar un complemento para ayudar con su barra lateral antes de intentar registrarlo con WordPress por su cuenta.
Sin embargo, los propietarios de sitios que tienen algo de experiencia con la codificación pueden encontrar que este es un proceso simple.
Si desea abordar este método, comience preparándose para agregar código al archivo functions.php. Ingresarás register_sidebar() junto con la siguiente cadena de código:
Para obtener instrucciones más detalladas sobre cómo etiquetar cada sección de código, WordPress creó una práctica plantilla de instrucciones que proporciona ejemplos.
También puede usar este método para agregar varias barras laterales o una barra lateral diferente. En lugar de agregar el código como register_sidebar(), puede agregar register_sidebars() para obtener múltiples áreas.
Personalización de widgets en el tablero
Una vez que haya creado su barra lateral agregando las líneas de código o a través del Personalizador, es hora de reorganizar sus widgets.
Esto se puede hacer fácilmente desde el tablero. Regrese a su panel de control y haga clic en Apariencias en el menú del lado izquierdo. Se abrirá una ventana con varias opciones y elegirás Widgets.
Esto abrirá una nueva pantalla con todas las áreas donde actualmente tiene widgets, incluida la barra lateral y el contenido en la parte inferior de su tema.
Una vez que haya seleccionado la opción de la barra lateral, puede hacer clic en el pequeño + en la esquina inferior derecha del área de la barra lateral. Esto le permitirá agregar bloques y widgets a su barra lateral personalizada.
Al hacer clic en el botón negro Examinar todo, puede ver la lista completa de widgets que se pueden agregar a su barra lateral.
Para este ejemplo, seleccioné un calendario para agregar a mi barra lateral. Una vez que hayas seleccionado el widget que quieres usar en tu nuevo menú de navegación, podrás ver que tienes otras opciones para personalizarlo.
Por cierto, si está interesado en este tipo de personalización, puede consultar nuestra guía paso a paso sobre cómo editar el menú en wordpress.
Haga clic en las áreas para dirigir el widget hacia arriba o hacia abajo en el orden en que lo necesita.
También puede hacer clic en los seis puntos y arrastrar su widget a la posición deseada si no quiere moverlo manualmente con las flechas.
Cuando termine de personalizar esta sección de su sitio, no olvide hacer clic en Actualizar en la esquina superior derecha de la pantalla.
Complementos de barra lateral personalizados
Si todos los métodos anteriores todavía le parecen demasiado engorrosos, entonces puede intentar instalar un complemento de barra lateral. Estos son fáciles de usar y eliminan parte de la codificación y las conjeturas al aprender a agregar una barra lateral en WordPress (vea cómo editar código en WordPress aquí).
Afortunadamente, muchas de ellas también son opciones gratuitas que puedes utilizar para mejorar la navegación de tu sitio.
Para comenzar, regrese al menú principal en su tablero de WordPress. En el lado izquierdo, seleccione Complementos. Esto lo redirigirá al área donde puede seleccionar e instalar un nuevo complemento de barra lateral.
Decida qué complemento de barra lateral personalizado desea instalar y búsquelo. Seleccione Instalar. Cuando haya terminado, deberá hacer clic en Activar para comenzar a usarlo.
Estas son algunas de nuestras mejores opciones para instalar una barra lateral personalizada en su página:
Barras laterales personalizadas: administrador de área de widget de barra lateral dinámica
El primer complemento de WordPress que puede considerar usar es Custom Sidebars – Dynamic Sidebar Widget Area Manager. Es un complemento liviano que elimina la necesidad de codificación involucrada.
Este complemento le permite reconfigurar sus widgets en una amplia variedad de formas, incluso en su:
- Paginas
- Publicaciones
- Categorías
- Archivo
Dependiendo de la versión de WordPress que esté utilizando, es posible que también deba instalar el complemento Classic Widgets para usar barras laterales personalizadas.
Estoy en la última versión de WordPress y tuve que volver a instalar este complemento antes de que me permitiera usar el complemento (sin embargo, a veces es posible revertir los complementos de WordPress).
Una vez que esto se solucione, puede ir a Apariencia y widgets. Se abrirá una nueva ventana que no se parece en nada a la anterior.
Es tan simple como unos pocos clics del mouse para comenzar a diseñar su nueva barra lateral.
Barras laterales fáciles de personalizar
Otra excelente opción de complemento para ajustar sus barras laterales o menús de navegación es Easy Custom Sidebars. Es un poco más complicado de usar que Custom Sidebars – Dynamic Sidebar Widget Area Manager pero no imposible.
En comparación con registrar su código en el sitio de WordPress, aún es muy fácil reemplazar sus barras laterales actuales con versiones personalizadas.
Después de instalar y activar el complemento, diríjase a su tablero. Pase el cursor sobre el menú Apariencias y seleccione la opción Reemplazo de la barra lateral para ser dirigido a una pantalla de administración.
Esto le permite crear su propia barra lateral personalizada dándole un nombre y seleccionando qué barra lateral le gustaría reemplazar en la parte frontal del sitio.
Al igual que el otro complemento para barras laterales personalizadas, Easy Custom Sidebars le permite elegir dónde se mostrará su nueva barra lateral. Puede seleccionar que se muestre en todas las páginas, en ciertas páginas y en ciertas categorías.
Haga clic en Guardar barra lateral una vez que haya completado todos sus campos y luego regrese al área de widgets de su menú Apariencias.
Agregue los widgets que le gustaría incluir en su barra lateral, ¡y terminará en poco tiempo!
Si queda atrapado en el proceso, el video tutorial de WordPress en la parte superior de la sección debería ayudarlo.
Elementor
Elementor es otra gran herramienta que hace que la creación de barras laterales personalizadas sea pan comido. Revisamos esta herramienta en profundidad en nuestra revisión de Elementor.
Está diseñado para ayudarlo a construir su sitio web completo sin ingresar una línea de código, y cumple la promesa.
Utilizar su generador de temas es una excelente manera de ahorrar tiempo y evitar las cadenas de código confusas que a veces se requieren.
El proceso es sencillo:
- Vaya a Plantillas y luego a Generador de temas.
- Seleccione si desea que su nueva barra lateral se muestre en una sola publicación o en una sola página.
- Elija una plantilla prefabricada que contenga la barra lateral y el formato que desee o elija crear una plantilla personalizada con dos columnas y un widget de barra lateral.
- Edite el widget de la barra lateral y elija la barra lateral en la que desea realizar cambios.
- Agregue widgets a su nueva área de barra lateral.
- Haz clic en publicar.
Si prefiere seguir el proceso con un tutorial de WordPress, este video le muestra lo fácil que es arrastrar y soltar los diversos elementos que desea incluir en su barra lateral.
Al igual que los primeros dos complementos diseñados para ayudarlo a crear barras laterales personalizadas, Elementor tiene una versión gratuita que puede usar. Tenga en cuenta que con esta versión gratuita, no podrá acceder a todas las plantillas ni al Theme Builder.
Debido a que estos son elementos cruciales para crear una barra lateral, es posible que desee considerar invertir en un plan pago.
Hay otros programas similares a Elementor, así que asegúrese de investigar si este es el complemento adecuado para usted. También puede investigar Thrive Architect u Oxygen Builder. Consulte nuestras publicaciones sobre Thrive Architect vs Elementor y Oxygen vs Elementor.
Precios
El precio se basa en la cantidad de sitios en los que tiene la intención de usar Elementor. Consulte el desglose a continuación para obtener más información sobre lo que puede esperar pagar para obtener acceso a todas las funciones:
- Plan Personal (1 sitio web): $49/año
- Plan Plus (3 sitios web): $99/año
- Plan Experto (1,000 sitios): $199/año
Recomendaría probar Elementor en la versión gratuita antes de comprometerse con un plan pago. Tendrá acceso a funciones más sólidas con un plan Pro, pero es posible que pueda navegar utilizando su interfaz fácil de usar sin la necesidad de pagar por los servicios.
Obtenga Elementor aquí
¿Qué método utilizará?
Hay toneladas de opciones disponibles para ti si quieres aprender cómo agregar una barra lateral en WordPress. Ya sea que se sienta cómodo agregando su propio código o prefiera la simplicidad de usar un complemento, puede elegir qué método funcionará para usted.
Los dos complementos gratuitos mencionados aquí harán el trabajo, pero Elementor tiene un gran impacto si desea hacer algo más que agregar barras laterales personalizadas a su sitio web. Su interfaz de arrastrar y soltar lo hace ideal para los nuevos creadores de sitios web que desean personalizar su página tanto como sea posible.
¡Recomendamos probar Elementor hoy si desea agregar barras laterales personalizadas y configurar una plantilla única para su sitio web!
