Marketing

Cómo personalizar cómo se muestran los archivos de WordPress en su barra lateral

¿Necesita personalizar cómo se muestran sus archivos de WordPress en la barra lateral?

El widget de archivo predeterminado de WordPress ofrece opciones de personalización limitadas. Tal vez desee que sus archivos de publicaciones ocupen menos espacio, muestren más información o tengan una apariencia más atractiva.

En este artículo, le mostraremos cómo personalizar cómo se muestran los archivos de WordPress en su barra lateral.

¿Por qué personalizar cómo se muestran los archivos de WordPress en su barra lateral?

Su sitio web de WordPress tiene un widget de archivo que le permite mostrar enlaces de archivo de publicaciones mensuales en una barra lateral.

El widget tiene dos opciones de personalización: puede mostrar la lista de archivos como un menú desplegable y puede mostrar los recuentos de publicaciones de cada mes.

El widget de archivo predeterminado de WordPress

Sin embargo, es posible que desee mostrar su lista de archivos de la barra lateral de manera diferente, por ejemplo, a medida que su sitio crece, la lista predeterminada se vuelve demasiado larga o desea que la navegación sea más fácil para sus visitantes.

Veamos algunas formas de personalizar cómo se muestran los archivos de WordPress en la barra lateral:

Crear archivos compactos

Si su lista de archivos ha crecido demasiado, puede crear un archivo compacto que muestre sus publicaciones usando mucho menos espacio.

Necesitas instalarlo y activarlo. Archivo compacto Complemento desarrollado y mantenido por el equipo de WPBeginner. Consulte nuestra guía paso a paso para instalar un complemento de WordPress para obtener más detalles.

Una vez habilitado, puede agregar los archivos compactos a una publicación, página o widget utilizando el bloque Archivos compactos de AprenderWP.

El complemento de archivos compactos

La lista compacta de archivos ahorra espacio vertical porque es un poco más ancha, lo que significa que encaja mejor en un pie de página o en una página de archivo que en una barra lateral.

Sin embargo, el complemento es bastante configurable y puede limitarlo mostrando solo la primera letra o un número para cada mes.Puede obtener más información en nuestra guía sobre cómo crear archivos compactos en WordPress.

Ver archivos en un esquema plegable

Otra forma de lidiar con largas listas de archivos es mostrar un desglose plegable de los años y meses en los que publicó publicaciones de blog.

Para hacer esto, necesita instalarlo y activarlo. Colapsar archivos complementos Después de la activación, debe visitar Apariencia » Widgets Página y agregue el widget Archivos compactos a su barra lateral.

El complemento de archivos colapsados

El widget de colapso de archivos utiliza JavaScript para colapsar su archivo por año. Sus usuarios pueden hacer clic en los años para expandirlos y ver los archivos mensuales. Incluso puede hacer que los archivos mensuales sean plegables y permitir que los usuarios vean los títulos de las publicaciones debajo.

Puede obtener más información consultando el Método 1 en nuestra guía sobre cómo limitar la cantidad de meses de archivo que se muestran en WordPress.

Así es como se ve en nuestro sitio web de demostración.

Vista previa de un archivo colapsado

Limitar el número de meses de archivo que se muestran

Una tercera forma de evitar que su lista de archivos se alargue demasiado es limitar la cantidad de meses que se muestran, por ejemplo, a los últimos seis meses.

Para hacer esto, deberá agregar código a sus archivos de temas de WordPress. Si aún no lo ha hecho, consulte nuestra guía sobre cómo copiar y pegar código en WordPress.

El primer paso es agregar el siguiente fragmento de código a su archivo functions.php en un complemento específico del sitio o usando un complemento de fragmentos de código.

// Function to get archives list with limited months
function wpb_limit_archives() { 
 
$my_archives = wp_get_archives(array(
    'type'=>'monthly', 
    'limit'=>6,
    'echo'=>0
));
     
return $my_archives; 
 
} 
 
// Create a shortcode
add_shortcode('wpb_custom_archives', 'wpb_limit_archives'); 
 
// Enable shortcode execution in text widget
add_filter('widget_text', 'do_shortcode'); 

Puede cambiar la cantidad de meses que se muestran editando el número en la fila 6. Por ejemplo, si cambia el número a «12», se mostrarán 12 meses de archivo.

Puedes irte ahora Apariencia » Widgets Página y agregue un widget «HTML personalizado» a su barra lateral. Después de eso, debe pegar el siguiente código en el cuadro del widget:

    [wpb_custom_archives]
Agregar shortcode a un widget HTML personalizado

Una vez que haga clic en el botón Actualizar, su barra lateral solo mostrará seis meses de archivo.

Consulte el Método 3 en nuestra guía para limitar la cantidad de meses de archivo que se muestran en WordPress para obtener más detalles.

Lista de archivos diarios, semanales, mensuales o anuales

Si desea tener más control sobre cómo se enumeran sus archivos, este es el archivo anual El complemento ayuda con esto, con el que puede enumerar sus archivos diariamente, semanalmente, mensualmente, anualmente o alfabéticamente y agrupar las listas por décadas.

Comience instalando y activando el complemento Archivo anual Apariencia » Widgets Pagina y arrastra el widget Archivo del año a tu barra lateral.

El complemento de archivo anual

Puede darle un título al widget y luego elegir mostrar una lista de días, semanas, meses, años, décadas o publicaciones. Puede desplazarse hacia abajo a otras opciones para limitar la cantidad de archivos que se ven, seleccionar una opción de clasificación y agregar texto adicional.

si navegas Ajustes » Archivo anualluego puede personalizar aún más la lista de archivos con CSS personalizado.

Ver archivos mensuales organizados por año

Una vez estábamos trabajando en el diseño del sitio web de un cliente que necesitaba archivos mensuales ordenados por año en la barra lateral, lo cual era difícil de codificar porque este cliente solo quería mostrar el año una vez a la izquierda.

Ver archivos mensuales organizados por año

Podríamos cambiar algo de código usando andres appleton. El código de Andrew no tenía un parámetro de límite en los archivos, por lo que la lista mostraría todos los meses de archivo. Agregamos un parámetro de límite que nos permitió mostrar solo 18 meses en un momento dado.

Lo que tienes que hacer es pegar el siguiente código en tu tema sidebar.php Archivo o cualquier otro archivo en el que desee mostrar los 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->year;
    if ($year_current != $year_prev){
        if ($year_prev != null){?>
         
        
     
    
  • /year; ?>/">year; ?>
  • /year; ?>/month, 1, $month->year)) ?>">month, 1, $month->year)) ?>
  • = 18) { break; } endforeach; ?>

    Si desea cambiar la cantidad de meses que se muestran, debe editar la línea 19 donde el valor límite actual de $ se establece en 18.

    También puede mostrar la cantidad de publicaciones en cada mes pegando este código en cualquier lugar entre las líneas 12-16 del código anterior:

    post_count; ?>
    

    Debe usar CSS personalizado para mostrar la lista de archivos correctamente en su sitio web. El CSS que usamos en el sitio web de nuestro cliente se veía así:

    .widget-archive{padding: 0 0 40px 0; float: left; width: 235px;}
    .widget-archive ul {margin: 0;}
    .widget-archive li {margin: 0; padding: 0;}
    .widget-archive li a{ border-left: 1px solid #d6d7d7; padding: 5px 0 3px 10px; margin: 0 0 0 55px; display: block;}
    li.archive-year{float: left; font-family: Helvetica, Arial, san-serif; padding: 5px 0 3px 10px; color:#ed1a1c;}
    li.archive-year a{color:#ed1a1c; margin: 0; border: 0px; padding: 0;}
    

    Esperamos que este tutorial lo haya ayudado a personalizar cómo se muestran los archivos de WordPress en su barra lateral. También es posible que desee aprender a instalar Google Analytics en WordPress, o consulte nuestra lista de formas comprobadas de uso WordPress para ganar dinero.

    Si te ha gustado este artículo, suscríbete al nuestro. canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Closermarketing.es y Facebook.

    .

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada.