Cómo agregar barras laterales personalizadas con widgets dinámicos en WordPress










  • Una de las principales razones por las que tanta gente prefiere usar WordPress es la personalización. Los widgets son solo una parte de eso, pero a menudo juegan un papel fundamental para el éxito de un sitio web. Desafortunadamente, no todos los temas ofrecen suficientes barras laterales para acomodar las ideas de diseño. Aquí es cuando crearías barras laterales personalizadas en WordPress.

    Agregar barras laterales personalizadas con widgets dinámicos en WordPress brinda integración, compromiso y ayuda a mantener el contenido organizado.

    En este tutorial, le mostraré cómo mostrar las barras laterales en WordPress para contener los widgets que desea usar.

    Uso del complemento de barras laterales personalizadas

    Mientras que algunas personas optan por deshabilitar la barra lateral para ofrecer una apariencia plana, a otras les gusta personalizar el diseño. Es una buena manera de agregar pequeñas funciones y herramientas que les pueden gustar a los visitantes.

    Hoy, voy a demostrar cómo el complemento Custom Sidebars podría serle útil. Es quizás uno de los mejores complementos de barra lateral para WordPress con más de 200,000 instalaciones activas y una excelente calificación de revisión.

    Primero, instale y active el complemento «Barra lateral personalizada». Hay bastantes complementos similares, por lo que debe asegurarse de instalar el correcto. Estoy usando la herramienta desarrollada por «WPMU DEV».

    Barra lateral personalizada

    Cambiar la apariencia del sitio

    Ve al área de Apariencia y haz clic en «Widgets».

    Widgets

    Verá «Barras laterales personalizadas» en la parte superior derecha. Tus barras laterales originales se moverán debajo de esta sección.

    Las barras laterales personalizadas pueden funcionar junto con la barra lateral existente o puede optar por sobrescribirlas. Si desea cambiar la barra lateral del tema original, desplácese hacia abajo y haga clic en la casilla de verificación para reemplazarla.

    Reemplazar barra lateral

    Haga clic en el botón para «Crear una nueva barra lateral».

    Crear barra lateral

    Ingrese un nuevo nombre y descripción para la barra lateral. Conviértalos en algo que identificará fácilmente. La descripción es básicamente para usted para que pueda realizar un seguimiento de lo que está creando para fines específicos. En este caso, simplemente lo llamaré «Prueba».

    Nombre de entrada

    Haga clic en el botón «Crear barra lateral» en la parte inferior derecha.

    Crear botón de barra lateral

    Ahora, tenemos una barra lateral de prueba lista para el contenido. Sin embargo, todavía no será visible. Antes de que la nueva barra lateral personalizada esté disponible, debemos asignar una ubicación.

    Haga clic en el enlace «Ubicación de la barra lateral».

    Ubicación de la barra lateral

    Las barras laterales personalizadas le brindan la posibilidad de colocar la nueva área de widgets en una miríada de lugares en el sitio web. Puede asignarlo para que solo se muestre para categorías específicas o como un área de widgets para publicaciones o páginas.

    En este caso, solo lo configuro para que se muestre en la página principal del sitio web.

    Haga clic en la sección «Para archivos» para expandir su ventana.

    para archivos

    Haga clic en la casilla de verificación «Como área de widgets…» para expandir su ventana.

    Área de widgets

    Haga clic en el cuadro vacío para mostrar una lista desplegable.

    Lista desplegable

    Seleccione la opción «Página principal» y haga clic en «Guardar cambios». Puede agregar más haciendo clic en cada elemento de la lista desplegable para agregarlo al tipo de archivo. Por ejemplo, puede agregar «Cualquier archivo de autor» y «Resultados de búsqueda» donde se mostrará la barra lateral además de la página principal.

    Guardar página principal

    La barra lateral personalizada ahora está lista para un widget. Para este tutorial, agreguemos algo simple. Arrastre y suelte el widget «Calendario» en la nueva barra lateral.

    Widget de calendario

    Cuando se trata de widgets y barras laterales, WordPress guardará automáticamente cuando arrastre y suelte un nuevo componente. Es cuando realiza ajustes en los widgets que debe hacer clic en el botón Guardar en ellos. De lo contrario, este calendario en particular estará disponible inmediatamente en el sitio web.

    Calendario en vivo

    Debido a que tenía la casilla de verificación seleccionada para reemplazar la barra lateral anterior, esta nueva ocupó su lugar. Sin embargo, recuerde que puede usar nuevas barras laterales personalizadas con las que ya existen.

    También puede colocar un formulario de inicio de sesión en la barra lateral para que se muestre solo en la página principal. Esto mantendría el campo de inicio de sesión separado del resto del contenido del sitio. Las posibilidades son casi infinitas para lo que puede ofrecer a los huéspedes.

    Uso de barras laterales específicas en publicaciones y páginas

    ¿Qué sucede si desea que aparezca una barra lateral personalizada en publicaciones o páginas específicas? En realidad, esta es una excelente manera de incluir varios tipos de marketing. Por ejemplo, puede mostrar banners de afiliados relevantes que están conectados con el contenido de la publicación o página.

    En cualquier caso, las barras laterales personalizadas le brindan esta capacidad. Vaya a la sección Publicaciones y haga clic en «Agregar nuevo». Esto también funciona si desea crear una nueva página en su lugar.

    Nueva publicación

    En el lado derecho, verá una ventana etiquetada como «Barras laterales». Haga clic en la ventana desplegable «Área de widgets» y seleccione una de sus barras laterales.

    Seleccionar barra lateral

    Esta lista incluirá la barra lateral de su tema original, así como cualquier otra que cree. También mostrará las barras laterales que aún no ha asignado a una ubicación.

    Para este artículo, creé la barra lateral «Test Tag Cloud». No está asignado a ninguna otra ubicación. Sin embargo, el widget de nube de etiquetas que agregué a la barra lateral ahora solo se mostrará cuando alguien lea esta publicación en particular.

    Publicar widget

    Una vez que presione el botón «Publicar», sus cambios se activarán.

    Publicar publicación

    Personaliza la apariencia de WordPress

    Mostrar una barra lateral personalizada en WordPress es solo una parte de cambiar su apariencia. Sin embargo, a menudo es vital si tiene información precisa para compartir. También es conveniente mantener su contenido organizado. Ofrezca a las personas una razón para disfrutar de su contenido y seguir regresando.

    ¿Qué tipo de cosas ofrece en su sitio para atraer al visitante? ¿Qué widgets divertidos tienes en tu página de inicio?