Cómo eliminar las barras laterales de Div

La eliminación de la barra lateral de la plantilla de página predeterminada se puede realizar fácilmente cuando se usa Divi Builder. Sin embargo, debido a que las plantillas de las páginas predeterminadas de DIV (con la barra lateral) todavía se muestran en páginas como 404 y archivos, es posible que desee eliminar la barra lateral de su plantilla. La forma más obvia de reemplazar el aspecto predeterminado de la barra lateral al DIV correcto es usar Divi Builder para diseñar la página o publicación. Sin embargo, si no usa Divi Builder para una página o publicación, hay dos formas principales de eliminar la barra lateral. El primero es cambiar la página de aspecto en la página basada en editar una página o publicación individual. El segundo es reemplazar la página predeterminada o la plantilla de publicación creando una plantilla personalizada en el constructor de temas.
Hoy le mostraré las diferentes formas de eliminar las barras laterales de la plantilla predeterminada de DIV y reemplazar las plantillas con Div Builder. Esperamos que esto lo equipe con las herramientas que necesita para crear un sitio web diseñado constante. ¡Vamos a empezar! Eliminación de la barra lateral en las páginas utilizando la configuración para la página de división Cambio de la barra lateral predeterminada a la derecha para mensajes o páginas individuales para páginas o publicaciones que no usan Divi Builder, la apariencia de página implícita incluye una barra lateral derecha que parece Como lo siguiente:

Si no desea usar Divi Builder para esa página o publicación y simplemente desea eliminar la barra lateral a base de lado, simplemente busque el cuadro de configuración de Divin desde la barra lateral al editar la página y seleccione el ancho completo (o no el barra lateral) para la aparición de la página. Esto eliminará la barra lateral para la publicación o página.

Eliminar la barra lateral de la página de la tienda de WooCommerce, la página de categoría y las páginas del producto utilizando las opciones de temas de división Si tiene instalado WooCommerce, puede encontrar algunas opciones en las opciones del tema de la división para cambiar la apariencia de las páginas en el Tabellones, categorías y páginas de productos.

Para eliminar la barra lateral de las páginas de WC Shop y Categoría, explore las opciones de temas de división. En la pestaña General, busque la opción llamada “Página de la página de almacenamiento y página de categoría para WoCommerce” y cambie la apariencia a “sin barra lateral” o “ancho completo”.
Para eliminar la barra lateral para las páginas del producto, explore las opciones de temas de divisiones>. Seleccione la pestaña Generador. En integración de tipo post, seleccione la apariencia del producto “sin barra lateral” en el menú de caída.

Eliminación de la barra lateral mediante la creación de plantillas personalizadas utilizando el constructor de temas Eliminación de la barra lateral para cada página / publicación con el conjunto de la página Div es una buena solución al crear publicaciones y páginas recién nuevas.Sin embargo, esto puede ser bastante pesado, especialmente si decide eliminar las barras laterales de todas las páginas.Además, la plantilla predeterminada (con una barra lateral) todavía se muestra en páginas como 404 y archivos.Por lo tanto, es posible que desee eliminar completamente la barra lateral de una página o plantilla de publicación.Para hacer esto, puede crear plantillas personalizadas usando Divic Builder.Esto le dará el control total sobre las páginas que desea ocultar a nivel mundial.

El creador de temas de Divin es una herramienta poderosa para diseñar plantillas globales que se aplicarán a cualquier página o publicaciones deseadas. Cada vez que cree una nueva apariencia de cuerpo para una plantilla, esa plantilla reemplazará la página de página predeterminada (que incluye una barra lateral). Por lo tanto, todo lo que tiene que hacer para eliminar una barra lateral en la plantilla es crear una nueva plantilla en la división del constructor de temas y asignarla a la página o publicaciones de su elección. La creación de una plantilla de publicación de blog con un ancho completo utilizando publicaciones de blog de Divi Builder es un excelente ejemplo en el que se puede requerir una plantilla sin una barra lateral. Las opciones de contenido dinámico de Divic le permiten diseñar una plantilla de publicación de blog que se aplicará a todos los sitios de publicación de blogs utilizando Divi Builder y Contenido dinámico. Después de haber terminado, todo lo que tiene que hacer es actualizar el contenido real del cuerpo para todas las publicaciones futuras. ¡El nuevo contenido de publicación heredará el diseño de plantilla personalizado! Aquí hay un ejemplo rápido de cómo hacer esto: primero, cree una nueva plantilla y asigne la plantilla de todas las publicaciones.
Luego agregue un cuerpo personalizado a la plantilla.
Usando el editor de masaje de plantilla, diseñe toda la apariencia utilizando la división del constructor combinada con los módulos y opciones de contenido dinámico incorporado. Por ejemplo, puede usar el módulo de título de publicación para mostrar el título de publicación dinámicamente. O puede dibujar el título de publicación como un contenido dinámico en el cuerpo de un módulo de texto y puede envolverlo con etiquetas H1.


Puede usar un módulo de imagen para extraer la imagen presentada como un contenido dinámico.

O utilice una serie de módulos de propaganda que incluyan metadatos específicos como contenido dinámico, como el autor de la publicación, la biografía de la publicación de publicación, las categorías de publicaciones, la fecha de publicación y la cantidad de comentarios. Lo más importante, Debe incluir el módulo publicar el contenido cuando cree cualquier apariencia de cuerpo personalizada para su plantilla. Su publicación contenida posterior incluye el área para el contenido de la página o publicación que se mostrará en el área del cuerpo de la plantilla.

Una vez que se crea la plantilla, puede crear fácilmente una nueva publicación de blog utilizando el editor de publicación de WordPress predeterminado y hacer esta publicación de blog para heredar el diseño de la publicación de blog que creó usando Divic Builder.

Para obtener más información, consulte nuestra publicación sobre cómo diseñar una plantilla de publicación de blog con el creador de temas de Divin. Creación de una plantilla de producto de WooCommerce con un ancho completo utilizando Divi Builder si desea eliminar la barra lateral predeterminada para las páginas de productos, también puede crear una hermosa plantilla de ancho para todas las publicaciones de blog. Similar a lo que he hecho con la plantilla de publicación del blog, también puede usar los módulos WooCommerce Incorporated Div (o WOO) para crear una plantilla de producto personalizada a nivel de sitio.

Para esto, simplemente cree una nueva plantilla y asigne la plantilla “Todos los productos”.

Luego agregue un cuerpo personalizado a la plantilla y haga clic para construir el aspecto del cuerpo con el editor de plantillas.


Luego use Divi Builder para incluir módulos Dynamic Woo para diseñar la plantilla de página del producto.
Ahora, cree un nuevo producto en el revés utilizando el editor de productos estándar, el producto heredará automáticamente el diseño de la plantilla de cuerpo asignada. Para obtener más información, consulte nuestra publicación sobre cómo crear una plantilla de producto WOO a nivel de sitio.

La creación de una página de archivo de un archivo de ancho completo utilizando el constructor de temas de constructor también facilita el diseño de la página de archivo sin barras laterales. La clave para crear una plantilla para una página de categoría es crear una nueva plantilla y asignarla a una de las muchas plantillas de archivo disponibles en Divi Builder. Por ejemplo, puede atribuirlo a todas las páginas de archivo en el nivel del sitio o puede asignarlo a la plantilla de página de categoría, para mostrar solo en las páginas que muestran un archivo de publicaciones en una categoría.

El primer elemento esencial del contenido dinámico para una plantilla de archivo debe incluir el título de publicación / archivo.

El segundo elemento esencial del contenido dinámico es el archivo real de las publicaciones que se mostrarán. Para hacer esto, agregue un módulo de blog y elija la opción para mostrar publicaciones para la página actual.

Para una caminata completa, consulte nuestra publicación sobre cómo crear una plantilla de página de categoría para su blog usando el creador de temas. La creación de una plantilla de página 404 de ancho completo utilizando Divi Builder Temo Builder también facilita un diseño de plantilla de 404 páginas para. Una página de 404 no se basa necesariamente en ningún contenido dinámico, por lo que no dude en diseñar lo que desee con Divi Builder. Para una caminata completa, vea nuestra publicación sobre cómo crear una plantilla de 404 páginas usando el creador de temas. La creación de una página de búsqueda de ancho completo utilizando Divi Builder Temer Builder también facilita una plantilla de diseño con resultados de búsqueda. Al igual que los patrones de las páginas de categoría, la clave para crear una plantilla para los resultados de búsqueda es la creación de un área de cuerpo personalizada e incluyendo lo siguiente: 1: un título de publicación / archivo como un contenido dinámico2: el módulo de blog para mostrar las publicaciones para las publicaciones para las página actual.
3: Un módulo de búsqueda para permitir a los usuarios continuar las búsquedas según sea necesario.

Para una caminata completa, consulte nuestra publicación sobre cómo crear una plantilla de página con los resultados de búsqueda para su sitio web utilizando el Builder Divic. No cree una plantilla de ancho completo para todas las páginas, a menos que tenga una razón específica para crear una plantilla personalizada con un aspecto de ancho completo para todas sus páginas puede parecer una buena idea. Sin embargo, puede que no funcione como se esperaba. Por ejemplo, puede limitar la superficie que puede usar la página Divic Builder o crear un área del cuerpo demasiado ancha para las páginas que no usan el constructor. Por lo tanto, es mejor crear una plantilla de página solo para aquellas páginas que no utilizarán Divi Builder. Para obtener más información, consulte la documentación sobre la construcción de una plantilla global de cuerpo. Eliminar la barra lateral predeterminada con CSS personalizado si usa los aspectos predeterminados de la página Página Div sin usar Divi Builder o si desea deshacerse de la barra lateral a nivel del sitio sin tener que anularlo utilizando la configuración de la página individual o el Plantillas de generación de temas., puede usar algunos CSS de moda antigua. . Navegue a la división> Opciones de tema. En la pestaña General, pegue el siguiente código en el cuadro CSS personalizado en la parte inferior de la página: /*** Saque la línea del divisor entre el contenido y la barra lateral *** /#principal-contenente. Container: antes {fondo: ninguno ;}

/*** Esconder barra lateral ***/

#Sidebar {display: none;}

/*** Expanda el área de contenido a FullWidth ***/

@Media (Min-Width: 981px) {

#Izquierda-Reare {
Ancho: 100%;
Relleno: 23px 0px 0px! IMPORTANTE;
FLOAT: ¡Ninguno! Importante;
}
}