Nest es un complemento ligero de WordPress que te permite agregue paneles deslizantes animados fuera del lienzo a cualquier sitio web. Si desea configurar una barra lateral deslizante, un encabezado o pie de página deslizanteo incluso un panel flotante de pantalla completa para su sitio de WordPress, el conjunto de características de Nest lo convierte en una brisa absoluta y total.
Nest no solo es fácil de configurar y usar, sino que también es muy personalizable. Por ejemplo, puede personalizar el tamaño de un panel y la velocidad de animación con una precisión de píxeles y milisegundos. Y hay muchas más características y opciones de personalización:
Características
-
Complemento de panel deslizante para WordPress
- Cree paneles deslizantes de WordPress para mostrar cualquier contenido
- Panel de todo el sitio con anulaciones por publicación y por página
- Opcionalmente, mostrar el panel solo en la página principal
- Opcionalmente, ocultar el panel en publicaciones/páginas específicas
- Aplicar animaciones de escala/opacidad al contenido de tema específico cuando se abre/cierra un panel
- Animaciones suaves y sin tartamudeos
-
Opciones de activación
- Activar a través de botones personalizables
- Activar a través de un elemento personalizado (enlace de texto simple, una imagen, su propio botón, etc.)
- Inserte botones de activación a través de shortcode (o use las opciones de posicionamiento incluidas)
- Activar automáticamente a través de un retraso de tiempo personalizable
- Opción Mostrar una vez por sesión de navegador incluida
- Activar cuando se desplaza al ancla (ejemplo de uso: abrir el panel automáticamente cuando se desplaza hasta la parte inferior de la página)
- Desactivar haciendo clic/tocando el botón de cerrar, la superposición del sitio o el botón ESC
- Opcionalmente, bloquee el desplazamiento del cuerpo cuando el panel esté abierto
-
Personalizable masiva y fácilmente:
- Cada panel deslizante se puede personalizar de forma independiente para obtener resultados muy diferentes
- Personalice el panel de todo el sitio en tiempo real usando WordPress Live Customizer (las diapositivas por publicación/página se personalizan en la página de edición de la publicación/página)
- Mostrar a todos los visitantes, o solo a los usuarios conectados o desconectados
- Código limpio y bien marcado
-
Probado y probado a fondo:
- escritorio, tabletas, teléfonos inteligentes
- iOS, Android, dispositivos Windows
- Chrome, Safari, Firefox, Edge, Internet Explorer, Ópera
- Autor comprobado con soporte rápido y amigable
- Actualizaciones gratuitas de por vida
- Documentación sin jerga
personalización
Los paneles deslizantes de Nest se pueden personalizar sin esfuerzo pero de forma masiva. Esencialmente, todos los aspectos de la apariencia de un panel se pueden personalizar a su gusto:
-
Panel deslizante:
- Personalizar ancho y alto
- Elija la dirección del menú desplegable (arriba, abajo, izquierda, derecha)
- Personaliza la velocidad de la animación de diapositivas
- Establecer el ancho máximo para el contenido dentro del panel
- Personaliza el color de fondo y la opacidad
- Agregue una imagen o patrón de fondo y personalice su opacidad
- Opcionalmente, se desvanece en el contenido al activar el panel
- Personalice la barra de desplazamiento con estilo (cambie los colores, el grosor, la redondez, la distancia desde los lados)
- Panel de visualización opcional solo en resoluciones especificadas
-
Activación:
- Establezca un retraso de tiempo personalizado para la visualización automática del panel
- Panel abierto cuando se desplaza al ancla (ID/clase aceptados)
- 4 diseños de botones de activación (cada uno totalmente personalizable en color)
- Establecer texto personalizado para el botón de activación
- Cambiar el tamaño del texto del botón de activación
- Ajustar la distancia superior/izquierda/derecha/inferior del botón de activación
- Coloque el botón de activación arriba a la izquierda, arriba a la derecha, abajo a la izquierda o abajo a la derecha de la pantalla
- Dar botón de activación posicionamiento absoluto o fijo
- Opcionalmente, ingrese los botones de activación a través de shortcode; útil si desea colocar un botón de activación dentro de una publicación, en una barra lateral, etc.
- Opcionalmente, oculte el botón de activación (útil para los casos en los que desea abrir un panel automáticamente, ingrese el botón de activación a través de un código abreviado o use un activador personalizado)
-
Cerrar botón:
- 3 diseños de botones de cierre (totalmente personalizables en color)
- Coloque el botón de cierre en la parte superior izquierda, en el centro o en la parte superior derecha del panel
- Ajustar la distancia superior/izquierda/derecha del botón de cierre
-
Cubrir:
- Personalizar color de superposición
- Personalizar la opacidad de superposición
- Dar efecto de desenfoque de superposición (fuerza ajustable libremente)
- Opcionalmente, muestre un ícono de cierre al pasar el mouse sobre la superposición (en lugar del cursor del mouse predeterminado)
¿Por qué me sería útil un panel corredero?
Los paneles deslizantes, las barras deslizantes y las barras laterales deslizantes son una forma fantástica de mostrar contenido a sus visitantes de una manera memorable.. Para dar algunos ejemplos, puede usar Nest para mostrar un formulario de registro de lista de correo, alertar a su audiencia sobre un próximo evento, presentar un producto, invitar a sus lectores a recibir comentarios, mostrar las fotos de sus vacaciones, configurar un menú, etc. . Realmente solo estás limitado por tus necesidades e imaginación.
Con la posibilidad de mostrar un panel de Nest solo en una publicación o página específica y activarlo desde cualquier elemento, automáticamente mediante un retraso de tiempo o cuando se desplaza a un ancla, Nest puede incluso usarse para realizar una función de llamada a la acción; absolutamente fantástico para fines de marketing.
registro de cambios
Quick update (no version change) - Some JS script and translation string updates
UPDATE 2.2 - Added option to display a close icon instead of mouse cursor when hovering the background overlay
UPDATE 2.1 - Optionally, it is now possible to show a flyout panel to logged in or logged out visitors only
UPDATE 2.0 - Blur effect can now be applied to site overlay when a panel is opened (effect shown on example #2 of demo site). Strength of blur effect can be adjusted freely - Added option to lock site scroll when panel opened
UPDATE 1.9 - Added option to hide panel at specified resolutions (useful if you'd like to hide a panel on mobile screens, for example)
UPDATE 1.8 - Added options to fully customize the styled scrollbar (edit colors, thickness, roundness, and distance from sides)
UPDATE 1.7 - Added possibility to animate site content when panel is opened/closed by applying custom scaling and opacity to specified elements (see Example One and Example Two on demo site) - Added anchor links to per-post/page panel tools for easier navigation
UPDATE 1.6 - Added option to show site-wide panel on front page only - Added option to hide panel on specific posts and pages
UPDATE 1.5.1 - Added 'once per session' setting to the automatic, time-delayed panel activation option (done via Session Storage, check browser compatibility here: https://caniuse.com/#search=sessionstorage
UPDATE 1.5 - It is now possible to have the Nest panel activate on its own when a post or page is scrolled to an anchor (ID/class both work)
UPDATE 1.4 - It is now possible to have the Nest panel open automatically. For example, the panel can be set to open on its own after 10 seconds (time delay is customizable). - Activation button can now be given absolute positioning (button either scrolls with the page or remains at the specified position at all times)
UPDATE 1.3 - Added option to customize activation button font size - Added options to customize background overlay color + overlay opacity
UPDATE 1.2 - Activation buttons can now also be entered via shortcodes (updated documentation accordingly) - Added option to subtly fade-in the content upon opening/closing of a fly-out panel (see Example Two on demo site)
UPDATE 1.1 - Activation button: Added options to fine-tune top/left/right/bottom distance - Close button: Added options to fine-tune top/left/right distance - Tidied up the Live Customer settings pages for easier navigation (separated descriptions from titles + instead of two sections on the Live Customizer's main page, Nest's settings are now placed jointly under "Nest Plugin")