El contenido fijo tiene como objetivo atraer y mantener la atención de los visitantes. GutenKit ha desarrollado un módulo llamado Pegajoso para diseñar tu contenido de WordPress maravillosamente.
Aprendamos cómo funciona el módulo.
Usando GutenKit pegajoso #
Desde su panel de WordPress, ir a Módulos de GutenKit. Entonces busca Módulo adhesivo, enciéndelo. Los cambios que hayas realizado se guardarán automáticamente.
Usando el módulo adhesivo #
Abra cualquier página/publicación donde desee aplicar contenido fijo. Ir a Sección avanzada y encontrar módulo adhesivo.
Controles del módulo adhesivo #
Puedes ponerlo pegajoso en el Arriba, abajo y mostrar al desplazarse hacia arriba.
Pegajoso en la parte superior #
Le permite configurar el adhesivo al Posición superior de la página/publicación.
Pegajoso hasta arriba #
Si desea mostrar el elemento fijo en la parte superior hasta una sección específica, puede configurar el ID de esa sección aquí.
Hagamos que el Título (Marketing digital) sea fijo hasta la sección Acerca de nosotros.
- Haga clic en la sección Acerca de nosotros
- Buscar módulo avanzado
- Escribe un nombre de clase CSS y cópialo.
Ahora ve a Título➔ Pegajoso➔ pegajoso hasta.
- Pega la sección sobre nosotros nombre de clase CSS en el pegajoso hasta campo.
- Actualizar la página/publicación
Ahora puedes ver que el título es Fijo hasta la sección Acerca de nosotros.
Pegajoso en la parte inferior #
Para colocar el adhesivo en el Posición inferior de la página/publicación, elija Abajo desde las opciones fijas y actualice la página/publicación.
El fondo está pegajoso ahora.
Pegajoso hasta el fondo #
Si desea mostrar cualquier pie de página/parte inferior adhesiva hasta una sección específica, puede configurar el ID de esa sección aquí.
Hagamos que el pie de página de nuestra página actual sea fijo hasta la sección Conozca al equipo. Sin embargo, puede utilizar cualquier plantilla, patrón o página de GutenKit para organizar sus páginas y publicaciones.
- Haga clic en la sección Conoce al equipo
- Buscar módulo avanzado
- Escribe un nombre de clase CSS y cópialo.
Presentación fija al desplazarse hacia arriba #
Ahora ve a Pie de página➔ Pegajoso➔ pegajoso hasta.
- Pegue la sección Conoce al equipo nombre de clase CSS en el pegajoso hasta campo.
- Actualizar la página/publicación
Ahora puedes ver el El pie de página es Sticky hasta la sección Conoce al equipo.
Fijo hasta que se muestre al desplazarse hacia arriba #
Con esta opción puedes pegar cualquier sección cuando te desplazas hacia arriba. El Tipos de efectos son Fundir y deslizar.
Hagamos que el título (Marketing digital) sea fijo hasta la primera sección (Acerca de nosotros).
Mover a Encabezamiento➔ Pegajoso➔ pegajoso hasta.
Ahora, elija cualquier tipo de efecto ➔ pegue la primera sección (Acerca de nosotros) nombre de clase CSS en el pegajoso hasta campo ➔
y actualizar la página/publicación.
Ahora puedes ver el Título Sticky hasta la primera sección (Sobre Nosotros).
Otros controles #
- Quédese en el contenedor – Si desea envolver su bloque con un contenedor para ver el efecto, puede habilitar esta opción.
- Compensación adhesiva – Para establecer la posición precisa, puede ajustar el desplazamiento adhesivo usando la barra.
- Fondo - Configure el fondo según sus preferencias.
Además, existen opciones para desactivar la permanencia en cualquier dispositivo. Las opciones son – Desactivar para escritorio, Desactivar para tableta, y Desactivar para dispositivos móviles.