Presentamos el widget Image Rotator de WordPress

WordPress

DK New Media ha tenido este complemento de WordPress en un segundo plano durante algún tiempo. La demanda de un complemento rotador de imágenes simple y de calidad era alta no solo para nuestros clientes, sino también para la comunidad de WordPress. Los complementos que encontré que prometían hacer lo que necesitábamos estaban rotos o no funcionaban en absoluto. Así que hicimos el nuestro.

Descargue o instale el widget Image Rotator

La primera versión era fea y, en consecuencia, nunca se agregó al repositorio de complementos de WordPress. La estética no era el único problema: solo se podía ejecutar un instante por página, había dos lugares diferentes donde había que configurar los ajustes, ¿mencioné que era feo?

El rotador viene con tres transiciones: Lineal, Loop y Fade. Linear desplazará las imágenes horizontalmente a través de su contenedor. Una vez que un rotador lineal ha llegado al final de las imágenes, rebotará y se desplazará en sentido contrario. Los rotadores de bucle son circulares: cuando se alcanza la última imagen, la primera imagen de la lista aparecerá a continuación y el bucle comienza de nuevo. Fundido hará que todas las imágenes aparezcan y desaparezcan.

Sin embargo, estas transiciones no fueron nuestro mayor problema. Fueron los escenarios. Esa fue la parte fea, pero esta vez hicimos algo elegante. Sabíamos que el proceso de agregar imágenes al rotador debía ser simple. Un simple botón "+" invocará el cuadro de diálogo de medios de WordPress. A partir de ahí, los usuarios pueden optar por cargar una nueva imagen o seleccionar una imagen cargada previamente de su Biblioteca de medios, tal como lo harían si estuvieran insertando una imagen en una publicación. Una vez que la imagen ha terminado de cargarse o el usuario ha seleccionado una imagen, debe presionar el botón "Enviar a Image Rotator". Una vez que se han cargado todas las imágenes deseadas, son realmente fáciles de administrar.

Widget de rotador de imágenes

Al pasar el cursor sobre el nombre de una imagen, se mostrará una información sobre herramientas que contiene la imagen. No queríamos saturar la configuración del widget, por lo que decidimos que cargar todas las imágenes en el contenedor de configuración no era una opción. Nuestra decisión de poner las imágenes en una vista previa de información sobre herramientas rindió dos frutos: los usuarios no tienen que esperar a que se carguen las imágenes antes de poder editarlas, reordenarlas, etc…; y mantuvo limpia nuestra interfaz, lo que facilita la clasificación y eliminación.

Ordenar es tan fácil como hacer clic en un espacio vacío dentro del elemento de la lista de imágenes y arrastrarlo a la posición deseada. Imagínese lo entrecortado que hubiera sido esto si hubiéramos cargado las imágenes (todas con diferentes proporciones) directamente en el contenedor de configuración.

Para eliminar una imagen del widget, presione el botón "-" que está al lado de la imagen que desea eliminar. Tenga en cuenta que debe hacer clic en "Guardar" o no se producirá ninguno de estos cambios.

Si ejecuta este complemento, no dude en dejar cualquier comentario, error o retroalimentación en el Foros de soporte de WordPress(monitoreamos estos) o por contactándonos directamente.

Descargue o instale el widget Image Rotator

29 Comentarios

  1. 1
    • 2

      Creo que agregaría demasiada complejidad a este complemento. Y nunca se vería bien porque es posible que no estén correctamente centradas horizontalmente, podrían pixelarse, etc. Al igual que necesitas ajustar el tamaño de las imágenes de manera apropiada para una publicación, el usuario debería tener que cambiar el tamaño correctamente aquí.

  2. 3

    D Diferentes proporciones de ancho funcionarán, pero no las proporciones de altura. A partir de ahora, para aprovechar al máximo el widget, debe hacer que todas las imágenes que planea usar tengan la misma altura.

    En la próxima versión, agregaré configuraciones de dimensión al widget. Podrá elegir el ancho y el alto de todo el widget y, en consecuencia, las imágenes se redimensionarán proporcionalmente a él.

  3. 5
  4. 9
  5. 10

    Realmente me gustaría usar este complemento, pero cuando subo una imagen, no obtengo la posibilidad de 'enviar imagen al widget rotador', solo el ordinario 'insertar para publicar'.
    Eliminé y reinstalé el complemento, pero hasta ahora no tuve suerte. ¿Me puedes ayudar?

    Agregué una captura de pantalla y, aunque está en holandés, debería poder ver que falta el botón 'enviar imagen ...'. Le agradecería mucho su ayuda.

    Gracias,

    • 11

      Hi @google-2b6c75e336d02071c15626a7d8e31ccd:disqus ,

      Solo puedo suponer que requerirá que creemos un archivo de traducción. ¿Puede decirnos qué significa "enviar imagen al widget rotador" en holandés? No estamos planeando un lanzamiento pronto, pero intentaremos incluirlo.

      Doug

      • 12

        Hola Doug,
        Muchas gracias por su rápida respuesta. La traducción correcta sería 'invoegen in image rotator widget'.
        Realmente espero que funcione. Por otro lado, no me importaría usar el 'widget enviar imagen a rotador' en inglés si eso resolviera el problema.

        Más amable,
        Helen

      • 13

        Doug
        Tengo varios sitios de WP en ejecución, así que probé este rotador de imágenes en una versión en inglés y funciona bien. Entonces, creo que tienes razón, esto tiene que ver con la traducción. Sería estupendo si pudiera realizar la traducción en algún lugar en un futuro próximo. Si necesitas que traduzca más del inglés al holandés, estaré encantado de ayudarte.
        Otra pregunta: ¿hay alguna forma de hacer clic en una imagen para que permanezca, de modo que la gente pueda leer el texto que agregué? ¿O en el bucle, hacerlo menos rápido?

  6. 14
  7. 18

    Hola, me gustaría cambiar el javascript para el desvanecimiento de la imagen para que una imagen se desvanezca en la siguiente en lugar de desvanecerse a blanco en el medio. ¿Qué necesito cambiar para esto?

  8. 19
  9. 21
  10. 22

    Me encanta el complemento y me está funcionando muy bien. Mi única pregunta, ¿hay alguna forma de abrir el enlace en una nueva ventana?

    • 23

      Desafortunadamente, no parece que la página de carga de medios tenga esa característica, solo estamos usando el diálogo de WordPress que está integrado. ¡Sin embargo, podemos considerar convertirlo en una opción en el complemento! Entre ahora y entonces, es posible hacer eso con jQuery si tiene algo de experiencia en ese desarrollo.

    • 26
  11. 27

    Gracias por la gran coneccion. Una pregunta: ¿Existe la opción de tener dos instancias del complemento? Me gustaría usar un conjunto de imágenes en un lugar y otro conjunto de imágenes en otro.

  12. 29

¿Qué piensas?

Este sitio usa Akismet para reducir el correo no deseado. Descubra cómo se procesan los datos de sus comentarios.