Marcas de imágenes fotofija_

El prefijo de marca fotofija_ permite implementar marcas para cargar imágenes en un FID y generar enlaces a ellas en artículos y portadas.

Publicado: Miércoles 3 de octubre de 2018 por David García
Última modificación: Viernes 21 de agosto de 2020
Nombre de la marca
fotofija_
Sintaxis básica
%%fotofija_[identificador]([alto], [ancho])%%
Usable en:

FID

Artículos

Portadas

Portadas taxonómicas, tags, listados, tags jerárquicos

Marcas relativas:

%%_wfotofija_[ID]%% ancho de la imagen.

%%_hfotofija_[ID]%% alto de la imagen.

El prefijo fotofija_ permite crear marcas que usarás en el FID para subir imágenes, y en las plantillas para obtener la URL de cada imagen cargada.

Sintaxis

Para crear una marca de carga de imagen, debes usar el prefijo fotofija, un identificador arbitrario, y luego la especificación de las dimensiones entre paréntesis, de este modo:

%%fotofija_art200(200,400)%% 


Donde:

  1. "ART200" es el identificador de la marca. Este es un texto arbitrario.
  2. (200, 400) son las dimensiones máximas de la imagen.

Ejemplo de uso de marcas fotofija_ en Artículos, Portadas, Portadas Taxonómicas, Portadas Tags, Listados:

%%if(fotofija_port200)%%
<div class="foto">
<img src="%%fotofija_art200%%" width="%%_wfotofija_art200%%" height="%%_hfotofija_art200%%">
  </div>
%%/if%%

En las plantillas de artículo o portadas no se debe especificar el tamaño. Nota que en el atributo "SRC" de la etiqueta html "IMG" es reemplazada la marca %%fotofija_port200%% por la URL en la cual se encuentra almacenada la imagen.

Al guardar una imagen en una marca fotofija_, Prontus genera en el artículo las marcas %%_wfotofija_art200%% y %%_hfotofija_art200%% con el valor del ancho y del alto de la imagen. Puedes usar estas marcas en las plantillas, por ejemplo para rellenar los atributos width y height de cada imagen, o para generar srcsets para imágenes responsivas como se describe en este artículo de MDN.

 Marcas fotofija_ para galerías

En el caso de las galerías de fotos, se usan también marcas con prefijo fotofija_, generadas automáticamente por Prontus en base a la configuración de tus galerías. La diferencia es que el identificador de cada foto de una galería sigue un formato específico:

%%fotofija_"nombre""i"_"sufijo"%%

El "nombre arbitrario" ahora se compone específicamente de tres partes: nombre, variable de iteración y sufijo:

  • el nombre sigue siendo texto arbitrario que distingue a todas las imágenes de una misma galería
  • la variable de iteración es distinta para cada imagen de una misma galería: es un número creciente que parte de 1
  • el sufijo final especifica la calidad de la imagen. Esto es porque la galería normalmente crea imágenes en múltiples resoluciones: al menos una para thumbnails y una en tamaño grande

Este formato de nombre permite crear código que aproveche la marca lógica _loop_artic, como se muestra en el ejemplo de esa marca, generando automáticamente los bloques de código de cada imagen para toda la galería.