Pregunta sobre Google Photos & Others Photonic Gallery & Lightbox for Flickr SmugMug de Wordpress:

Cuadrícula cuadrada no cuadrada y otros problemas

Un usuario preguntó 👇

Hola,

¡Encuentro su plugin muy bueno y poderoso! Realmente gran trabajo.

Solo quiero señalar algunas cosas. En primer lugar, la «cuadrícula cuadrada» no es cuadrada (consulte las capturas de pantalla). El tamaño de origen del modelo en “miniatura” (150 × 150) barre la cuadrícula porque la barra de título es mucho más grande que el cuadrado de la miniatura. Si configuro el ancho y la altura más grandes (es decir, 300 × 300), no cambiará ya que la fuente del pedido es 150 × 150.

Si configuro el tamaño de la miniatura en medio, dice que se supone que es de 300 × 300. Pero cada imagen conserva su relación de simetría original con el lado más largo a 300px. Entonces, la cuadrícula no es cuadrada y la altura de cada fila está determinada por la altura de la imagen más alta (ver captura de pantalla)

Además, si quiero una cuadrícula más grande (200px por ejemplo), la forma ahora es que tendría que establecer el tamaño de origen de las miniaturas en medio (300 × 300) porque el 150 × 150 no funcionará, espere 150 × 150 – en lugar de cambiar el tamaño de las miniaturas para que se ajusten al tamaño de la cuadrícula que desee.

Este es un problema con el ancho de banda si desea cuadrados grandes en la cuadrícula. Si quisiera uno más grande que 300px, tendría que arreglar mucho la fuente de las miniaturas, que es demasiado para cargar. Y, sin embargo, dado que la imagen no se está cambiando para llenar el cuadrado, dejaría un espacio vacío si la imagen no tiene una proporción de 1: 1.

Creo que cuando se selecciona la cuadrícula cuadrada, para llenar todo el cuadrado con la imagen (incluso si la imagen no es 1: 1), necesitaría el tamaño de fondo: característico de la portada.

las capturas de pantalla:
https://ibb.co/jZPGY3h
https://ibb.co/rsY77Q3
https://ibb.co/YkytGgD
https://ibb.co/wdTtFnY
https://ibb.co/mhBM5dp

¡Espero que esto pueda resolverse para tener una hermosa galería cuadrada grande! 😉

Otro problema fue que configuré el título de la foto en el cuadro de luz para «usar la descripción / pie de foto». Muestra el subtítulo pero no muestra ninguna descripción. ¿La descripción no es compatible? si es así, ¿por qué se ofrece?

Lamentablemente, no puedo proporcionar una URL porque la página en la que estoy trabajando todavía está sin conexión

¡¡Muchas gracias!! 😀

Este tema fue modificado hace 1 año, 11 meses por.

(@sayontan)

Hace 1 año, 11 meses

En primer lugar, la «cuadrícula cuadrada» no es cuadrada (consulte las capturas de pantalla). El tamaño de origen de las miniaturas en «miniatura» (150 × 150) confunde la cuadrícula porque la barra de título es mucho más grande que el cuadrado de la miniatura.

¿Qué sucede si configura el título para que se muestre como información sobre herramientas? El hecho es que el plugin debe aumentar el tamaño del contenedor por título, de lo contrario, el tipo de visualización que está utilizando tendrá un título largo que cubra toda la miniatura. Tenga en cuenta que «modelo cuadrado cuadrícula ”, no cuadrícula de“ cuadrados ”.

Si configuro el ancho y la altura más grandes (es decir, 300 × 300), no cambiará ya que la fuente del pedido es 150 × 150.

Sí, no lo hará, y eso es por diseño. Como plugin de galería, es la primera filosofía original de Photonic, «no pixelación». Si voy a ampliar las imágenes, debo usar esa filosofía. Esto es cierto no solo para Photonic, sino para la mayoría de los plugins de la galería.

Si configuro el tamaño de la miniatura en medio, dice que se supone que es de 300 × 300. Pero cada imagen conserva su relación de simetría original con el lado más largo a 300px. Entonces, la cuadrícula no es cuadrada y la altura de cada fila está determinada por la altura de la imagen más alta (ver captura de pantalla)

¿Cuál es la fuente de tus imágenes? ¿Es una galería de WP? La segunda filosofía original de Photonic es «sin barreras». Las barras basadas en JS / CSS son muy erróneas y, dado que no hay aprendizaje automático involucrado, a menudo toma partes críticas de las imágenes (especialmente fotos, cuando la parte principal de una foto a menudo no está en el medio). Explico esto en varios puntos del sitio del documento, especialmente en el caso del diseño de mosaico.

Como tengo una política de «no restricción», no hago nada para modificar la relación de aspecto de las imágenes.

Ahora, si está utilizando la galería WP y JetPack, es posible que desee considerar el uso de la optimización de imagen en JetPack para cambiar el tamaño. Eso cambia y también actúa como una imagen CDN.

Este es un problema con el ancho de banda si desea cuadrados grandes en la cuadrícula. Si quisiera uno más grande que 300px, tendría que arreglar mucho la fuente de las miniaturas, que es demasiado para cargar. Y, sin embargo, dado que la imagen no se está cambiando para llenar el cuadrado, dejaría un espacio vacío si la imagen no tiene una proporción de 1: 1.

Consulte los puntos anteriores sobre pixelación, recorte y relación de aspecto. Sé que está informando estos como «problemas», pero hacer esto va de la manera que desea contra el diseño central de los plugins (y causará miles de problemas adicionales para todas las personas que usan Photonic desde 2011).

(@sayontan)

Hace 1 año, 11 meses

Tuve que irme temprano mientras escribía mi publicación anterior, por lo que no pude proporcionar información adicional. Lea este hilo para conocer lo que sugiero sobre el uso de JetPack.

Otro problema fue que configuré el título de la foto en el cuadro de luz para «usar la descripción / pie de foto». Muestra el subtítulo pero no muestra ninguna descripción. ¿La descripción no es compatible? si es así, ¿por qué se ofrece?

Esto se debe principalmente a dos factores:

Coherencia entre lo que proporcionan todos los tipos de fuentes (es decir, Flickr, SmugMug, Google, Zenfolio, Instagram y WP). Algunos lo subtitulan, mientras que otros lo describen. Photonic admite dos tipos diferentes de objetos: título, p. Ej. Título de «Atardecer en Maui» (o descripción según el nombre de la fuente), p. Ej., «Fotografía de una puesta de sol tomada mientras se conduce por la playa de Ka’anapali en Maui»

Tenga en cuenta que las galerías de WP nativas (es decir, las galerías que no son fotónicas) no admiten la «descripción»; solo admiten subtítulos, aunque hay un campo para informar. Este comportamiento es como un fotón.

Coherencia para personas que no hablan inglés: según el idioma que hable el usuario del plugin, es posible que no haya una palabra para «subtítulo» para ese usuario. Entonces ambas palabras se mencionan en el sitio.

(@oguido)

Hace 1 año, 11 meses

Hola Santoyan, muchas gracias por tu extensa respuesta.

Ahora veo si, por diseño y política del plugin, no hay recortes ni pixelación son las razones por las que funciona como está.

Solo quiero ofrecer como comentario, aunque también estoy en contra de la pixelación, que un pequeño cambio en la imagen no afecta su función (es decir, una miniatura del tamaño completo) y tiene un efecto positivo en el tiempo de carga. Me refiero a cuando necesitas una gran cuadrícula de miniaturas.

También, para cultivos. Veo su punto sobre los posibles efectos negativos del afeitado, pero creo que la flexibilidad de darle al desarrollador una opción es algo adicional. Y nuevamente, si el objetivo es trabajar como una miniatura de imagen mucho más grande y clara, el usuario (en teoría) la verá.

Para mí, personalmente, disfruté de las cuadrículas que se justificaron hace un tiempo, pero ahora estoy en una cuadrícula de cuadrados realmente grande. En general, creo que la sensación homogénea que da una cuadrícula regular es agradable, dependiendo del estilo de diseño que sea. Pero esa es solo mi opinión de todos modos.

Mi punto es que puede que no sea yo el único que piense así. Y así, se está ampliando una variedad de opciones a un grupo más amplio de diseñadores / desarrolladores.

De todos modos, respeto el diseño original y las políticas de plugins, por lo que estos son solo mis 20 centavos.

En cuanto a la descripción, mi confusión fue que esperaba ver tanto el subtítulo como la descripción porque estoy usando la galería de una fuente de la galería WP. Ahora entendí por qué dice eso.

Pero nuevamente, como en mi opinión, es bueno cuando el control deslizante en la caja de luz puede mostrar un título y una descripción (un ejemplo de lo que quiero decir). Supongo que está detallado de alguna manera 🙂

Gracias de todos modos y les deseo mucho éxito en su proyecto. ¡Felicitaciones por un buen trabajo!

😀

(@sayontan)

Hace 1 año, 11 meses

Gracias por los comentarios, ¡realmente los apreciamos!

Solo quiero ofrecerme como retroalimentación, aunque también estoy en contra de la pixelación, que un pequeño cambio en la imagen no afecta su función (es decir, una miniatura del tamaño completo) y afecta positivamente el tiempo de carga. Me refiero a cuando necesitas una gran cuadrícula de miniaturas.

Para ser honesto, una imagen de 300 × 300 no es tan grande, probablemente alrededor de 20-25 KB, y una imagen de 1600 px es fácil de colocar en más de 1 MB. Por otro lado, una imagen de 150 × 150 tiene aproximadamente 7-8 KB, por lo que no hay muchos ahorros de ancho de banda entre una imagen de 150px y una imagen de 300px. Por otro lado, el efecto de pixelación es muy intenso, porque estás tomando algo distribuido en 22500px (es decir, 150 × 150) y se dispersa en 90000px (es decir, 300 × 300); eso es lo que hace que tu foto sea 4 veces más oscura que ¡debería ser!

Hago su punto de que un pequeño nivel de actualización está bien, pero eso significaría que puede construir de 150 a 160, o 170 como máximo. Más que eso, comenzarás a ver los efectos.

Veo su punto sobre los posibles efectos negativos del afeitado, pero creo que la flexibilidad de darle al desarrollador una opción es algo adicional.

De acuerdo, pero la cuestión es que quiero replicar el comportamiento nativo dentro de las fuentes: puede reenviar tamaños personalizados a WordPress (a través del plugin JetPack de WordPress), Google o SmugMug e imágenes precisas y recortar sin comprometer el uso de JS / CSS.

Si ves el hilo al que vinculé en mi publicación anterior, hace casi exactamente lo que necesitas, pero con un enfoque ligeramente diferente:

Cambie la configuración del tamaño de la miniatura en Configuración → Medios (este es un sitio WP, no un sitio Photonic Use uno de los siguientes plugins: JetPack: active la ubicación de rendimiento de la imagen allí (siguen cambiando el nombre, JetPack siempre lo nombra) Si haces esto, automáticamente cambiará las imágenes a lo que estableciste arriba, y servirá las imágenes del CDN de wp.com. Esto te ayudará con las preocupaciones sobre el ancho de banda. decides no usar JetPack, esto te ayudará a cambiar todas tus miniaturas a lo que necesita. Esto no es tan flexible como JetPack, y almacenará las imágenes cambiadas en su carpeta. perfecto para sus imágenes, puede considerar su uso. El diseño de «Masonry» – que le dará la vista exacta que está apuntando hacia.

En cuanto a la descripción, mi confusión fue que esperaba ver tanto el subtítulo como la descripción porque estoy usando la galería de una fuente de la galería WP. Ahora entendí por qué dice eso.

Esto está planeado para el futuro. El desafío es que muchas cajas de luz no admiten un título y una descripción separados (por ejemplo, el antiguo Fancybox, Swipebox, ImageLightbox, Featherlight, etc.), y muchas fuentes no tienen un título y una descripción separados (por ejemplo, Google, Instagram). Por lo tanto, será necesario pensarlo mucho y trabajar.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.