Descripción
El plugin Responsive Image and video Gallery es una herramienta muy importante para cualquier sitio web. La mayoría de los usuarios tienen Galerías en su sitio web. Nuestro plugin le permite mostrar sus Galerías con vistas impresionantes y efectos de animación, por lo que necesita probar nuestro plugin.
Tenemos una gran cantidad de diferentes animaciones estándar y Canvas que le gustarán. Usted puede crear su propio diseño y hacer su estilo. Estamos seguros de que te gustará nuestro plugin.
Ver las páginas de demostración de nuestro plugin:
- Demo
- Ver Demo
Nuestro plugin tiene un montón de características gratuitas y Premium, así que vamos a introducir algunas de esas características.
Características de la versión gratuita
- Completamente Responsive
- Panel de administración práctico y fácil de usar
- Testado en todos los navegadores modernos
- Funciona perfectamente con todas las versiones de WordPress
- Capacidad de crear un número ilimitado de Galerías, Álbumes e imágenes
- Capacidad de cambiar los nombres de las imágenes y las descripciones
- Capacidad de cambiar el color de fondo de la superposición del Popup, opacidad
- Posición
- Ancho del borde
- Color del borde
- Opacidad y radio del borde
- Tamaño de los iconos de la barra de control
- Altura de la barra de control
- Configuración de la descripción panel de descripción
- Colores de texto y fondo del panel de descripción
- Opacidad del panel de descripción
- Opciones de hover del panel de descripción
- Iconos anterior y siguiente, color de los iconos, tamaño de los iconos y posición de los iconos
- Tiempo de pausa de la diapositiva
- Capacidad de crear temas ilimitados
- Capacidad de cambiar el tamaño de las imágenes del álbum y las opciones de texto
- Capacidad de cambiar el tamaño de las imágenes generales y las opciones de texto
- Capacidad de cambiar el recuento de elementos en la página
- Capacidad de establecer el número de columnas
- Capacidad de establecer la altura del panel de Paginación
- Capacidad de cambiar las opciones de fondo del panel de Paginación
- Capacidad de establecer el ancho y el alto de recorte de las miniaturas de las imágenes
- Capacidad de establecer el ancho y el alto máximo de recorte
- Probado en temas populares de WordPress
- 8 vistas impresionantes
- 5 efectos de animación estándar
- 27 efectos de animación de lienzo
- Capacidad de establecer el tiempo de animación de las diapositivas
- Capacidad de cambiar la configuración del diseño del Popup
- Configuración del diseño de la barra de control, posición, diseño de iconos.
- Configuración de los iconos exteriores
- Configuración de las líneas de las miniaturas
- Configuración de las imágenes de las miniaturas
- Diseño totalmente personalizable
- Soporte Premium
Puede actualizar la versión gratuita a la versión Pro para añadir algunas buenas características.
Las características de la versión Pro
Esta es la lista de configuraciones de nuestro plugin, pero necesita probar nuestra demo o crear galerías usted mismo para verlas más de cerca. Esperamos que le guste nuestro plugin.
Hemos intentado hacer todo lo posible para crear un plugin amigable y fácil de usar, pero si tiene alguna pregunta, consulte la página del Manual de Usuario o póngase en contacto con nosotros.
Totalmente Responsive
Nuestro plugin es una de las galerías más responsive que están disponibles en WordPress. Puede comprobar nuestras páginas de demostración en diferentes dispositivos y verá de lo que estamos hablando.
Hoy en día el desarrollo y la promoción móvil es más que importante, por lo que tratamos de hacer lo mejor en este caso.
27 efectos de animación de lienzo
Tenemos bonitos y únicos efectos de lienzo que le gustarán. Pruébalos, hay un montón de efectos de animación impresionantes.
Diseño totalmente personalizable
Puedes establecer casi todos los ajustes de diseño de los elementos, por lo que el diseño de nuestro plugin se ajustará al diseño de tu sitio web.
8 Vistas impresionantes. A continuación puedes ver las vistas y sus breves descripciones.
Vista cuadrada
La vista cuadrada es una vista muy simple y agradable. En la vista cuadrada todas las imágenes tienen la misma altura y diferente anchura.
Prueba esta vista, creemos que te gustará.
Vista de mampostería
La vista de mampostería es la más popular. Muestra las imágenes en un estilo hermoso y estamos seguros de que te gustará esta vista.
Vista de mosaico
La vista de mosaico es una de las vistas más populares. En esta vista las imágenes tienen la misma anchura, pero la altura puede ser diferente.
Vista en miniatura
En la vista en miniatura los tamaños de las imágenes se modificarán automáticamente y obtendrán la misma anchura y altura. Esta es una vista práctica también.
Vista de columnas
Esta vista mostrará las Galerías, Álbumes e imágenes por columnas. No es una vista tan popular, pero algunos usuarios prefieren esta vista.
Vistas alternativas cuadradas, de mampostería, de mosaico y de miniaturas
Las vistas alternativas también tienen un estilo bonito y no son tan diferentes de las vistas originales
Si encuentra algún error o fallo en nuestro plugin o tiene alguna pregunta póngase en contacto con nosotros en [email protected], intentaremos solucionarlo lo antes posible.
En esta página proporcionaremos información detallada sobre cómo crear e insertar Galerías en los posts/páginas de tu sitio web. Además, a continuación vamos a proporcionar más información sobre la configuración de Popups y temas.
En primer lugar, vaya a la página de configuración de Recortes desde el panel de administración y configure los parámetros de recorte para las imágenes. Es muy importante, no te pierdas este paso.
Página de la galería
Cuando instales nuestro plugin y vayas a la página principal desde el panel de administración de WordPress verás la información detallada sobre cómo configurar nuestro plugin.
Página del Popup
En esta página podrás configurar los ajustes del Popup (lightbox).
Hay un montón de opciones que te permitirán configurar el diseño del Popup y otros ajustes. El Popup tiene un diseño totalmente personalizable, por lo que puedes configurarlo como necesites.
Abajo puedes ver la lista de opciones del Popup y algunas descripciones.
Generalidades
Distancia de la ventana – Escriba aquí la distancia de la pantalla (no para la posición media)
Rotación cuando la foto comenzó a abrirse – Escriba aquí el grado de rotación cuando el Popup comenzó
Posición del Popup – Elija la Posición
Lugar de la foto al comienzo del Popup – Elija el lugar al comienzo del Popup
Tipo de cierre del Popup – Elija el tipo de cierre
Lugar del Popup – Elija el lugar
Ancho del borde del Popup – Escriba el ancho del borde
Color del borde del Popup – Seleccione el color del borde
Opacidad del borde del Popup – Escriba la opacidad del borde
Radio del borde del Popup – Escriba el radio del borde
Tipo métrico del radio del Popup – Seleccione el tipo métrico del radio
Ancho mínimo de la foto – Escriba el ancho mínimo
Ancho de la foto al inicio del Popup – Escriba el ancho al inicio
Panel de descripción
Color de fondo del panel de descripción – Seleccione el color de fondo del panel de descripción
Color de fondo del panel de descripción al pasar por encima – Seleccione el color de fondo del panel de descripción al pasar por encima
Opacidad del panel de descripción – Seleccione la opacidad del panel de descripción
Opacidad del panel de descripción sobre hover – Seleccione la opacidad del panel de descripción sobre hover
Color del texto del panel de descripción – Seleccione el color del texto del panel de descripción
Color del texto del panel de descripción sobre hover – Seleccione el color del texto del panel de descripción sobre hover
Distancia del texto del panel de descripción desde la parte superior – Escriba la distancia del texto del panel de descripción desde la parte superior
Distancia del texto desde el lado izquierdo y derecho – Escriba la distancia del texto del panel de descripción desde el lado izquierdo y derecho
Tamaño de la fuente del texto del panel de descripción – Escriba el tamaño de la fuente del texto del panel de descripción
Configuración general de los iconos
Configuración de la barra de control – Elija cuándo mostrar u ocultar la barra de control
Posición de los iconos de la barra de control – Seleccione la posición de los iconos de la barra de control
Posición vertical de la barra de control – Elija la posición vertical de la barra de control
Color de fondo de la barra de control – Seleccione el color de fondo de la barra de control
Color de los iconos de la barra de control – Seleccione el iconos de la barra de control
Color de los iconos de la barra de control al pasar por encima – Seleccione el color de los iconos de la barra de control al pasar por encima
Altura de la barra de control – Escriba la altura de la barra de control
Cambio de tamaño de los iconos de la barra de control al pasar por encima – Escriba aquí cómo acercar o alejar los iconos al pasar por encima
Distancia entre los iconos de la barra de control – Escriba la distancia entre los iconos de la barra de control
Iconos de la barra de control
Iconos de la foto anterior y siguiente – Elija los iconos de la foto anterior y siguiente
Tamaño de los iconos de la foto anterior y siguiente – Escriba el tamaño de los iconos anterior y siguiente
Icono de reproducción – Elija el icono de reproducción
Icono de pausa
Tamaño de los iconos de reproducción y pausa – Escriba el tamaño de los iconos de reproducción y pausa
Símbolo de separación del contador – Escriba el símbolo de separación del contador
Tamaño del símbolo de separación del contador – Escriba el tamaño del símbolo de separación del contador
Icono de cierre – Elija el icono de cierre
Tamaño del icono de cierre – Escriba el tamaño del icono de cierre
Contador de iconos exteriores
Distancia de los iconos exteriores de la pantalla – Escriba aquí la distancia de los iconos exteriores de la pantalla
Color de fondo del panel de iconos exteriores color de fondo del panel – Seleccione el color de fondo del panel de los iconos exteriores
Opacidad del fondo del panel de los iconos exteriores – Seleccione la opacidad del fondo del panel de los iconos exteriores
Radio del borde del panel de los iconos exteriores – Escriba el radio del borde del panel de los iconos exteriores
Superposición
Color de fondo de la superposición – Seleccione el color de fondo de la superposición
Superposición opacidad – Seleccione la opacidad de la superposición
Efectos de la diapositiva
Cuando se inicia el efecto de la diapositiva – Elija cuando el efecto de la diapositiva debe comenzar
Tipo de diapositiva – Seleccione el tipo de efecto de la diapositiva
Lista de efectos estándar – Elija qué efectos estándar utilizan(5 efectos estándar)
Lista de efectos de lienzo – Elija qué efectos de lienzo utilizan(27 efectos de lienzo)
Iconos emergentes anterior y siguiente
Iconos anterior y siguiente – Seleccione los iconos anterior y siguiente
Color de los iconos anterior y siguiente – Seleccione el color de los iconos anterior y siguiente
Tamaño de los iconos anterior y siguiente – Escriba el tamaño de los iconos anterior y siguiente
Posición de los iconos anterior y siguiente – Escriba la distancia de los iconos anterior y siguiente desde el popup borde de la ventana emergente
Línea de miniaturas emergentes
Mostrar línea de miniaturas – Elija mostrar u ocultar la línea de miniaturas
Distancia entre los iconos de la barra de control y la línea de miniaturas – Escriba la distancia entre los iconos de la barra de control y la línea de miniaturas
Ancho de la línea de miniaturas – Seleccione el ancho
Altura de la línea de miniaturas activa – Escriba la altura de la línea activa
Color de la línea de miniaturas color de la línea de las miniaturas – Seleccione el color
Color de la línea de la imagen activa – Seleccione el color de la línea de la foto vista
Color de la línea de la foto flotante – Seleccione el color de la línea flotante
Ampliación de las imágenes en miniatura
Ancho – Escriba el ancho
Altura – Escriba la altura
Borde de la miniatura – Escriba el tamaño del borde
Distancia entre la línea de la miniatura y las fotos en miniatura – Escriba aquí la distancia
Color del borde de la miniatura – Escriba el color del borde
Color de fondo del espacio residual – Seleccione el fondo
Opacidad de la miniatura – Seleccione la opacidad
Contador de imágenes en miniatura
Mostrar el contador – Elija mostrar u ocultar el contador
Ancho del contador – Escriba el ancho del contador
Altura del contador – Escriba la altura del contador
Color de fondo del contador – Seleccione el color de fondo del contador
Opacidad del contador – Seleccione la opacidad del contador
Color del texto de los números – Seleccione el color del texto de los números
Página de temas
En la página de temas puede crear o editar temas. También, puede seleccionar el tema por defecto desde esta página.
Si necesita crear nuevos temas, entonces haga clic en el botón «Añadir nuevo» desde el lado derecho del texto de Temas.
Después de eso, escriba el nombre del nuevo tema y cofigure las opciones.
Abajo está la lista de opciones del tema.
General
Cuento de elementos en la página – Escriba el recuento de elementos en la página
Tipo de distancia de la imagen – Seleccione el tipo de distancia (sólo funciona para la alternativa Mampostería, Mosaico alternativo y Vista alternativa en miniatura)
Número de columnas máximas – Escriba el número de columnas máximas
Cuento de elementos añadidos (botón más) – Escriba el número de elementos añadidos (botón más)
Altura del panel de paginación – Escriba la altura del panel de paginación
Color de fondo principal principal – Seleccione el color de fondo principal
Opacidad del fondo principal – Seleccione la opacidad del fondo principal
Tipo de paginación – Seleccione el tipo de paginación
Tamaño de fuente de los botones de paginación – Escriba el tamaño de fuente de los botones de paginación
Color de fondo de los botones de paginación – Seleccione color de fondo de los botones de paginación
Color de fondo de los botones de paginación activos – Seleccionar el color de fondo de los botones de paginación activos
Color de fondo de los botones de paginación al pasar el ratón – Seleccionar el color de fondo de los botones de paginación al pasar el ratón
Color de texto de los botones de paginación – Seleccionar el color de texto de los botones de paginación activos
Color de texto de los botones de paginación al pasar el ratón – Seleccionar el color de texto de los botones de paginación al pasar el ratón
Mostrar el tipo de pedido en la parte delantera – Elegir mostrar u ocultar el tipo de ordenación en la parte frontal
Cuando debe funcionar el hover del texto – Seleccione cuándo debe funcionar el hover del texto
Velocidad de animación de los elementos al pasar por encima – Escriba la velocidad de animación de los elementos al pasar por encima
Configuración de la imagen
Ancho – Escriba el ancho
Altura – Escriba la altura
Distancia entre fotos – Escriba la distancia entre
Zoom al pasar por encima – Escriba el zoom al pasar por encima
Rotación al pasar por encima – Escriba la rotación al pasar por encima
Opacidad – Seleccione la opacidad
Opacidad al pasar por encima – Seleccione la opacidad al pasar por encima
Tamaño del borde – Escriba el tamaño del borde
Color del borde – Seleccione el color del borde
Opacidad del borde – Seleccione la opacidad del borde
Color del borde al pasar por encima – Seleccione el color del borde al pasar por encima
Opacidad del borde al pasar por encima – Seleccione la opacidad del borde al pasar por encima
Radio del borde – Escriba el radio del borde radio del borde
Radio del borde al pasar por encima – Escriba el radio del borde al pasar por encima
Color de la sombra – Seleccione el color de la sombra
Color de la sombra al pasar por encima – Seleccione el color de la sombra al pasar por encima
Sombra horizontal – Escriba la sombra horizontal
Sombra horizontal al pasar por encima – Escriba la sombra horizontal al pasar el ratón
Sombra vertical – Escriba la sombra vertical
Sombra vertical al pasar el ratón – Escriba la sombra vertical al pasar el ratón
Desenfoque de la sombra – Escriba el desenfoque de la sombra
Desenfoque de la sombra al pasar el ratón – Escriba el desenfoque de la sombra al pasar el ratón
Sombra separada – Escriba la sombra separada
Sombra separada al pasar por encima – Escriba la sombra separada al pasar por encima
Opacidad de la sombra – Seleccione la opacidad de la sombra
Opacidad de la sombra al pasar por encima – Seleccione la opacidad de la sombra al pasar por encima
Tipo de sombra – Elija el tipo de sombra
Tipo de sombra al pasar por encima – Elija el tipo de sombra al pasar por encima
Relleno del texto – Escriba el relleno del texto
Tamaño de la fuente del texto – Escriba el tamaño de la fuente del texto al pasar por encima
Color del texto – Seleccione el color del texto
Color del texto al pasar por encima – Seleccione el color del texto al pasar por encima texto al pasar por encima
Opacidad del texto – Seleccione la opacidad del texto
Opacidad del texto al pasar por encima – Seleccione la opacidad del texto al pasar por encima
Color de la sombra del texto – Seleccione el color de la sombra del texto
Color de la sombra del texto al pasar por encima – Seleccione el color de la sombra del texto al pasar por encima
Desenfoque de la sombra del texto – Escriba el desenfoque de la sombra del texto
Desenfoque de la sombra del texto al pasar el ratón – Escriba el desenfoque de la sombra del texto al pasar el ratón
Opacidad de la sombra del texto – Seleccione la opacidad de la sombra del texto al pasar el ratón
Color de fondo del panel de texto – Seleccione el color de fondo del panel de texto
Color de fondo del panel de texto al pasar por encima – Seleccione el color de fondo del panel de texto al pasar por encima
Opacidad del fondo del panel de texto – Seleccione la opacidad del fondo del panel de texto
Color de fondo del panel de texto al pasar por encima – Seleccione el color de fondo del panel de texto al pasar por encima color de fondo
Configuración del álbum
Ancho de las imágenes – Escriba el ancho
Altura de las imágenes – Escriba la altura
Distancia entre álbumes – Escriba la distancia entre
Tamaño de la carpeta dentro de la ventana del álbum – Seleccione el tamaño de la carpeta dentro de la ventana del álbum
Opacidad – Seleccione la opacidad
Sobre la opacidad – Seleccione la opacidad sobre la opacidad
Color de fondo – Seleccione el color de fondo
Sobre el color de fondo – Seleccione el color de fondo sobre la opacidad
Opacidad del fondo – Seleccione la opacidad del fondo
Sobre la opacidad del fondo – Seleccione la opacidad del fondo sobre la opacidad
. opacidad del fondo al pasar por encima
Tamaño del borde – Escriba el tamaño del borde
Color del borde – Seleccione el color del borde
Color del borde al pasar por encima – Seleccione el color del borde al pasar por encima
Opacidad del borde – Seleccione la opacidad del borde al pasar por encima
Radio del borde radio – Escriba el radio del borde
Radio del borde al pasar por encima – Escriba el radio del borde al pasar por encima
Color de la sombra – Seleccione el color de la sombra
Color de la sombra al pasar por encima – Seleccione el color de la sombra al pasar por encima
Sombra horizontal – Escriba la sombra horizontal
Sombra horizontal al pasar por encima Tipo de sombra horizontal al pasar por encima
Sombra vertical – Tipo de sombra vertical
Al pasar por encima de la sombra vertical – Tipo de sombra vertical al pasar por encima
Desenfoque de la sombra – Tipo de desenfoque de la sombra
Al pasar por encima de la sombra – Tipo de desenfoque de la sombra al pasar por encima
Sombra separada – Tipo de sombra separada sombra separada
Sombra separada al pasar por encima – Escriba sombra separada al pasar por encima
Opacidad de la sombra – Seleccione la opacidad de la sombra al pasar por encima – Seleccione la opacidad de la sombra al pasar por encima
Tipo de sombra – Seleccione el tipo de sombra al pasar por encima
Texto padding – Escriba el relleno del texto
Tamaño de la fuente del texto – Escriba el tamaño de la fuente del texto
Tamaño de la fuente del texto al pasar por encima – Escriba el tamaño de la fuente del texto al pasar por encima
Color del texto – Seleccione el color del texto al pasar por encima
Opacidad del texto – Seleccione la opacidad del texto
Al pasar por encima opacidad del texto – Seleccione la opacidad del texto al pasar por encima
Color de la sombra del texto – Seleccione el color de la sombra del texto
Color de la sombra del texto al pasar por encima – Seleccione el color de la sombra del texto al pasar por encima
Desenfoque de la sombra del texto – Escriba el desenfoque de la sombra del texto al pasar por encima sombra del texto
Opacidad de la sombra del texto – Seleccione la opacidad de la sombra del texto
Opacidad de la sombra del texto al pasar por encima – Seleccione la opacidad de la sombra del texto al pasar por encima
Número de álbumes que se mostrarán antes de hacer clic en el botón más – Escriba cuántos álbumes se mostrarán antes de hacer clic en el botón más(sólo funciona cuando seleccionado la opción más botón)
Configuración de la galería
Ancho de las fotos – Escriba el ancho
Altura de las fotos – Escriba la altura
Distancia entre galerías – Escriba la distancia
Tamaño de la carpeta dentro de la ventana – Seleccione el tamaño de la carpeta dentro de la ventana
Opacidad – Seleccione opacidad
Opacidad al pasar por encima – Seleccione la opacidad al pasar por encima
Color de fondo – Seleccione el color de fondo
Color de fondo de la carpeta – Seleccione el color de fondo de la carpeta
Color de fondo al pasar por encima – Seleccione el color de fondo al pasar por encima
Opacidad del fondo – Seleccione opacidad del fondo
Opacidad del fondo al pasar por encima – Seleccione la opacidad del fondo al pasar por encima
Tamaño del borde – Escriba el tamaño del borde
Color del borde – Seleccione el color del borde
Color del borde al pasar por encima – Seleccione el color del borde al pasar por encima
Opacidad del borde – Seleccione la opacidad del borde
Al pasar por encima opacidad del borde – Seleccione la opacidad del borde al pasar por encima
Radio del borde – Escriba el radio del borde
Radio del borde al pasar por encima – Escriba el radio del borde al pasar por encima
Color de la sombra – Seleccione el color de la sombra al pasar por encima
Sombra horizontal – Escriba la sombra horizontal
Al pasar la sombra horizontal – Escriba al pasar la sombra horizontal
Sombra vertical – Escriba la sombra vertical
Al pasar la sombra vertical – Escriba al pasar la sombra vertical
Desenfoque de la sombra – Escriba el desenfoque de la sombra
Al pasar la sombra – Escriba al pasar la sombra desenfoque de la sombra
Sombra separada – Escriba sombra separada
Al pasar la sombra separada – Escriba al pasar la sombra separada
Opacidad de la sombra – Seleccione la opacidad de la sombra
Al pasar la sombra opacidad – Seleccione al pasar la sombra opacidad
Tipo de sombra – Seleccione el tipo de sombra
Al pasar la sombra Tipo de sombra – Seleccione el tipo de sombra al pasar por encima
Relleno del texto – Escriba el relleno del texto
Tamaño de la fuente del texto – Escriba el tamaño de la fuente del texto al pasar por encima
Color del texto – Seleccione el color del texto
Color del texto al pasar por encima – Seleccione el color del texto al pasar por encima color del texto
Opacidad del texto – Seleccione la opacidad del texto
Opacidad del texto al pasar por encima – Seleccione la opacidad del texto al pasar por encima
Color de la sombra del texto – Seleccione el color de la sombra del texto al pasar por encima
Desenfoque de la sombra del texto – Escriba la sombra del texto blur
On hover text shadow blur – Escriba on hover text shadow blur
Text shadow opacity – Seleccione text shadow opacity
On hover text shadow opacity – Seleccione on hover text shadow opacity
Página de recorte
Puede establecer los parámetros de recorte para todas las imágenes.
Ancho de recorte de las miniaturas – Escriba aquí el ancho de las miniaturas, después de establecer este parámetro el ancho de las miniaturas será recortado
Altura de recorte de las miniaturas – Escriba aquí la altura de las miniaturas, después de establecer este parámetro la altura de las miniaturas será recortada
Ancho máximo de recorte – Escriba el ancho máximo de recorte
Altura máxima de recorte – Escriba la altura máxima de recorte