Las barras laterales son una gran manera de añadir contenido y funcionalidad adicional a su sitio web, sin distraer de su contenido principal.
La mayoría de los temas de WordPress cuentan con una barra lateral incorporada, que ya puede contener algunos widgets de WordPress, como una barra de búsqueda o una lista de las entradas más recientes de su blog.
En este consejo rápido, le mostraré cómo personalizar la barra lateral incorporada de su tema, incluyendo la adición y eliminación de contenido, y la personalización del contenido que ya está allí.
Incluso si su tema cuenta con múltiples barras laterales incorporadas, estas barras laterales pueden no ser el ajuste ideal para su sitio web. Si te sientes restringido por tu tema, entonces también te mostraré cómo crear una barra lateral personalizada, y luego colocar esta barra lateral en cualquier lugar de tu sitio web, incluyendo áreas que no son compatibles con tu tema.
Los mejores plugins de barras laterales y widgets para WordPress en CodeCanyon
Explora miles de los mejores plugins para WordPress jamás creados en CodeCanyon. Con un pago único de bajo coste, puedes adquirir estos plugins de WordPress de alta calidad y mejorar tu experiencia en el sitio web para ti y tus visitantes.
¿Qué es la barra lateral de WordPress?
Una barra lateral es un área widgetizada de su sitio web de WordPress, donde puede mostrar contenido que no es parte de la página web principal. Este contenido secundario se añade a su sitio web a través de widgets-por ejemplo, puede utilizar un widget para mostrar una lista de sus blogs publicados más recientemente, una nube de etiquetas, o una barra de búsqueda.
Las barras laterales pueden ser útiles para ayudar a los visitantes a navegar por su sitio web, pero también pueden proporcionar funcionalidad adicional. Por ejemplo, si ha creado una tienda en línea, podría utilizar la barra lateral para mostrar controles deslizantes que permitan a los visitantes filtrar los productos en función del precio, la categoría y las opciones de entrega. En este caso, los controles deslizantes estarán siempre al alcance de la mano sin distraer del contenido principal de la página. Si está tratando de monetizar su sitio web, las barras laterales también pueden ser un lugar ideal para mostrar anuncios.
Aunque el término «barra lateral» sugiere una columna vertical que se muestra junto a su contenido principal, las barras laterales pueden aparecer en otros lugares, incluso por encima o por debajo del pie de página de su sitio web.
La ubicación de las barras laterales de tu sitio variará dependiendo del tema de WordPress que hayas elegido, pero hacia el final de este artículo te mostraré cómo crear una barra lateral personalizada que puedes colocar en cualquier lugar de tu sitio, incluso en lugares que pueden no ser compatibles con tu tema de WordPress.
Cómo añadir, eliminar y editar los widgets de la barra lateral
Puedes personalizar la barra lateral a través del Dashboard, o a través del personalizador de WordPress.
Cómo editar la barra lateral con el personalizador
Empecemos con el método del personalizador:
Ingresa en tu sitio web de WordPress, si aún no lo has hecho. A continuación, en el menú de la izquierda, seleccione Apariencia > Personalizar. Esto lanzará la herramienta de personalización.
En el panel izquierdo del Personalizador, seleccione Widgets. El panel mostrará ahora una lista de todas las áreas con widgets de su sitio web. Las convenciones de nomenclatura pueden variar dependiendo de su tema, pero la barra lateral normalmente tendrá la palabra sidebar en su título. Cuando encuentres el widget de la barra lateral, dale un clic.
WordPress mostrará ahora una lista de todos los widgets que se encuentran actualmente en su barra lateral. Desde aquí, puedes realizar las siguientes tareas:
1. Poner un poco de orden en tus widgets
Puedes cambiar el orden en el que aparecen los widgets en la barra lateral cogiendo un widget, arrastrándolo a una nueva posición y soltándolo en esta nueva ubicación.
Cuando esté satisfecho con sus cambios, haga clic en Publicar.
2. Modificar el título de un widget
Puede editar el texto que aparece encima de cada widget, o incluso eliminar el texto del título de un widget por completo. Para ello, sólo tiene que encontrar el widget con el título que desea editar, y luego darle un clic para expandir esta sección.
- Haga sus ediciones en el texto del Título.
- Haga clic en Hecho.
- Haga públicas sus ediciones, haciendo clic en Publicar.
Este widget se actualizará ahora para mostrar el título editado.
3. Eliminar cualquier widget de la barra lateral
Para eliminar un widget de la barra lateral, haga clic en él para expandir su sección y, a continuación, seleccione el texto rojo Eliminar.
El widget seleccionado debería desaparecer ahora. Para que este cambio sea permanente, haga clic en Publicar.
4. Mejore su barra lateral, con widgets adicionales
¿Se ve la barra lateral un poco vacía? WordPress soporta una amplia gama de diferentes widgets que puedes añadir a tus barras laterales:
- Seleccione el botón Añadir un widget.
- Examine la lista de widgets disponibles. Cuando encuentre un widget que desee añadir, haga clic en él.
- Déle un título a este widget y complete cualquier otra opción de configuración que aparezca en el panel de la izquierda. Tenga en cuenta que la configuración puede variar, dependiendo del widget con el que esté trabajando.
- Regrese y repita para cada nuevo widget que quiera añadir a la barra lateral.
- Cuando esté satisfecho con su selección, haga clic en Hecho.
- Para guardar los cambios, haga clic en Publicar.
La barra lateral se actualizará ahora para incluir todos sus nuevos widgets.
Si desea más widgets que los que se incluyen con el WordPress básico, puede probar un plugin de widgets de WordPress. Estos le permiten añadir botones de llamada a la acción, calendarios, previsiones meteorológicas y mucho más.
-
MailChimpCómo crear un widget de formulario de suscripción de Mailchimp para WordPressKaren Pogosyan -
WordPress20 mejores plugins y widgets de calendario para WordPress (+5 plugins gratuitos)Daniel Strongin -
WordPress12 Mejores Widgets de Clima para WordPress & Plugins (Con 5 Gratuitos)Franc Lucas
Personalizar la barra lateral desde el Dashboard
También puedes editar la barra lateral desde el Dashboard de WordPress.
En el menú de la izquierda, selecciona Apariencia > Widgets, encuentra la sección Sidebar, y luego dale un clic para expandirla. Ahora deberías poder ver todos los widgets que componen esta barra lateral en particular.
Desde aquí, puedes hacer los siguientes cambios:
- Reorganizar sus widgets. Puedes cambiar el orden en que aparecen estos widgets en la barra lateral, utilizando la función de arrastrar y soltar.
- Cambiar el título de un widget. Haga clic para expandir la sección correspondiente al widget, edite el texto del título según sea necesario y luego haga clic en Listo.
- Eliminar un widget. Haga clic para ampliar la sección correspondiente al widget y, a continuación, haga clic en el enlace Eliminar.
- Añadir un widget. En la sección de Widgets disponibles, busque el widget que desea añadir a la barra lateral y, a continuación, arrástrelo y suéltelo en la sección de la barra lateral. Ten en cuenta que donde sueltes el widget es donde aparecerá en la barra lateral.
¿Quieres más widgets?
Tu cuenta de WordPress viene con un número de widgets incorporados, pero puedes acceder a más widgets instalando plugins de WordPress.
Si quieres más widgets para elegir, entonces echa un vistazo a nuestra guía de los mejores widgets de WordPress.
-
WordPressLos mejores widgets de WordPress para 2021Daniel Strongin
¿No eres fan de las barras laterales incorporadas de WordPress?
Muchos temas de WordPress incluyen alguna forma de funcionalidad de barra lateral, pero usted estará limitado por la forma en que el tema decide colocar sus barras laterales. Si se siente restringido por la(s) barra(s) lateral(es) predeterminada(s) de su tema, entonces puede añadir una barra lateral personalizada a su sitio web de WordPress, con la ayuda de un plugin de terceros.
En esta sección, te mostraré cómo crear una barra lateral completamente nueva, utilizando el plugin gratuito Custom Sidebars.
Instalar y activar el plugin Sidebar
Para configurar el plugin Custom Sidebars:
- En el menú de la izquierda de WordPress, seleccione Plugins > Añadir nuevo.
- Busque Custom Sidebars, y cuando aparezca el plugin Custom Sidebars – Dynamic Widget Area Manager, haga clic en Instalar ahora.
-
Cuando se le solicite, haga clic en Activar.
¡Ya está listo para crear su barra lateral personalizada!
Cómo crear una barra lateral personalizada
Creemos una barra lateral personalizada, y la colocamos en nuestro sitio web:
- En el menú de la izquierda, seleccionamos Apariencia > Widgets.
- Seleccione el botón Crear una nueva barra lateral.
- En la ventana emergente posterior, dé un nombre a su barra lateral e introduzca una descripción.
- Haga clic en Crear barra lateral, y la nueva barra lateral aparecerá bajo un encabezado dedicado a las barras laterales personalizadas.
Ahora puede añadir widgets a la barra lateral arrastrándolos desde la sección Widgets disponibles. También puede eliminar o editar los widgets existentes, exactamente de la misma manera que modificó las barras laterales incorporadas de WordPress.
Cuando cree una barra lateral personalizada, ¡no aparecerá en su sitio web hasta que le dé un hogar! Para posicionar su barra lateral, haga clic en Ubicación de la barra lateral.
En la ventana emergente subsiguiente, seleccione dónde debe colocarse esta barra lateral en su sitio web, y si sólo debe aparecer en publicaciones o páginas específicas. Por ejemplo, puede elegir mostrar su barra lateral en el pie de página 1 sólo para las publicaciones, o en el pie de página 2 para todas las publicaciones clasificadas como noticias.
Cuando esté satisfecho con la configuración de su barra lateral, haga clic en Guardar cambios.
Su barra lateral personalizada aparecerá ahora en su sitio web. Como alternativa, al editar una página o publicación existente, o al crear una nueva, puede especificar qué barra lateral utilizar:
-
Al editar la página o la publicación, busque la sección Barras laterales en el menú de la izquierda.
- Haga clic para ampliar la sección Barras laterales.
- Utilice los desplegables para especificar qué barra lateral debe colocarse en esta página web y dónde debe aparecer en pantalla.
Ahora, cuando presione el botón Publicar o Actualizar, esta página web se activará, con la barra lateral elegida.
Conclusión
En este consejo rápido, hemos cubierto cómo puede editar la barra lateral incorporada de su tema añadiendo, eliminando y ajustando la amplia gama de widgets de WordPress.
Si no eres un fan de la barra lateral por defecto de tu tema, entonces también te mostré cómo crear una barra lateral completamente nueva y personalizada, utilizando un plugin de terceros.
Los mejores temas y plugins de WordPress en Envato Market
Explora miles de hermosos temas de WordPress en ThemeForest y útiles plugins de WordPress en CodeCanyon. Compra estos temas y plugins de WordPress de alta calidad y mejora la experiencia de tu sitio web para ti y tus visitantes.
Aquí tienes algunos de los temas y plugins de WordPress más vendidos y prometedores disponibles para 2020.
-
Inspiración23+ Mejores Temas de Portafolio de WordPress para CreativosBrenda Barron -
WordPress25 Mejores Slider de WordPress & Plugins de carrusel de 2021Daniel Strongin -
WordPress20 mejores plugins y widgets de calendario para WordPress (+5 plugins gratuitos)Daniel Strongin
-
Temas de WordPress31+ Mejores Temas de WordPress Responsive (Para Sitios en 2021)Brenda Barron -
WordPress22 Mejor Constructor de Páginas WPBakery (Visual Composer) Addons y extensiones de 2021Daniel Strongin -
WordPress Themes30 Best Coaching & Consulting WordPress Themes for 2021Brenda Barron