Cómo crear un sótano personalizado en WordPress con div

Al crear un sitio web con el tema Div, puede personalizar el sótano personalizando el tema (Div -> Personalización del tema). Hay alrededor de 20 aspectos diferentes de las columnas de los cuales puede elegir personalizar su sótano. Puede agregar contenido a cada columna a través de WordPress Widgets Manager ( -> widgets). Sin embargo, debido a que WordPress tiene suficientes widgets limitados, el contenido que puede agregar a su sótano también es limitado. No podrá agregar contenido como redes sociales, formulario de suscripción o botón de correo electrónico, a menos que instale complementos adicionales.
Comenzando con la versión 4.0, Divi Builder (generador de página predeterminado del tema de la Divic) le permite crear elementos personalizados para su tema, incluido el sótano. Y, debido a que Divi Builder ahora se puede usar en temas de WordPress, aparte de Div y Extra, prácticamente puede crear un sótano personalizado (u otros elementos temáticos) con Div Builder, independientemente del tema que use. En esta publicación, le mostraremos cómo crear un sótano personalizado con Divi Builder. El tema que usamos aquí es Div. Cómo crear un sótano personalizado con Divi Builder Hay dos formas de crear un sótano personalizado con Divi Builder: a través de un aspecto y desde cero. Cubriremos ambos métodos.
# Creación del sótano personalizado a partir de un aspecto en lugar de, por ejemplo, por el elemento que ofrece plantillas de sótano prefabricadas, Div Builder no ofrece ninguna plantilla de sótano (llamada en el constructor Div) en su biblioteca de apariencia. Pero, puede descargar una apariencia en el sótano creada por temas elegantes (desarrollador Divi Builder) en una de sus publicaciones de blog. Haga clic en el botón de abajo para descargar el archivo. El archivo está disponible en formato ZIP. Diseño del pie de página Div Div.
Una vez que se descarga el archivo, vaya a obtener el archivo JSON. Este es el archivo de apariencia que necesita. Inicie sesión en el tablero de WordPress y vaya a Div -> Temor Builder. En la página del constructor de temas, haga clic en el icono de dos lados a la derecha.
Haga clic en la pestaña Importar y seleccione el archivo de apariencia (archivo JSON) que acaba de extraer haciendo clic en cualquier archivo seleccionado. Una vez que se selecciona el archivo, haga clic en el botón Importar plantillas de constructor de temas de divortes.

Haga clic en el icono del lápiz para editar el sótano. Debe editar el sótano para adaptar el contenido predeterminado con su propio contenido.

Será llevado al editor de Divin Builder después de hacer clic en el icono de lápiz anterior. Puedes editar tu sótano aquí. Eliminar artículos innecesarios. Para editar un elemento, puede cruzar el mouse sobre un elemento que desea editar y hacer clic en el icono de la rueda para mostrar la ventana de configuración.

Una vez que haya terminado de editar el sótano, haga clic en el botón Guardar para aplicar los cambios y cierre el editor de Builder Divu haciendo clic en el icono X en la esquina superior derecha.

Lo llevarán de regreso a la página creativa de temas. Haga clic en el botón Guardar Modi para aplicar el sótano personalizado que ha creado. En el primer ejemplo que cubrí anteriormente, el sótano aparecerá a cada lado del sitio. En este segundo ejemplo, crearemos un sótano personalizado para una página en particular (página de contacto). Crearemos un sótano simple que consta de 3 columnas. El resultado final del sótano se verá así.

En primer lugar, inicie sesión en el tablero de WordPress y vaya a Div -> Temor Builder. Agregue una nueva plantilla y especifique en qué página aparecerá la plantilla. Dado que queremos crear el sótano personalizado para la página de contacto, luego seleccione el contacto (eche un vistazo a la pantalla a continuación).

Si ve un botón amarillo (lo que significa que ya hay un sótano personalizado), haga clic en el icono de basura para eliminarlo. Agregue un nuevo sótano personalizado haciendo clic en Agregar sótano personalizado y seleccione Crear sótano personalizado.

Debido a que queremos crear el sótano desde cero, seleccione la opción de compilación desde cero.

Su sección predeterminada puede contener un separador. Para eliminarlo, abra la ventana de configuración haciendo clic en el icono de la rueda.

Vaya a la pestaña Diseño y abra la opción de divisores. Haga clic en el menú desplegable en el divisor de estilo y seleccione ninguno. Recuerde hacer clic en el icono de la lista de verificación para aplicar el nuevo cambio.

Establezca el fondo de la sección. Para hacer esto, haga clic en el icono de la rueda nuevamente para abrir la ventana de configuración. Haga clic en la opción de fondo en la pestaña Contenido. Haga clic en el botón Plus para establecer el color. Recuerde hacer clic en la lista de verificación para aplicar el fondo. Seleccione la estructura con tres columnas.

La primera columna

Vaya a la primera columna para agregar su contenido. Agregaremos dos módulos a esta columna (imágenes y texto) para colocar el logotipo del sitio y una divulgación. Entonces, primero, haga clic en el icono más gris y seleccione el módulo de imagen. Seleccione su imagen (logotipo del sitio en este caso) en la ventana Configuración.

Vaya a la pestaña de diseño y abra la opción de tamaño para establecer el tamaño de la imagen.

Agregue otro módulo (modo de texto) en el módulo de imagen.
Reemplace el texto predeterminado con su propio texto. Vaya a la pestaña Diseño y abra la opción de texto para establecer el color y el tamaño del texto.

La segunda columna

Usaremos la segunda columna para colocar el formulario de suscripción de correo electrónico. Conectaremos este formulario con MailChimp. Vaya a la segunda columna y agregue el módulo Optin de correo electrónico.

Cambie el título predeterminado en la sección de título de la pestaña Contenido. También cambie la descripción predeterminada en la sección CORP. En este ejemplo, no usamos una descripción, por lo que solo eliminamos el contenido en la sección del cuerpo.

Todavía en la pestaña de contenido, abra la opción de cuenta de EMIA y seleccione la plataforma de marketing por correo electrónico que desea conectar (MailChimp en este caso). Seleccione una lista de MailChimp y haga clic en el botón Fetch List
Nota: El campo de correo electrónico puede no aparecer cuando publique su sótano si no selecciona una lista de MailChimp. Puede leer esta publicación para obtener más información sobre la integración de Divi Builder con MailChimp. Abra la opción Fields para eliminar los campos innecesarios. En este ejemplo, agregamos solo el campo de correo electrónico al formulario de suscripción de correo electrónico, por lo que deshabilitamos todos los campos en esta opción. Abra la opción de fondo para cambiar el fondo del formulario. En este ejemplo, establecemos el fondo en el transparente.


Vaya a la pestaña Diseño para personalizar el aspecto del formulario. Para cambiar el fondo del campo y el fondo del texto del campo, puede abrir la opción de campo.

Para establecer la tipografía del título (color de texto, tamaño de texto, estilo de fuente, etc.) puede abrir la opción de texto del título.

Hay muchas otras opciones de personalización que puede establecer. Puede jugar en la pestaña de diseño hasta que esté satisfecho con el aspecto de su formulario. No olvide hacer clic en el botón de la lista de verificación para aplicar las opciones de personalización que ha hecho.

La tercera columna

Utilizaremos la tercera columna para colocar los enlaces a las páginas importantes de su sitio (sobre la página, la página de contacto y la política de privacidad), así como las redes sociales. Primero, agregue el módulo de texto para el título.

Reemplace el texto predeterminado con un título como “Sitio”, “Compañía” o algo similar.

Vaya a la pestaña Diseño y abra la opción de texto para configurar la casa de impresión.
Agregue otro módulo de texto para colocar los enlaces. Reemplace el texto predeterminado con su propio texto con la siguiente banda (presione Entrar para agregar una nueva línea).
Para agregar un enlace a cada texto, puede resaltar el texto y hacer clic en el icono Lanț. Acceda a la pestaña Diseño y abra la opción de texto. Para establecer el color del texto del enlace, puede hacer clic en el icono de la cadena.

Vaya al enlace de texto y al tamaño del enlace de texto para establecer el color del texto del enlace y el tamaño del enlace.

Finalmente, agregue el módulo de seguimiento de las redes sociales.

Por defecto, el módulo de seguimiento de las redes sociales contiene solo dos plataformas de redes sociales (Facebook y Twitter). Para agregar una nueva plataforma de redes sociales, haga clic en el botón Plus debajo de la pestaña de contenido.

Para agregar un enlace a cada plataforma de redes sociales, puede hacer clic en el icono de la rueda de cada plataforma para abrir la opción de configuración.

Abra la opción de enlace e inserte la URL de la cuenta de redes sociales asociadas. También puede establecer los antecedentes de la plataforma de redes sociales. Recuerde hacer clic en el icono de la lista de verificación para aplicar el enlace que agregó.

Después de haber terminado de agregar los enlaces a cada plataforma de redes sociales, vaya a la pestaña Design para personalizar los iconos. Para establecer el color del icono, así como el tamaño del icono, puede abrir la opción de icono.

Para configurar el rayo de borde (si desea tener esquinas redondeadas) puede abrir la opción de borde.

Para agregar un poco de espacio entre el módulo de seguimiento de las redes sociales y el módulo de texto, puede abrir la opción de separación. Establezca el revestimiento de arriba a 8px o 10px.

Hay muchas otras opciones de personalización que puede establecer. Puede jugar en la pestaña de diseño hasta que esté satisfecho con el resultado. Una vez que haya terminado, haga clic en el botón de rescate en la esquina inferior derecha para aplicar los nuevos cambios en el sótano, seguido del botón X en la esquina superior derecha para cerrar el editor de Divin Builder. Vea la página Creativa. Haga clic en los cambios Guardar para guardar todos los nuevos cambios que ha realizado.

La conclusión es un elemento bastante crucial de un sitio web. Con el temas generador de la función Divic Builder, puede crear un sótano personalizado para su sitio de WordPress. El sótano personalizado que ha creado reemplazará el sótano predeterminado de su base. Crear un sótano personalizado con Divi Builder le brinda la libertad de agregar múltiples elementos sin instalar un complemento adicional de WordPress, como el formulario de correo electrónico., Las últimas publicaciones, Botón, íconos para redes sociales. Básicamente, puede agregar todos los módulos ofrecidos por Divi Builder al sótano. Divi Builder ahora está disponible para todos los temas de WordPress, no limitado al tema Div y el tema extra.