Recientemente, estábamos trabajando en el diseño del sitio de un cliente que nos requería mostrar archivos mensuales categorizados por año en la barra lateral. Probablemente fue muy fácil para su diseñador simularlo en Photoshop, pero fue un poco complicado hacerlo en WordPress. Vea la imagen a continuación:
Ahora probablemente se esté preguntando por qué fue difícil traerlo a WordPress cuando wp_get_archives () enumera los archivos mensualmente con el año al lado. Bueno, eso es porque este cliente solo quería mostrar el año una vez. No existe una forma real de personalizar el estilo de la función wp_get_archives (). Buscamos soluciones en la web y no encontramos nada. Este problema debe ser realmente raro, pero descubrimos que Andrew Appleton tenía el mismo problema y tenía una solución. Usamos sus códigos con un poco de modificación. El código de Andrew no tenía límites establecidos para los archivos. Entonces, usar sus códigos significaría que mostrará todos los archivos del mes. Imagínese eso para un blog que tiene 5 años. Así que agregamos una configuración de límite que nos permitió limitar la cantidad de meses mostrados a 18 en un momento dado. Entonces, básicamente, lo que debe hacer es pegar el siguiente código en el archivo sidebar.php de su tema o en cualquier otro archivo donde desee mostrar archivos personalizados de WordPress:
get_results («SELECT DISTINCT MONTH (post_date) AS month, YEAR (post_date) AS year, COUNT (id) as post_count FROM $ wpdb-> posts WHERE post_status =» publish «and post_date <= now( ) and post_type="post" GROUP BY month , year ORDER BY post_date DESC"); foreach($months as $month) : $year_current = $month->año; if ($ year_current! = $ year_prev) {if ($ year_prev! = null) {?>
= 18) {pausa; } endforeach; ?> Nota: Si desea cambiar la cantidad de meses que se muestran, debe cambiar la línea 19 donde el valor límite actual de $ está establecido en 18. Nuestro CSS se ve un poco así: .widget-archive {padding: 0 0 40px 0; flotador izquierdo; ancho: 235px;} .widget-archive ul {margin: 0;} .widget-archive li {margin: 0; padding: 0;} .widget-archive li a {borde izquierdo: 1px sólido # d6d7d7; relleno: 5px 0 3px 10px; margen: 0 0 0 55px; display: block;} li.archive-year {float: left; familia tipográfica: Helvetica, Arial, san-serif; relleno: 5px 0 3px 10px; color: # ed1a1c;} li.archive-year at {color: # ed1a1c; margen: 0; borde: 0px; padding: 0;} Entonces, al hacerlo de esta manera, obtuvimos el resultado final que se veía así:
Ahora, si desea mostrar el número de publicaciones cada mes, debe agregar este fragmento de código en cualquier lugar entre las líneas 12 y 16 del código anterior:
recuento de entradas; ?> Un ejemplo de lo que puedes hacer con la cantidad de publicaciones y todo se puede ver en la siguiente imagen:
La foto de arriba fue tomada del sitio de Andrew Appleton porque esta es la solución que se le ocurrió y de la cual dibujamos nuestro estilo. Si desea ver el CSS de sus estilos, simplemente haga clic en el enlace de su sitio web arriba. ¿Conoce una forma más sencilla de lograr esto? ¿Personalizará la visualización de sus archivos de WordPress en el próximo diseño? Comparta sus pensamientos en el cuadro de comentarios a continuación.
