Veo que muchos desarrolladores de temas de WordPress hacen esto y sé que lo he hecho mucho en el pasado … nos olvidamos de incluir TODOS los estilos para las clases principales de WordPress, como alineaciones de imágenes, subtítulos y widgets. Es por eso que lo agregué a mi Lista de verificación de desarrollo de temas de WordPress. La mayoría de estas clases son bastante fáciles de personalizar y ya he creado un CSS estándar que uso y personalizo para cualquier tema en el que trabajo, hoy decidí compartir un estilo muy simple para tu widget de Calendario de WordPress, que puedes copiar y pegar. en el archivo style.css de su tema para darle este aspecto minimalista.
Widget de calendario CSS
A continuación se muestra el CSS necesario para darle a su widget de calendario este aspecto mínimo. Nota: La sombra alrededor del calendario es solo para la imagen de la publicación.
/* 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 de widget de calendario (cómo debería verse)
Una vez que haya agregado el CSS anterior a su tema de WordPress, el widget de calendario debería verse como la siguiente imagen. Si no es así, es posible que su tema ya tenga algunos estilos integrados para las tablas o el widget en sí, que está anulando su CSS recién agregado. Por supuesto, este es un widget de estilo muy simple, pero siempre es más fácil comenzar con un estilo simple e ir desde allí. Además, ¿quién usa el widget Calendario en estos días?
¿Usas el widget de calendario? Tengo curiosidad por saberlo, hágamelo saber en los comentarios a continuación. Personalmente, nunca he usado el widget, pero como desarrollador es importante darle estilo en caso de que alguien que use tu tema quiera usarlo.