Cómo editar su barra lateral en WordPress

Eddy PfoccoriActualizado por Cisco Pfoccori el 16 de agosto de 2021

cómo editar la barra lateral en wordpress

D
¿Quieres aprender a editar tu barra lateral de WordPress? Personalizar su barra lateral de WordPress puede ayudarlo a crear su lista de correo electrónico, alentar a los visitantes a interactuar con su sitio web y más.

WordPress viene con un montón de funciones realmente interesantes para las personas que desean comenzar un nuevo blog repleto de originalidad. Una de esas características es la barra lateral de WordPress. Las barras laterales tienen una variedad de usos que ponen todas las herramientas de personalización en manos de usted, el bloguero.

Pero comprender cómo navegar por la barra lateral puede ser un desafío. Hay una cantidad asombrosa de opciones y configuraciones, y puede parecer abrumador al principio.

No te preocupes, te respaldamos. Hoy vamos a ver los siguientes temas:

En esta guía:

¡Empecemos!

¿Qué es la barra lateral de WordPress?

Una barra lateral es una parte de su sitio web donde puede mostrar otra información que no forma parte del contenido principal de su sitio web. Su barra lateral puede aparecer en una publicación de blog específica o en cada página de su sitio web.

La mayoría de la gente considera que las barras laterales solo ocupan, bueno, las partes laterales de su sitio web. Pero la verdad es que otras áreas califican como espacio de barra lateral. Aquí hay un gráfico simple para mostrarle dónde se encuentran las barras laterales cuando usa WordPress .

wordpress-sidebar-definición

Puede agregar widgets dentro de la barra lateral para crear un sitio web que sea verdaderamente único.

Apuesto a que se está preguntando: “Está bien, pero ¿qué son los widgets de la barra lateral?”

¡Nos alegra que lo hayas preguntado!

¿Qué son los widgets de WordPress?

Los widgets son básicamente bloques pequeños que puedes agregar a tu barra lateral. Cada widget tiene una función única, como mostrar publicaciones de blogs, formularios de sitios web, anuncios o contenido de redes sociales. Cuando combina widgets, puede crear un diseño exclusivo para su blog.

Es importante que agregue funciones de barra lateral que complementen su marca. Por ejemplo, suponga que utiliza con frecuencia las redes sociales para llegar a su audiencia. En ese caso, puede ser una buena idea incluir su feed social en su barra lateral.

Agregar un widget como ese a su barra lateral no solo hace que su blog se vea bien, sino que puede ayudarlo a aumentar sus seguidores y aumentar la participación en sus perfiles de redes sociales.

¿Está interesado en en qué más pueden ayudarle los widgets de la barra lateral?

Echemos un vistazo a algunos otros beneficios que puede obtener al personalizar su barra lateral.

Beneficios de personalizar y editar su barra lateral

Como bloguero, hay muchas formas en las que puede beneficiarse de la edición de su barra lateral. Algunos de los principales beneficios incluyen:

  • Navegación mejorada

Varios widgets le permiten agregar una lista de sus mejores publicaciones de blog , una barra de búsqueda y enlaces directos a su página de contacto. Todas estas características facilitan a los nuevos lectores navegar e interactuar con su blog.

  • Obtenga más suscriptores de correo electrónico

Interactuar con los suscriptores de correo electrónico es una excelente manera de generar lealtad a la marca. Su barra lateral es el lugar perfecto para pedirles a sus lectores que se suscriban a su boletín informativo y que las futuras publicaciones de su blog se envíen directamente a su bandeja de entrada.

  • Empiece a ganar dinero online

¿Quieres utilizar Google Adsense para ganar dinero en línea ? ¡Genial! Una barra lateral es un lugar perfecto para colocar anuncios, que es una de las formas más fáciles de hacer que su blog sea rentable.

  • Crea experiencias personalizadas para tus usuarios

Cambiar la barra lateral de WordPress para páginas individuales le permite crear experiencias únicas para sus visitantes en función del contenido que están leyendo.

Ahora, le mostraremos cómo comenzar a editar la barra lateral de su blog.

Cómo editar su barra lateral en WordPress: conceptos básicos

Ahora que comprende la definición de una barra lateral de WordPress y puede ver los beneficios de editar esta parte de su sitio web, le mostraremos cómo se hace.

Agregar widgets a la barra lateral

Lo primero que debe hacer es ir a su panel de WordPress. Mira el menú en el lado izquierdo de la pantalla.

Haga clic en Apariencia »Widgets.

Después de hacer clic en el botón Widgets , llegará a una página que se parece a esto:

A la izquierda, verá una lista de widgets disponibles que puede insertar en su barra lateral de WordPress. En el lado derecho, verá una columna de barra lateral.

Para agregar los widgets a su barra lateral, simplemente tiene que arrastrarlos y soltarlos desde la columna de widgets disponibles a la columna de la barra lateral.

En nuestro ejemplo, decidimos agregar una barra de búsqueda a nuestro blog. Como puede ver, cuando arrastre y suelte un widget en la columna de la barra lateral, tendrá la opción de modificar la configuración a su gusto. Decidimos agregar un título. Haga clic en Guardar después de elegir las opciones que desee para el widget.

Hay muchas opciones de widgets diferentes según los complementos que haya instalado y su tema de WordPress . Queremos repasar brevemente algunas de las opciones de widgets de WordPress más importantes para que pueda comprender lo que está incluyendo en su barra lateral.

  • Archivos : un resumen de sus publicaciones publicadas durante el último mes.
  • Audio : agregue clips de audio a su barra lateral. Ideal para blogueros que también tienen un podcast relevante .
  • Categorías : utilice los temas de su blog más populares para crear una lista de categorías. Esta función facilita a los visitantes encontrar el contenido que desean leer.
  • Galería : muestre algunas imágenes que se relacionen con su contenido o industria. Puede utilizar esta función para mostrar contenido más atractivo.
  • Menú de navegación : mueva la barra de navegación a la barra lateral.
  • Comentarios recientes : inicie una conversación al permitir que sus usuarios vean lo que otras personas están diciendo en sus publicaciones.
  • Buscar : agregue una barra de búsqueda directamente a su blog para que los usuarios puedan encontrar publicaciones específicas.

Nota: cuando agrega complementos de WordPress a la mezcla, las posibilidades de la barra lateral se vuelven prácticamente infinitas. Asegúrese de quedarse, porque más adelante veremos varias formas inteligentes en las que puede usar complementos para agregar valor a su barra lateral de WordPress.

Ahora que agregamos nuestro primer widget, agreguemos un par más arrastrándolos y soltándolos en la columna de la barra lateral.

En la captura de pantalla a continuación, puede ver que agregamos una barra de búsqueda, un formulario de contacto y un video a la barra lateral:

Por supuesto, agregue los widgets que desee a su barra lateral.

Después de agregar más de un widget a la barra lateral, las opciones se contraen en menús desplegables. Haga clic en cada widget para ver las opciones correspondientes debajo. Cuando haya terminado de hacer cambios, no olvide hacer clic en el botón azul Guardar debajo de cada menú de widgets.

Cambiar el orden de los widgets

También puede cambiar el orden en que aparecen los widgets haciendo clic, arrastrando y reposicionando sus opciones dentro del menú de la barra lateral. Entonces, si desea mover su formulario de contacto a la parte superior de su barra lateral, haga clic en ese widget y arrástrelo a la parte superior de la lista. Todas las demás opciones se moverán debajo del widget de contacto.

Una vez que haya terminado de ajustar sus widgets, guarde su trabajo. Ahora puede ir a su blog y ver si los cambios aparecen de la manera que planeó. No se desanime si tiene que hacer algunos ajustes menores, esto es normal.

Eliminar la barra lateral de WordPress

Ahora que le mostramos cómo agregar una barra lateral a su blog de WordPress, veamos cómo puede eliminar los widgets de su sitio.

Comience accediendo a su panel de WordPress y haga clic en Apariencia »Widgets . Aterrizará en la misma página que antes, excepto que ahora verá los widgets que agregó debajo de la columna de la barra lateral.

Elimina los widgets de tu barra lateral haciendo clic en el menú desplegable debajo de cada widget y luego en el botón Eliminar .

Repita este paso hasta que todos los widgets se eliminen de su barra lateral.

Es importante tener en cuenta que puede guardar los widgets que le gusten en caso de que quiera usarlos más tarde. Esta opción es ideal para las personas que pasaron tiempo perfeccionando la configuración de sus widgets, pero quieren esperar antes de usarla.

Todo lo que tiene que hacer es hacer clic y arrastrar el widget que desea guardar desde la columna de la barra lateral hasta la parte inferior de la página debajo de la columna Widgets inactivos .

Con este método, pudimos eliminar nuestra barra lateral y mantener nuestra configuración de widget de búsqueda, categoría y formulario para una fecha posterior.

Cómo editar su barra lateral con Beaver Builder

Si no desea utilizar las opciones de personalización predeterminadas de WordPress para editar su barra lateral, puede realizar los mismos cambios con Beaver Builder .

Beaver Builder es un complemento de creación de páginas de WordPress que le permite editar rápida y fácilmente su sitio web desde la interfaz.

La interfaz intuitiva de arrastrar y soltar significa que puede ver sus cambios en tiempo real. Como beneficio adicional, pasará menos tiempo creando su sitio web y más tiempo escribiendo contenido de blog.

Después de descargar y activar el complemento Beaver Builder , vaya a su panel de WordPress. En la esquina superior, debajo del nombre de su sitio web, haga clic en Visitar sitio en el menú desplegable.

A continuación, se cargará su sitio. En la parte superior de la pantalla, verá el menú normal de WordPress con un nuevo botón Beaver Builder . Haga clic en el botón Beaver Builder .

Ahora verá que su sitio se carga con el menú de Beaver Builder. El menú tiene este aspecto:

Para agregar una barra lateral, haga clic en el botón (+) en la parte superior de la pantalla, luego haga clic en el botón Filas en el constructor y verá una lista de diferentes opciones para las barras laterales.

castores-constructores-filas

Puede utilizar la opción de barra lateral que se adapte a su blog, pero preferimos la barra lateral derecha. Tendemos a leer de izquierda a derecha, por lo que tiene sentido que los extras en pantalla aparezcan a la derecha del contenido principal.

Una vez que decida la fila que desea usar, haga clic y arrástrela hacia el lado derecho de la pantalla para que haga clic en el área resaltada.

Lo siguiente que debe hacer es hacer clic en el botón Módulos en el constructor. Verá un menú desplegable en la parte superior que dice Módulos estándar . Haga clic en el menú y seleccione Widgets de WordPress .

módulos-constructor-castor

Ahora verá todos los widgets de WordPress que agregamos al sitio cuando personalizamos la barra lateral desde el backend.

castor-constructor-widgets

Puede agregar estos widgets a su sitio con Beaver Builder arrastrando y soltando el widget correspondiente al lado derecho de su fila recién creada.

Agregaremos el widget de búsqueda y le mostraremos cómo se ve una vez que lo suelte en la columna de la barra lateral:

bb-búsqueda-widget

Como puede ver, el cuadro de búsqueda apareció directamente. El único problema es que parece que la barra lateral ocupa tanto espacio como el contenido principal. Puede solucionar este problema haciendo clic en el divisor entre la barra lateral y el contenido y arrastrando el cuadro de contenido hacia la derecha.

Veamos cómo se ve ahora:

ajustar-divisor

Puede agregar varios widgets a este espacio de la barra lateral simplemente arrastrando y soltando los widgets que desee en la columna de la derecha. Por ejemplo, si arrastra el widget de archivos a la columna de la barra lateral, se colocará encima o debajo de la barra de búsqueda, dependiendo de dónde suelte el clic.

Tendrá la oportunidad de usar Beaver Builder para personalizar completamente el diseño de su sitio web y es particularmente útil para configurar un diseño de barra lateral único.

Además, Beaver Builder ofrece una versión gratuita del complemento para aquellos que quieran probar antes de comprar.

7 Formas de personalizar la barra lateral de WordPress

Una vez que comprenda cómo editar su barra lateral, puede comenzar a pensar en usar lo que ha aprendido para hacer crecer su blog. Pensamos que podríamos ayudarlo y mostrarle 7 formas de comenzar a obtener más valor de su espacio de la barra lateral.

1. Agregar menús a su barra lateral

La mayoría de los blogueros optan por incluir enlaces a todas las páginas principales en el encabezado de su sitio web. Esto a menudo se denomina menú de navegación y ayuda a los usuarios a orientarse en su blog. Consulte este tutorial que le muestra cómo agregar un menú de navegación en WordPress .

Dependiendo del estilo que desee para su blog, también puede optar por agregar el menú a su barra lateral.

Puede agregar su barra de navegación a la barra lateral con solo unos pocos clics. Comience haciendo clic en Apariencia »Widgets desde su panel de WordPress. A continuación, arrastre el widget Menú de navegación a la columna de la barra lateral.

Cree un título para su nuevo widget y seleccione el menú que desea mostrar en el menú desplegable. Haga clic en Guardar para confirmar sus cambios.

2. Agregar una opción de correo electrónico

Hacer crecer su lista de correo electrónico es una excelente manera de aumentar el tráfico y la visibilidad de su blog. Puede aumentar sus posibilidades de que los visitantes se suscriban agregando una suscripción de correo electrónico a su barra lateral.

Varios complementos diferentes le permiten convertir fácilmente a los lectores en suscriptores. La forma más rápida y sencilla de preparar su suscripción de correo electrónico es con OptinMonster .

OptinMonster le permite realizar opciones de correo electrónico funcionales y visualmente atractivas que puede agregar a varios lugares diferentes de su blog, incluida la barra lateral.

Aquí hay un ejemplo de un formulario de suscripción de correo electrónico de la barra lateral de su sitio web:

Antes de que pueda agregar OptinMonster a su barra lateral de WordPress, debe instalar el complemento y crear su primera campaña.

Consulte esta publicación para aprender cómo crear una campaña de suscripción por correo electrónico utilizando OptinMonster.

Una vez que haya descargado OptinMonster y haya creado el formulario que desea mostrar, haga clic en Apariencia »Widgets desde su panel de WordPress.

Lo siguiente que debe hacer es arrastrar y soltar el widget OptinMonster en su barra lateral, como hemos hecho con otros widgets. A continuación, elegirá un nombre para su widget de OptinMonster recién creado.

Luego, seleccionará la campaña que desea mostrar en su barra lateral haciendo clic en su formulario recién creado en el menú desplegable Campaña . ¡Haga clic en Guardar y estará listo!

3. Mostrar un formulario de contacto

¿Tiene una manera rápida y fácil para que los lectores se comuniquen con usted a través de su sitio web? Puede optimizar la forma en que los visitantes interactúan con su marca agregando un formulario de contacto a su barra lateral.

Le sugerimos que utilice el complemento de WordPress WPForms como su solución de formulario de referencia . Puede crear fácilmente formularios de contacto totalmente personalizados utilizando el sencillo generador de arrastrar y soltar.

Ahora, si alguien tiene una gran idea para una publicación futura, quiere compartir sus pensamientos sobre algo que ha publicado o simplemente quiere agradecerle por su trabajo, puede comunicarse con usted con solo unos pocos clics.

Para agregar un formulario de contacto de WPForms en su sitio web, debe descargar el complemento y registrarse para obtener una cuenta de WPForms. Ahora puede crear su primer formulario de contacto en el constructor.

Una vez que se crea su formulario, puede ir a su panel de WordPress y regresar a la pestaña Widgets . Busque el widget WPForms en su lista disponible y arrástrelo a la columna de la barra lateral.

Ponle un nombre a tu widget y selecciona el formulario de tu cuenta que te gustaría agregar a tu blog.

Haga clic en Guardar para finalizar su nuevo formulario de contacto y ver su sitio web para ver cómo se ve el formulario de contacto en la barra lateral.

contacto-formulario-barra lateral-en vivo

4. Muestre su feed de redes sociales

El marketing en redes sociales es una de las formas más fáciles de promocionar tu blog . Cuantos más ojos pueda poner en su contenido, más posibilidades tendrá de obtener más acciones, comentarios y suscriptores.

Si desea aumentar el número de seguidores en las redes sociales de su blog, puede mostrar su feed de redes sociales en su barra lateral.

Una herramienta como el feed de Facebook personalizado de Smash Balloon le permite agregar rápidamente su feed de Facebook a la barra lateral de WordPress.

Así es como podría verse su feed de Facebook en su barra lateral:

barra lateral de alimentación de Facebook

Ahora, cuando un visitante llegue a tu blog, verá tus publicaciones más recientes. Esto mantiene a los usuarios comprometidos con su sitio web y los anima a interactuar con usted en las redes sociales.

Vale la pena señalar que Smash Balloon también crea complementos de redes sociales para personas que usan YouTube, Twitter e Instagram, lo que significa que hay múltiples opciones según los sitios de redes sociales que use.

Antes de que pueda agregar su página de Facebook o el feed de grupo a su barra lateral, debe registrarse para obtener una cuenta en Smash Balloon y descargar el complemento Facebook Feed Pro para su sitio web.

Notarás un nuevo menú en tu panel de WordPress que dice Facebook Feed . Haga clic en el botón y verá una lista de opciones con un botón que dice Conectar una cuenta de Facebook . Siga las indicaciones para conectar su cuenta de Facebook a su blog.

 conectar-cuenta-de-facebook

Ahora que está conectado, puede agregar el código [custom-facebook-feed] a sus páginas para mostrar su feed social. Si desea agregar la fuente a su barra lateral, vaya a Apariencia »Widgets desde su tablero.

Arrastre y suelte un bloque de texto básico en la columna de la barra lateral. En el cuadro de texto, inserte el nuevo código abreviado [custom-facebook-feed] y haga clic en Guardar .

texto-widget-smash-balloon-shortcode

Para obtener instrucciones completas paso a paso, consulte esta publicación .

5. Gane dinero con Google AdSense

La mayoría de los blogueros quieren ganar dinero con su sitio web , ¿verdad?

Google AdSense es un programa que le permite colocar anuncios en su sitio. Cuando alguien acceda a su sitio web, verá anuncios basados ​​en sus hábitos de compra o de un grupo de anuncios preseleccionados. Si los visitantes hacen clic en uno de los anuncios en su barra lateral, usted gana una comisión.

La buena noticia es que si usa WordPress, puede agregar fácilmente Google AdSense a su sitio web . Puede pasar un tiempo antes de que empiece a generar ingresos constantes con AdSense. Aún así, es absolutamente posible si promociona constantemente su marca y crea contenido nuevo.

Para mostrar anuncios en la barra lateral, haga clic en Apariencia >> Widgets . Ahora haga clic en el widget HTML personalizado y arrástrelo a su barra lateral.

Puede nombrar su widget HTML personalizado, nosotros llamamos al nuestro Google Adsense. A continuación, querrá agregar su código de Google Adsense al cuadro de contenido.

código-google-adsense

Haga clic en Guardar para finalizar sus cambios.

6. Mostrar publicaciones de blog populares

¿Sigues buscando formas de obtener más valor de tu barra lateral? Lo crea o no, puede agregar un montón de valor a su sitio web al incluir publicaciones de blog populares para que los visitantes las lean.

Ahora, si alguien encuentra una de las publicaciones de su blog en Google y hace clic en ella, verá una lista de las publicaciones más populares en su barra lateral. El resultado es que más lectores pasarán más tiempo interactuando con su sitio web porque pueden pasar rápidamente a otra publicación de blog una vez que terminan la que encontraron.

Aquí hay un gran ejemplo de cómo se ve un widget de barra lateral de publicaciones populares:

barra lateral de artículos populares

Si desea agregar sus publicaciones populares, puede descargar un complemento como Publicaciones populares de WordPress .

Una vez que se completa la instalación, debe volver a la página de Widgets desde su panel de WordPress.

A continuación, arrastre y suelte el widget de Publicaciones populares en su barra lateral. Ahora puede nombrar su widget como antes y elegir cuántas publicaciones populares desea mostrar en el espacio del widget desde el menú desplegable. Haga clic en Guardar y estará listo para comenzar.

O puede usar MonsterInsights para mostrar publicaciones populares en su barra lateral. Las funciones de publicaciones populares de MonsterInsights le permiten mostrar hasta 10 publicaciones en un contenedor de widgets.

También puede mostrar publicaciones populares dentro del cuerpo de una publicación / página, mostrar imágenes teaser y mostrar productos populares.

mostrar productos populares con monsterinsights

7. Cree diferentes barras laterales de WordPress para una página / categoría específica

Finalmente, puede mostrar barras laterales únicas de WordPress según la página o categoría específica que sus visitantes estén navegando. Este consejo es excelente si desea cambiar la opción de correo electrónico, las publicaciones populares o los formularios de contacto de páginas individuales.

Digamos que tiene un blog sobre jardinería. Puede crear ligeras variaciones en su formulario de suscripción de correo electrónico para atraer a los visitantes a suscribirse en función del contenido que están leyendo. Imagínese si alguien encontrara su publicación sobre el manejo y el cultivo de rosas y se encontrara con un formulario de suscripción que dice: “Suscríbase para obtener más consejos sobre cómo cultivar rosas hermosas”.

Puede tomar esa opción y crear ligeras variaciones para todos los temas que cubre en su blog. Esto mantendrá el contenido de su barra lateral relevante para la publicación principal, lo cual es importante para mantener baja su tasa de rebote y alta su tasa de participación.

Agregue una barra lateral personalizada a páginas específicas descargando un complemento como Easy Custom Sidebar y configure las páginas en las que desea mostrar una barra lateral personalizada siguiendo esta guía paso a paso .

Una vez que elija las páginas y tenga todo configurado, es hora de volver a la página de Widgets en su sitio web. Notará que hay una nueva columna con las barras laterales personalizadas que creó durante la configuración. Arrastre y suelte los widgets que desea usar en la nueva columna personalizada.

¡Ahí tienes! Ahora que sabe cómo editar su barra lateral en WordPress, es fácil ver por qué muchos bloggers piensan que una barra lateral personalizada es esencial para su sitio web. Los diversos usos hacen de las barras laterales una de las herramientas más valiosas para los blogueros nuevos y veteranos.

A medida que su sitio evolucione, realizará cambios en su barra lateral y se sentirá cómodo con las diferentes opciones de personalización. Tómatelo con calma y sigue nuestra guía, y en poco tiempo, tendrás una barra lateral de excelente apariencia que te ayudará a hacer crecer tu blog.

Si le gustó esta publicación y desea obtener más información sobre WordPress, consulte nuestra lista de los mejores complementos de WordPress para blogs .

¡Y no olvide suscribirse a nuestro boletín informativo por correo electrónico para obtener más consejos útiles sobre blogs!

Deja un comentario