Cómo personalizar la visualización de los archivos de WordPress en su barra lateral

Recientemente, estábamos trabajando en el diseño del sitio de un cliente que nos exigía mostrar los archivos mensuales organizados por año en la barra lateral. Probablemente fue muy fácil para su diseñador burlarse de Photoshop, pero fue un poco complicado de lograr en WordPress. Vea la imagen de abajo:

Ahora probablemente se estará preguntando por qué fue difícil ingresar a WordPress cuando wp_get_archives () enumera los archivos mensualmente con el año que se encuentra al lado. Bueno, eso es porque este cliente solo quería mostrar el año una vez que queda. No hay una manera real de personalizar el estilo de la función wp_get_archives ().

Buscamos soluciones en la web y no encontramos nada. Este problema tiene que ser realmente raro, sin embargo, encontramos que Andrew Appleton tenía un problema similar y tenía una solución para ello. Utilizamos sus códigos con un poco de modificación..

El código de Andrew no tenía un parámetro límite para los archivos. Entonces, usar sus códigos significaría que mostrarás todos los archivos al mes. Imagínate eso para un blog que tiene 5 años. Así que agregamos un parámetro límite que nos permitió limitar la cantidad de meses mostrados a 18 en un momento dado.

Básicamente, lo que debe hacer es pegar el siguiente código en su tema barra lateral.php archivo o cualquier otro archivo en el que desee mostrar archivos personalizados de WordPress:

 get_results ("SELECT DISTINCT MONTH (post_date) AS month, YEAR (post_date) AS year, COUNT (id) como post_count FROM $ wpdb-> posts WHERE post_status = 'publish' y post_date year; if ($ year_current! = $ year_purr) if ($ year_prev! = null) ?>  
/ "> año;?>
  
/ mes, 1, $ mes-> año))?> "> mes, 1, $ mes-> año))?>
 = 18) descanso;  endforeach; ?> 

Nota: Si desea cambiar la cantidad de meses mostrados, entonces necesita cambiar la línea 19 donde el valor límite actual de $ se establece en 18.

Nuestro CSS se parecía un poco a esto:

 .widget-archive relleno: 0 0 40px 0; flotador izquierdo; ancho: 235px; .widget-archive ul margen: 0; .widget-archive li margen: 0; padding: 0; .widget-archive li a border-left: 1px solid # d6d7d7; relleno: 5px 0 3px 10px; margen: 0 0 0 55px; pantalla: bloque; li.archive-year float: left; Familia tipográfica: Helvetica, Arial, san-serif; relleno: 5px 0 3px 10px; color: # ed1a1c; li.archive-year a color: # ed1a1c; margen: 0; frontera: 0px; relleno: 0; 

Entonces, al hacerlo de esta manera, tuvimos el resultado final para tener este aspecto:

Ahora, si desea mostrar el número de publicaciones en cada mes, entonces deberá agregar este bit de código en cualquier lugar entre la línea 12 - 16 del código anterior:

recuento de entradas; ?>

Un ejemplo de lo que puede hacer con el conteo de publicaciones y todo se puede ver en la siguiente imagen:

La foto de arriba fue tomada del sitio de Andrew Appleton porque esa fue la solución que surgió de la cual derivamos nuestro estilo. Si desea ver el css para sus estilos, simplemente haga clic en el enlace de su sitio web arriba.

¿Sabes de una manera más fácil de lograr esto? ¿Estará personalizando la visualización de sus archivos de WordPress en el próximo diseño? Por favor comparta sus pensamientos en el cuadro de comentarios a continuación.