fbpx

Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Siga a FULL.

1-Estilo CSS para o widget de calendário do WordPress

Você está em:

Estilo CSS para o widget de calendário do WordPress

Eu vejo muitos desenvolvedores de temas do WordPress fazendo isso e sei que já fiz muito isso no passado… esquecemos de incluir TODOS os estilos para as classes centrais do WordPress, como alinhamentos de imagens, legendas e widgets. É por isso que eu o adicionei ao meu WordPress Theme Development Checklist . A maioria dessas classes são bem fáceis de customizar e eu já criei um CSS padrão que eu uso e customizo para qualquer tema que eu trabalho, hoje eu decidi compartilhar um estilo bem simples para o seu widget de calendário do WordPress, que você pode copiar e colar no arquivo style.css do seu tema para dar uma aparência minimalista.

CSS do widget de calendário

Abaixo está o CSS necessário para dar ao seu widget de calendário essa aparência mínima. Nota : A sombra ao redor do calendário é apenas para a imagem do post.

/* calendar widget */

.widget_calendar {float: left;}

#wp-calendar {width: 100%; }

#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }

#wp-calendar thead { font-size: 10px; }

#wp-calendar thead th { padding-bottom: 10px; }

#wp-calendar tbody { color: #aaa; }

#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}

#wp-calendar tbody td:hover { background: #fff; }

#wp-calendar tbody .pad { background: none; }

#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }

#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

Estilo do widget de calendário (como deve ser)

Depois de adicionar o CSS acima ao seu tema WordPress, o widget de calendário deve se parecer com a imagem a seguir. Caso contrário, é possível que seu tema já tenha alguns estilos embutidos para tabelas ou o próprio widget que está substituindo seu CSS recém-adicionado. Claro que este é um widget de estilo muito simples, mas é sempre mais fácil começar com um estilo simples e partir daí. Além disso, quem ainda usa o widget Calendário hoje em dia?

Estilo do widget de calendário do WordPress

Você usa o widget de calendário? Estou curioso para saber, por favor, deixe-me saber nos comentários abaixo. Pessoalmente, nunca usei o widget, mas como desenvolvedor é importante estilizá-lo caso alguém que use seu tema queira usá-lo.

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

Meu carrinho
🎁 Faltam R$300,00 para liberar o Cupom Secreto
Seu carrinho está vazio.

Parece que você não adicionou nada ao seu carrinho =(