Pular para o conteúdo principal

picture_per_screen()

Função auxiliar que exibe uma imagem responsiva do artigo atual, utilizando versões diferentes da imagem conforme a largura da tela. Deve ser utilizada dentro do loop padrão de artigos.

Parâmetros:
$change_alt string Texto alternativo personalizado para a imagem. Quando não informado, utiliza o título do artigo atual.

Retorno: void

Observações:
A função utiliza três versões da imagem do artigo: minor, larger e wide. Se alguma dessas versões não estiver disponível, nenhuma imagem será exibida.

Exemplo de uso:
picture_per_screen();

picture_per_screen('Descrição personalizada da imagem');
Exemplo de saída:
<picture>
    <source media="(min-width: 1366px)" srcset="https://example.com/uploads/article-79-wide.jpg" />
    <source media="(min-width: 768px)" srcset="https://example.com/uploads/article-79-larger.jpg" />
    <img src="https://example.com/uploads/article-79-minor.jpg" alt="Título do artigo" width="800" height="450" />
</picture>

Setor: FunctionsLoopsImages