Cómo agregar una barra lateral personalizada a WordPress (sin codificación)

¿Busca una manera fácil de agregar una barra lateral personalizada en su sitio de WordPress? Las barras laterales son espacios valiosos que puede usar para ayudar a los lectores a navegar por su sitio, registrarse en el boletín informativo, seguir sus perfiles en las redes sociales y más. Pero, ¿cómo se crea una barra lateral adaptada a sus necesidades de contenido? Este artículo le mostrará cómo agregar una barra lateral a WordPress utilizando 3 métodos diferentes. ¿Qué es una barra lateral de WordPress? Una barra lateral de WordPress es una columna de espacio vertical que está a la izquierda o a la derecha a la zona de contenido principal. Es un área con widgets que le permite mostrar contenido fuera de la zona de contenido principal.
Incluso si su área de contenido principal cambiará en cada página, su barra lateral permanecerá en gran medida igual en todo el sitio web (a menos que cree más barras laterales). Su tema de WordPress controla cómo se ve la barra lateral de forma predeterminada. Entonces, si lo usa inmediatamente desde la caja, su tema controlará la colocación de la barra lateral, cuántas barras laterales puede usar simultáneamente y si realmente tiene una barra lateral primero. Su barra secundaria predeterminada también puede venir con widgets que no coinciden con las necesidades de su negocio. Si la barra lateral predeterminada no coincide con sus requisitos, es posible que deba crear una nueva barra lateral personalizada.
¿Para qué puedes usar la barra lateral de WordPress? Puede agregar casi cualquier contenido a su barra lateral usando widgets de WordPress. Aquí hay unos ejemplos:
Navigation-To puede usar widgets desde el menú de navegación para ayudar a los usuarios a encontrar páginas o menú relevantes para filtrar publicaciones de blog. Encuentre rápidamente lo que están buscando.
Envíe un correo electrónico a la suscripción-add Un formulario de correo electrónico de inscripción a la barra lateral para recopilar direcciones de correo electrónico y desarrollar su lista.
Contenido recomendado: su barra lateral es un lugar maravilloso para presentar publicaciones individuales que son más valiosas para los usuarios que para otros.
Redes sociales: puede agregar fácilmente botones de búsqueda social y un widget para distribuir redes sociales para aumentar sus seguidores y aumentar el grado de conocimiento de la marca.
Anuncios: su barra lateral es un excelente lugar para mostrar comerciales si los usa para generar ingresos.
Llamadas de acción (CTA)-Si tiene un nuevo en línea, producto u oferta, puede agregar un CTA a la barra secundaria para alentar a los lectores a verificarlo.
Cómo agregar una barra lateral a WordPress (sin código) Hasta ahora, sabe qué es una barra lateral y cómo es una manera fácil de mostrar contenido valioso para los visitantes de su sitio. Ahora veamos cómo agregar una barra lateral a WordPress.
Compartimos 3 métodos diferentes a continuación: el uso de la personalización de WordPress, la pantalla de widget de WordPress y un complemento para crear sitios web. Y mejor, ninguno de estos métodos requiere el uso del código.
contenido
Método 1. Creación de barras laterales personalizadas con SeedProd
Agregar barras laterales más personalizadas a WordPress con SeedProd
Método 2. Uso de WordPress Customizermethoda 3. Uso de la pantalla WordPress Widgets
Método 1. Creación de barras laterales personalizadas con SeedProd ¿Desea crear una barra lateral personalizada o usar múltiples barras laterales simultáneamente en su sitio de WordPress?
Para hacer esto, necesitará un complemento o conocimiento de WordPress necesario para crear una nueva barra lateral con código. Afortunadamente, puede crear fácilmente barras laterales personalizadas para WordPress con un solo complemento potente y fácil: Seedprod.
Seedprod es el mejor constructor de sitios de arrastrar y soltar de WordPress. Puede usarlo para crear temas personalizados de WordPress y página libre de página. Seedprod usa plantillas individuales para crear todas las partes de su tema. Una de estas plantillas es la barra lateral, que le permite agregar una barra lateral personalizada en su sitio con solo unos pocos clics.
Aún mejor, puede crear cuántas barras laterales desea con SeedProd y puede mostrarlas en ciertas páginas y publicaciones en su sitio. Así que siga los pasos a continuación para agregar una barra lateral a WordPress con SeedProd. Paso 1. Instale el Builder de sitios web de Seedprod, el primer paso es instalar el complemento de Builder SEEDPROD.

Comience con Seedprod hoy
Nota: Necesitará una licencia SeedProd Pro o Elite para usar la función de constructor de temas. Puede seguir esta guía sobre la instalación de un complemento de WordPress si necesita ayuda con este paso. Después de instalar y activar el archivo de complemento .zip, vaya a la página de SeedProd ≫ Configuración e ingrese los detalles de la clave de licencia. Puede encontrar la clave de licencia en el sitio web de SeedProd en el tablero de cuentas.
Paso 2. Cree plantillas de tema de WordPress para crear una barra lateral personalizada con SeedProd, primero tendrá que crear las diferentes partes de su tema. No se preocupe; Es muy fácil de hacer y no requerirá la edición directa de ningún archivo de plantilla. Primero, vaya a la página Seedprod »Builder de temas. Verá una lista de plantillas para su tema actual de SeedProd en esta página. Debido a que aún no hemos comenzado, solo tenemos una plantilla global CSS. Para comenzar, tener dos opciones. Usilite uno de los temas de SeedProd listos para hacerse como punto de partida
Hecho a mano las plantillas de tarea de cero

Le sugerimos que comience con una plantilla de tema prefabricada. Permite que SeedProd genere automáticamente todos los archivos de plantilla, dándole un avance en la edición de las plantillas de acuerdo con sus requisitos.
Para elegir una plantilla de tema, haga clic en el botón del tema y seleccione una de las tareas disponibles. Hay diferentes temas para diferentes sitios web, así que elija uno que mejor se adapte a sus necesidades.
Después de elegir un tema, Seedprod creará automáticamente todas las plantillas de temas para usted.
Paso 3. Personalice su barra lateral de WordPress para personalizar su Sidebord con SeedProd, busque la barra lateral y haga clic en el enlace de edición de diseño.

Al hacer esto, lanzará la barra lateral en el generador de deslizamiento y colocación de Seedprod. Verá una vista previa en vivo de la barra lateral en la columna derecha, con un panel de edición en la columna izquierda.

Cambiar un elemento en la barra lateral es igual de simple de mostrar y hacer clic. Por ejemplo, puede hacer clic en el icono de basura para eliminar los bloques. O puede hacer clic en cualquier bloque para ver su configuración en el panel izquierdo.

Puede agregar una amplia variedad de contenido a la barra lateral utilizando bloques de temas Seedprod. Simplemente tire de un bloque desde la izquierda y colóquelo en la barra lateral.

Algunos de los bloques que puede elegir incluyen:

Etiquetas de plantilla: bloques que le permiten agregar contenido dinámico de WordPress, como publicaciones de blog, comentarios, imágenes presentadas, etc. Esta es una excelente manera de crear una barra lateral dinámica.

Bloques estándar: estos son elementos de diseño web populares que usan la mayoría de los sitios web, como imágenes, botones, texto y videos.

Bloques avanzados: características avanzadas de la generación de clientes potenciales, como formularios de contacto, perfiles sociales, botones para compartir, formularios de registro, mapas de Google y más.

WooCommerce: si conduce una tienda en línea, puede usar bloques de WooCommerce para mostrar productos populares, carritos de compras y otras características de la tienda en su barra lateral.
Además de agregar contenido a la barra lateral, Seedprod también le permite personalizar colores, fuentes, espacios, bordes y más.
Por ejemplo, si hace clic en el icono de configuración de una sección, puede ver opciones para cambiar el color de fondo, cargar una imagen de fondo y cambiar el ancho. Luego, hay varias configuraciones en la pestaña avanzada que le permiten controlar los bordes, el espacio y más.
Cuando esté satisfecho con la nueva barra lateral, haga clic en el botón de rescate verde en la esquina superior derecha de la pantalla. Ahora repita este proceso para las otras plantillas en su tema, que incluye: la página única
Publicación única
Archivos de índice/blog
Hogar

ENCABEZAMIENTO
Sótano
Como resultado, puede crear un tema personalizado de WordPress que se adapte a todas sus necesidades comerciales.
Paso 4. Publique la barra lateral personalizada en WordPress cuando esté satisfecho con la barra lateral personalizada de WordPress, el paso final es activarlo en su sitio web de WordPress. En SeedProd, puede aplicar una barra lateral personalizada de WordPress con un interruptor simple. Simplemente vaya a la página Seedprod »Builder de temas y cambie el interruptor junto a la opción” Habilitar el tema Seedprod “en” Sí “.
Seedprod ahora reemplazará su diseño existente con el nuevo lado y barra lateral de WordPress. Ahora puede visitar su sitio web para ver la barra lateral personalizada de WordPress en acción.
Agregando barras laterales más personalizadas a WordPress con SeedProd ahora que tiene una barra lateral personalizada, puede editar el diseño cuando lo desee. Pero, ¿qué pasa si desea más de una barra lateral y quiere mostrarla en diferentes secciones de su sitio? Por ejemplo, es posible que desee crear una barra lateral para diferentes páginas desde la barra lateral de su blog. Aquí está la Parte 13 de nuestro tutorial para crear el tema, que le muestra cómo funcionan las piezas globales:
Alternativamente, puede seguir las instrucciones escritas a continuación. Primero, vaya a la página Seedprod »Builder de temas y haga clic en el botón Agregar una nueva plantilla de tema.
Desde allí, elija la opción de pieza general y haga clic en Guardar. Ahora puede construir su barra lateral personalizada como lo hizo en el paso anterior. Después de crear la nueva barra lateral, abra la plantilla de una sola página en el editor de colocación y deslizamiento de Seedprod.

Para dejar espacio para la barra lateral, deberá reemplazar la apariencia existente con una sección con 2 columnas.

Luego dibuje el bloque de plantilla en parte en la segunda columna de la nueva sección.

Desde allí, puede elegir la nueva barra lateral que creó en el menú desplegable.
Haga clic en Guardar para almacenar sus cambios, luego navegar en una página, mostrará automáticamente la nueva barra lateral personalizada, mientras que las publicaciones de blog mostrarán la primera barra lateral.

Método 2. Uso de WordPress Personalizador de personalizador WordPress incorporado facilita agregar una barra lateral personalizada a su sitio de WordPress. El personalizador utiliza la configuración implícita del tema de WordPress para controlar la apariencia, el contenido y la colocación de la barra lateral. Para usar este método, necesitará un tema de WordPress que incluya áreas de widgets en la barra lateral. Si aún no tiene un tema, aquí están los temas de WordPress más populares para las pequeñas empresas. Para esta guía, usamos el tema WordPress Astra. Paso 1: Agregue la barra lateral de WordPress después de instalar el tema, acceda a la apariencia ≫ y haga clic en el botón de personalización azul.

Esto lo llevará a la página de personalizador de WordPress, donde puede editar la apariencia y el diseño. La configuración que vea en esta página variará para diferentes temas, pero le mostraremos cómo agregar una barra lateral usando el tema Astra, por lo que tiene una idea de qué hacer. Mire el panel izquierdo dentro de la personalización y encuentre el título “Barra lateral”. Haga clic en ese título para abrir las opciones de personalización para la barra lateral. En la siguiente pantalla, puede elegir entre las siguientes opciones en la barra lateral:

Apariencia predeterminada: sin barra lateral, barra lateral derecha o barra lateral izquierda.

Páginas: dónde mostrar la barra lateral en páginas individuales.

Publicaciones: donde muestras tu barra lateral en publicaciones individuales.

Archivos: cómo se ve tu barra lateral en las páginas del archivo, como la página del blog.

También puede elegir el ancho de la barra lateral en la misma página. Cuando esté satisfecho con la apariencia de la barra lateral, haga clic en el botón Publicar. Paso 2. Agregue widgets a la barra lateral con aduana después de haber elegido la apariencia de la barra lateral, puede comenzar a agregar widgets. Para hacer esto, busque el título de “widgets” en el menú Customizador de WordPress y haga clic para abrir la configuración.

En la siguiente pantalla hay una lista de barras laterales disponibles actualmente para esa página, así que haga clic en la barra lateral que desea personalizar.

Ahora verá un generador de barra lateral, listo para mostrar los widgets que elija. Haga clic en el icono más (+) para buscar un bloque o widget que desea mostrar en la barra lateral.
Al hacer clic en un bloque, lo agregará automáticamente a la barra lateral. Continúe agregue widgets a la barra lateral hasta que se vea como desee. Luego haga clic en el botón de publicación para guardar los cambios. Ahora, cuando visite su página, verá la barra lateral personalizada WordPress.Metoda 3. Usando la pantalla WordPress Widgets, el siguiente método usa la pantalla de WordPress Widget para agregar una barra lateral a WordPress. Es similar al método anterior, pero solo le permite agregar widgets a la barra lateral, en lugar de permitirle cambiar su barra lateral. Acceso ≫ Los widgets busquen desde el tablero de WordPress para usar este método. Puede ver todas las barras laterales que su tema está aceptando actualmente en esta pantalla.
En nuestro caso, el tema incluye 4 áreas de barra lateral personalizables:
La barra lateral principal
ENCABEZAMIENTO

Barra de sótano Sección 1

Subsol Baar Sección 2

Agregar widgets a la barra lateral es similar al paso anterior. Simplemente haga clic en el icono más y busque los widgets que desea agregar a la barra lateral.

Cuando haya terminado de crear la barra lateral, haga clic en el botón Actualizar. Ahora puede visitar su sitio y ver la nueva barra lateral.

¡Hasta aquí! Esperamos que este artículo lo ayude a aprender cómo agregar una barra lateral a WordPress. La forma más fácil de obtener el control completo sobre la barra lateral es con Seedprod. Ofrece un generador visual, drag-by-drag, no tiene que editar ningún código o archivos de tema directo y puede personalizar su barra lateral dentro del tablero de WordPress.

Comience con Seedprod hoy