Efeito de carregamento skeleton (shimmer) com CSS puro para placeholders de conteúdo.
.skeleton {
background: linear-gradient(
90deg,
#e2e8f0 25%,
#f1f5f9 50%,
#e2e8f0 75%
);
background-size: 200% 100%;
animation: shimmer 1.4s infinite linear;
border-radius: 4px;
}
@keyframes shimmer {
from { background-position: 200% 0; }
to { background-position: -200% 0; }
}
/* Uso: */
.skeleton--titulo { height: 24px; width: 60%; }
.skeleton--texto { height: 14px; width: 100%; }
.skeleton--avatar { height: 40px; width: 40px; border-radius: 50%; }Consulta avançada usando WP_Query com relação AND/OR entre múltiplos campos meta.
Limita textos em uma ou múltiplas linhas com reticências usando CSS.
Escala o tamanho das fontes de forma fluida entre dois breakpoints sem media queries.
Implementa suporte a dark mode usando variáveis CSS e a media query prefers-color-scheme.
Forma correta de enfileirar scripts e estilos no WordPress com dependências e versão.