Suporte » Gerenciamento de conteúdo » Portfolio com css sprites

  • rneigenfind

    (@rneigenfind)


    Em suma, em queria usar “css sprites” com Portfólio que eu já uso no meu site.

    Em Detalhes…
    Temos muitos clientes, graças a Deus.
    E a nossa página de clientes tem muitos logos deles. Pra ser exato 125
    Então eu queria reduzir, e achei diversas maneiras de se usar “css sprites”.
    Especificamente isto ficou claro pra mim.
    O problema é que na hora se usar sempre tem que ser um codigo HTML.
    E como quero manter o Portfólio do Elementor que uso em minha página, não funciona, porque eu não posso incluir HTML, só figuras da Galeria.
    Ou será que tem algum jeito?
    De antemão, obrigado pessoal.

    A página que eu preciso de ajuda: [fazer login para ver o link]

Visualizando 3 respostas - 1 até 3 (de um total de 3)
  • saudações,

    você usa o Elementor gratuito ou o Pro?
    qual o widget do Elementor está usando para incluir as logos?

    Criador do tópico rneigenfind

    (@rneigenfind)

    Ralden,
    Obrigado por sua pronta resposta.
    Vamos lá

    A. Elementor Versão 2.9.7 e Elementor Pro Versão 2.9.2

    B. Widget? na verdade são 3. Por ordem de importância.

    1. Image Box Widget – https://docs.elementor.com/article/90-image-box?utm_source=widget-help&utm_medium=wp-dash&utm_campaign=learn

    2. Image Carousel Widget -https://docs.elementor.com/article/52-image-carousel?utm_source=widget-help&utm_medium=wp-dash&utm_campaign=learn

    3. JetElements Portfolio widget – https://crocoblock.com/knowledge-base/articles/how-to-showcase-a-categorized-portfolio-using-jetelements-portfolio-widget/?utm_source=jetelements&utm_medium=jet-portfolio&utm_campaign=need-help

    Obrigaduuu!

    como usa o Elementor Pro, ele permite as Tags Dinâmicas. inclusive na página do JetElements Portfolio Widget, você pode ver o símbolo acima da imagem, ao lado direito, um símbolo que parece um banco de dados,

    Link Text field

    por vezes, as tags dinâmicas já permitem opções que te permitem fazer esse ajuste.

    mas a solução que costumo usar é ir em Modelos e lá criaria um modelo para cada logo. eu indicaria usar o tipo de modelo Seção. então você cria uma Seção para uma logo. dentro do editor do Elementor, você usa o widget HTML e insere seu código para css sprites. então salva.

    ao voltar para Modelos, irá aparece a Seção que criou para a logo, sendo que do lado direito irá aparecer um shortcode. você copia esse shortcode e coloca na página.

    claro que aqui você precisa deixar de usar o Carousel de imagem e usaria o Slides. pois no slides permite texto e ao colocar o shortcode do modelo, será carregado a logo que criou, com seu HTML.

    ou seja, com os Widgets que está usando no momento, realmente não tem como. precisa usar as mesmas funções, mas em suas versões para texto. ai poderá inserir o shortcode e terá a logo que deseja.

    já usei os JetElements, são visualmente ótimos, mas deixei por questões de performance. mas assim como o widgets do Elementor Pro, eles carregam os shortcodes dos Modelos. então minha indicação seria utilizar widgets que proporcionem o mesmo efeito visual, mas com texto. e ai ao invés de usar texto, irá inserir os shortcodes e terá as logo com os css sprites.

    espero ter conseguido explicar, é algo bem técnico do Elementor. boa sorte! [gassho]

Visualizando 3 respostas - 1 até 3 (de um total de 3)
  • O tópico ‘Portfolio com css sprites’ está fechado para novas respostas.