Visão Geral do widget Dynamic Image

O widget Dynamic Image é ativado por padrão como um widget de plug-in JetEngine . Os usuários podem adicionar este widget a páginas únicas, páginas de arquivo e CPTs.

O widget Imagem Dinâmica possui as seguintes configurações: Conteúdo , Estilo e Avançado .

Configurações de conteúdo

As configurações de Conteúdo incluem as seguintes configurações:

• o menu suspenso Fonte , por padrão, mostra a opção Miniatura da postagem usada para a listagem atual;

• a opção Avatar do usuário mostra o gravatar do usuário registrado nas páginas únicas ou na listagem de itens (não o gravatar do administrador); se necessário, use o metacampo personalizado/chave de repetidor para adicionar uma imagem personalizada;
• a opção Opções funciona nas páginas de opções desenvolvidas pelo plugin JetEngine . Após escolher esta opção, os usuários verão o menu suspenso adicional – Opções . A imagem será obtida do metacampo selecionado na lista suspensa Opções (aqui, imagem ).

Leia o tutorial Visão geral completa da página de opções ou assista ao vídeo para criar as páginas de opções.

• Se a listagem for baseada nos Termos associados ao CPT, o menu suspenso Fonte adicionará o nome da taxonomia (aqui, Tipo de propriedade ) para exibir a imagem da taxonomia (miniatura), se carregada.

• A opção Imagem do perfil do usuário mostra a foto do administrador definida por meio do WP Dashboard ;

• Se a listagem foi criada com base nos produtos WooCommerce, o menu suspenso Fonte mostra a imagem em destaque dos produtos.

• Digite o ID do metacampo no campo da área de texto da chave do metacampo/repetidor personalizado . Se usado, o valor do campo prevalecerá sobre o valor da Origem do Link .

• o campo Prefixo do URL da imagem adiciona um prefixo ao URL da imagem. Por exemplo, para os casos em que a fonte contém apenas parte da URL;
• o menu suspenso Tamanho da imagem permite selecionar o tamanho necessário da imagem. (ou seja, Miniatura – 150 x 150, Médio – 300 x 300, Médio Grande – 768 x 0, Grande – 1024 x 1024 e mais);

• o campo Alt da imagem personalizada permite digitar um texto alternativo para a imagem ou retirá-lo dos metacampos usando a Tag Dinâmica ;

• a alternância Lazy Load , se habilitada, otimiza a velocidade de download da imagem;
• a alternância de imagem vinculada , se ativada, torna a imagem clicável. Ativa os seguintes campos e alterna:
  • no menu suspenso Fonte do link para selecionar um link aplicado à imagem. O menu suspenso mostra links permanentes, campos meta associados ao CPT atual (aqui, Propriedades (cópia ) , configurações do usuário, categorias e muito mais;

• Digite o ID do metacampo no campo da área de texto da chave do metacampo/repetidor personalizado . Se utilizado, o valor do campo prevalecerá sobre o valor da Origem do Link ;
• o Prefixo da URL do link é o campo para digitar uma URL mostrada antes da imagem no front end;

• o botão Abrir em nova janela , se habilitado, abre o link da imagem em uma nova janela;
• o menu suspenso Adicionar ao atributo “rel” permite adicionar uma relação entre a imagem vinculada e uma página como Autor, Marcador, Ajuda e muito mais;

• o menu Alinhamento (responsivo) define a imagem em Início, Centro e Fim nos diferentes dispositivos (Desktop, Tablet, Retrato ou Celular);
• o  botão Ocultar se o valor estiver vazio , se ativado, oculta a imagem se ela não estiver preenchida com dados;
• o campo Imagem substituta permite adicionar uma imagem mostrada se o metacampo da postagem não incluir dados. Os usuários podem fazer upload da imagem nos formatos JPG, GIF ou PNG.

O widget Imagem dinâmica pode exibir os contextos personalizados para taxonomias usando o complemento Contextos personalizados para taxonomias para o plug-in JetEngine . O complemento mostra a miniatura da categoria atual ou links em páginas únicas ou itens de listagem em uma única postagem ou item de listagem.  

O complemento adiciona o menu suspenso Contexto para definir a origem da imagem mais especificamente, ou seja, Objeto padrão, Objeto atual, Usuário atual e muito mais.

As configurações de estilo gerenciam parcialmente a aparência do widget de imagem dinâmica ; cubra a largura, altura, borda, cor, raios da imagem e muito mais.

Esta guia inclui configurações que exibem guias referentes aos plug-ins instalados (como JetTricks, JetPopup, JetWooBuilder e mais) para gerenciar:

• Layout (Margem, Preenchimentos, Largura, Posição, Z-Index, CSS ID, Classe CSS);
• JetAdvanced (Usar ordem e usar alternâncias de largura);
• Alternar visibilidade dinâmica;
• JetTricks (efeitos Parallax, Satell, Tooltip);
• JetPopup (menu pop-up anexado, menu Tipo de acionador; pop-up Jet Engine Listing, JetWooBuilder Quick View, alternadores JetWooBuilder Purchase Popup);
• Efeitos de movimento, transformação, plano de fundo, responsivo (desktop, tablet, celular), atributos e CSS personalizado.