Cómo hacer que tu sótano sea pegajoso con la división

Un sótano pegajoso es una forma fantástica de mostrar contenido importante para sus visitantes. El sótano permanece en la parte inferior de la pantalla mientras se ejecuta, para que siempre tengan fácil acceso al contenido. Esto es ideal para información de contacto, enlaces especiales y más. Afortunadamente, la creación de un sótano pegajoso es fácil con la división. En este tutorial, veremos cómo hacer una sección de su sótano. Vista previa antes de comenzar, para ver lo que construiremos en este tutorial.
Desktop Sticky Div pie de página es cómo se ve nuestro sótano pegajoso en un escritorio. Posado de teléfono Div Picky Div es cómo se ve nuestro sótano pegajoso en un teléfono. ¿Por qué usar un sótano pegajoso? Hay varias ventajas en usar un sótano pegajoso … Primero, las páginas que no tienen suficiente contenido para llenar la altura de la pantalla tendrán un sótano flotante de forma predeterminada. Un sótano pegajoso bloquea el sótano en la parte inferior de la pantalla, evitando que flote. Esto hace que la página se vea mejor y distraiga menos a los lectores. Otra ventaja es que es un gran lugar para poner un impulso o la información que el usuario puede usar a mano. Información de contacto, anuncios de ventas, anuncios de banner y muchos más se pueden colocar en el sótano pegajoso. Los números de teléfono son especialmente útiles para los teléfonos, porque puede hacer clic en ellos.
Descargue primero un sótano Divol, necesitará una plantilla de sótano para usar con temas. Puede crear su propia plantilla o obtener una plantilla gratuita del blog elegante temas. Temas elegantes ofrece plantillas de encabezado y sótano gratuitos que coinciden con muchos de los paquetes de diseño gratuitos disponibles en el DIV. Puede encontrar las plantillas del sótano buscando el blog “sótano gratis” o “plantilla de sótano”. Descargue la plantilla y no me guste el archivo. Para mis ejemplos, use la plantilla gratuita de cabeza y sótano para el paquete de planificación de propiedades. También uso la página de destino en el paquete de planificación inmobiliaria para el contenido de la página.

Sube tu Div
Para cargar la plantilla del sótano, vaya a Div> temas Builder en el tablero de WordPress. Haga clic en el icono de portabilidad en la parte superior derecha y seleccione Importar de una manera que se abra. Luego haga clic en Elija el archivo y navegue su archivo JSON en su computadora y seleccione. Finalmente, haga clic en el botón Importar plantilla de constructor de temas Div Div en la parte inferior del modal. Espere a que la plantilla cargue y guarde la configuración. Puede editar la plantilla de plantilla de constructor de temas de Backend o Visual Builder. Haz que tu footser divo sea pegajoso

Trabajo en el front-end para poder ver los resultados en vivo para asegurarme de que funcione con el sitio del sitio. En el frente, seleccione Active Visual Builder y desplácese hacia abajo hasta el sótano y seleccione la plantilla Editar. Configuración pegajosa

Haremos una sección del sótano pegajoso. Esta sección incluye la dirección, el teléfono y la información de correo electrónico. Lo encogeremos mientras estamos en pegajos y haremos diferentes ajustes para el escritorio y el sótano. Coloque el cursor sobre la sección Queremos hacer pegajoso y seleccione el icono de configuración. Seleccione la pestaña avanzada y corriera hacia abajo a los efectos del desfile. Esta primera configuración es una posición pegajosa. Haga clic en el cuadro desplegable y elija Stick a la parte inferior. Esto activará opciones pegajosas en toda la sección.

Luego acceda a la pestaña de diseño y desplácese hacia abajo. Ya debería tener el relleno para la parte superior e inferior, pero si no está allí, agregue 30 píxeles a cada uno.

Revestimiento: 30px, arriba y abajo

Coloque el cursor sobre los campos para revelar más opciones. Haga clic en el icono de pin. Esto abre los ajustes pegajosos para esta configuración.
Verá un icono en el escritorio y un icono de pino. El icono de escritorio estará activo. Haga clic en el icono del pin para ajustar el relleno para la condición pegajosa de la sección. Agregue 0px para la parte superior e inferior.
ENLINGE ATRAJO: 0px, arriba y abajo.


Ya puede ver que la sección es más corta de lo que era. Esto permitirá que la sección se vea más pequeña cuando esté fuera de su sección y luego crezca al tamaño normal cuando se atasca en el sótano. Esto es todo lo que tenemos que hacer para la configuración de escritorio. La tableta seguirá automáticamente esta configuración.
Configuración del pie de página Div Sticky Column Div
Haremos algunos cambios en el diseño del sótano. Coloque el cursor en una fila y haga clic en el icono de configuración.
A continuación, haremos ajustes a dos de las columnas. Haga clic en el icono de configuración para la primera columna. Seleccione la pestaña Avanzada y corriera hacia abajo. Bajo incapacitamiento activado, marque su teléfono. Lo dejaremos activado en una tableta, porque funciona como un escritorio. Haga clic en la flecha de regreso a la parte superior izquierda del modal.

Desactivar: Teléfono

Luego haga clic en el icono de configuración para la tercera columna.

Vaya a la pestaña avanzada, ejecute para visibilidad y apáguela en el teléfono. Haga clic en el bifa verde en la parte inferior o haga clic en la flecha de retorno en la parte superior.
Desactivar: Teléfono

Cierre el módulo y guarde los cambios. Número de teléfono en el que se puede hacer clic

Debido a que la versión del teléfono de este sótano pegajoso solo mostrará el número de teléfono, quiero hacer clic en él. Esto usa el número de teléfono que permanece en la pantalla y crea una llamada de acción. Haga clic en la configuración del módulo de texto que tiene el número de teléfono.
Haremos clic en el número solo para teléfonos. El escritorio y la tableta no podrán hacer clic. Si desea hacer clic en el escritorio, omita el icono, haga clic.
Seleccione el icono del teléfono. Seleccione la pestaña de texto del editor de contenido del cuerpo e inserte este código HTML para un número de teléfono que se puede hacer clic en: (255) 252-6258 Para mi ejemplo, uso el número que viene con la plantilla. Simplemente cambie el número con usted porque los enlaces pueden hacer clic en Cambiar automáticamente al color de enlace predeterminado, también agregué algunos CSS en línea para cambiar el color del enlace en el que puede hacer clic en negro. Cambie el color agregando el nombre o el código hexadecimal. También puede cambiar el título del teléfono a la llamada para la llamada o algo similar. Finalmente, cierre la configuración y guarde el aspecto. Resultados Así es como se ve nuestro sótano de la Divica en un escritorio y un teléfono. Desktop Sticky Div pie de página es cómo se ve nuestro sótano pegajoso en un escritorio. Furra pegajosa de la divicidad del teléfono es cómo se ve nuestro sótano pegajoso en un teléfono. El número de teléfono se puede hacer clic en este sótano. Pensamientos finales Esta es nuestra forma de hacer que su división pegajosa de su base use las opciones adhesivas de Divi Builder. Todo el sótano, o cualquier elemento del sótano, se puede hacer pegajoso con un solo clic. Las opciones de estado del sótano permiten que los elementos se vean diferentes mientras son pegajosos. Esto abre muchas opciones de diseño para sótanos pegajosos. Queremos escuchar de ti. ¿Has utilizado las opciones pegajosas de la división para que tu sótano sea pegajoso? Cuéntanos sobre tu experiencia en los comentarios a continuación.