Como Criar LAYOUTS PERSONALIZADOS para Cards de Posts com Elementor Custom Skin (Passo a Passo)

Aprenda nesse tutorial Elementor Como Criar LAYOUTS PERSONALIZADOS para Cards de Posts com Elementor Custom Skin (Passo a Passo). Ensinei como Criar Cards com Layout Customizados para Posts. Por Padrão o Elementor Pro só disponibiliza 2 tipos de layouts de cards de post. Quem deseja criar o card do seu gosto, com um layout totalmente personalizado, vai ter que usar o plugin Elementor Custom Skin. Nesse vídeo eu ensinei como criar dois tipos de cards customizados para posts com o Elementor Custom Skin Loop junto com o Elementor Pro.

🔻Links citados ou que você pode gostar também🔻:

🔻PlayLists:🔻

Quem trabalha desenvolvendo sites com o WordPress, Woocoomerce e com o Elementor, pode se deparar com demandas por layouts personalizados que o Elementor Pro por si só não possibilita criar exatamente com o design que o cliente deseja. Isso é bastante comum em Agências de Sites e/ou Marketing que possuem Designers Gráficos ou UX-Designers para criar os Layouts dos sites antes que eles sejam criados na web. Muitos desses profissionais projetam seções e elementos personalizados nos quais o Elementor Page Builder não possibilita criar exatamente com aquele Design de Interface projetado. Para resolver isso, é preciso usar o plugin gratuito Elementor Custom Skin, que possibilita criar templates, visualizações e Cards completamente Personalizados com o Elementor Pro.

👉Se inscreva e ative o sininho das notificações para ver novos vídeos e dicas sobre WordPress, Elementor, Woocommerce, Servidores e de como Viver de Criação de Sites.

📍 Sigam minhas redes sociais

Boa aula!

Com amor,
Micaela Soares – Descomplicando Sites.

#Elementor #CustomSkin #ElementorCustomSkin

[BugueTech]

Sou programador a mais de 6 anos, consigo fazer isso facilmente com PHP, CSS e HTML, porém um cliente atual optou por utilizar elementor e eu não sabia como fazer, seu vídeo ajudou muito, obrigado

[viniciusgazzoli]

vc é fera demais, eu estava procurando por exatamente isso!!!!

[dicasdecomoganhardinheiro]

Muito bom mêsmo seu canal ja até criei minha página do meu info produto com suas dicas 🙏🙏👏

[techgrafic]

Muito bom seu canal me ajudou muito...Na parte do loop 2 questão do resumo fica tudo igual a descrição... Nos comentários tbm tem mais pessoas com o mesmo problema...

[bizudaspromocoes]

Muito bons seus vídeos me ajudou bastante e parabéns pelo trabalho! Você poderia fazer um vídeo sobre algum plugin que adiciona marcas aos produtos e plugin que dá para colocar o cupom visível abaixo do produto para copiar, vai ajudar muitas pessoas inclusive eu.

[VANGLEISCASTROVangleisCastro]

Parabéns pelo conteúdo de primeira, Gabriela.

[cqzdesign]

Amei isso. Melhor que do próprio Elementor

[dannydantas]

Ótima aula. Como criar uma página para cada categoria de posts? e se possível, deixar como se fosse um template de EAD. Obrigada.

[luckaugusto]

Muito bom !!! da para fazer no grid de produtos

[leosilvaaguirre]

Gostei bastante, ficou parecido com os posts do blog da comunidade da Rock Content. Ainda não criei a área de blog do meu site, mas pretendo criar <3

[estudioartedigital]

Essa última dica de adicionar outro post para solucionar o problema do except foi de tirar o chapéu! Não sei o que seria minha vida sem você.

[olie_inked]

Olpa, o meu não fica com o Preview em baixo. COmo faço pra deixar assim tbm?

[LuanGrillo]

Ensina como fazer para classificar posts e fazer as estrelas aparecerem nessa lista de posts!

[izabelalvesmacedomendesiza]

Boa tarde Michaella tudo bem, estou desenvolvendo um site só com as suas explicações. Suas aulas são ótimas. Estou com uma dúvida e você não tem vídeo sobre esse assunto. Gostaria de saber como adicionar um calendário e uma agenda no footer do site, utilizando o Elementor Pro. No mais, só tenho a agradecer.

[charlesfctdb]

Muito Bom, tem como criar nessa pedada que vez no vídeo um estilo layout type "Metro" ?

[novatopnethenrique]

Micaela, faz um vídeo sobre Como colocar resumo automático nos posts, isso resolveo problema do resumo não aparecer no Post Excerpt...

[renatorodriguesaq]

Estava procurando nos comentários alguma solução para a questão do texto repetido, pois do modo como é ensinado no vídeo sempre vai replicar o conteúdo do primeiro post da fila para os demais. Como não achei, fui atrás de uma solução e consegui encontrar.

Se tentar colocar o elemento de Post Excerpt não vai funcionar, pelo menos aqui não trouxe nada como é mostrado no vídeo, então a minha solução foi:

Inserir no lugar onde vai ser colocado o resumo, o Widget POST CONTENT. E na área de CSS ADICIONAL (Custom CSS) desse elemento, colocar o seguite trecho:
selector{overflow: hidden; width:100%; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

Esse trecho de código vai limitar o meu conteúdo a apenas 3 linhas e depois colocará '...', deixando claro que é uma parte do texto.

Espero que ajude quem está atrás dessa solução.

[TeUmaHistoria]

Muito bom video. Mas desta forma consigo mostrar mais de uma categorias por post. Por exemplo. Tenho um Post que esta na categoria Saude e tambem na categoria Alimentos. Consigo mostrar estas duas categorias, pois senão me engano por padrão ele mostra apenas 1 categoria. E caso não tenha teria alguma outra forma de estar mostrar ?

[faelnr]

Top Como Sempre. precisada de editar na post de produtos com wocoomerce é possível?

[CenterFast]

Criei para produtos mas na hora de jogar na minha home ele nao puxa os produtos