Imágenes en diseños PDF
Las imágenes son capas normales en el editor de PDF. Pueden colocarse en una página, dentro del contenedor del feed, dentro de un componente de término o dentro del componente reutilizable de elemento de bucle.
Añadir una imagen fija
- Abre PDF designs y edita un diseño.
- En Layers, selecciona la página o el componente que debe ser propietario de la imagen.
- Selecciona Add element y después Image.
- Elige una imagen de la Biblioteca de medios de WordPress.
- Arrástrala y cambia su tamaño en el lienzo. Usa el inspector para definir su posición exacta, tamaño, rotación, ajuste, alineación, margen y relleno.
- Elige la copia de WordPress que cargar: Thumbnail, Medium, Medium large, Large o Full size.
Una imagen a nivel de página se coloca una sola vez en esa página creada. Si la misma página también contiene un feed, usa Repeat this block on every feed page cuando la imagen deba aparecer en cada página de desbordamiento.
Añadir una imagen dinámica de elemento
- Expande el feed en Layers.
- Selecciona Loop item y usa su botón Add element.
- Añade Dynamic.
- Selecciona el origen de datos del feed y vincula la capa a Featured image u otro campo de imagen disponible.
- Configura Render as como Image.
- Elige su ajuste Cover, Contain, Fill o None y el tamaño de imagen de WordPress que cargar.
- Coloca la imagen libremente dentro del lienzo del elemento de bucle.
El lienzo del elemento de bucle se reutiliza para cada entrada. Mover o cambiar el tamaño de esta capa actualiza cada elemento en la vista previa y en el PDF generado.
Configurar una cadena de alternativas de imagen
Selecciona una capa de imagen dinámica y usa el inspector para elegir:
- un campo de imagen principal;
- un Fallback field opcional, como un campo meta de imagen específico del menú;
- una Fallback URL opcional para una imagen final fija.
Se usa la primera imagen segura disponible. Un valor faltante no obliga a usar un marcador de posición fijo, así que deja la URL final vacía cuando el elemento no deba tener imagen.
Cuando un componente de término o de elemento de bucle se abre de forma aislada, Fenómenus muestra intencionadamente un marcador de posición neutro en lugar de una entrada real o una imagen de taxonomía. Esto mantiene predecible el diseño del componente cuando cambia el origen del feed. La vista previa de la página completa y el PDF generado siguen usando valores reales y la cadena de alternativas configurada.
Logotipo del sitio e imágenes de alérgenos
Usa una capa dinámica general vinculada a Site logo para el logotipo del sitio actual. Colócala en una capa de página repetida o en un contenedor del feed cuando deba aparecer en cada página del feed.
Dentro de Loop item, elige Allergen icons para representar la imagen o el icono asignado a cada término de alérgeno. Esto es distinto de una capa de texto dinámico que imprime solo los nombres de los alérgenos.
Comprobaciones de calidad de impresión
- Abre el PDF generado a tamaño completo; el lienzo no sustituye al archivo exportado.
- Confirma que los recortes realizados con Cover, Contain, Fill o None se comportan como se espera.
- Comprueba al menos un elemento usando cada rama de alternativa.
- Inspecciona la primera página del feed, una de desbordamiento y la última.
- Mantén los archivos de origen lo bastante grandes para su tamaño de impresión físico sin usar originales innecesariamente pesados.