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

El widget de archivos predeterminado de WordPress ofrece una personalización limitada. Es posible que le guste que sus archivos de publicaciones usen menos espacio, muestren más información o tengan una apariencia más atractiva.

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

¿Por qué personalizar la visualización de los archivos de WordPress en su barra lateral?

Su sitio web de WordPress viene con un widget de archivos que le permite mostrar enlaces de archivos 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 archivos de WordPress predeterminado

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 puede volverse demasiado larga, o es posible que desee facilitar la navegación de sus visitantes.

Veamos algunas formas de personalizar la visualización de los archivos de WordPress en su barra lateral:

Creación de archivos compactos

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

Deberá instalar y activar el Archivos compactos plugin que es desarrollado y mantenido por el equipo de . Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un WordPress plugin.

Tras la activación, puede agregar los archivos compactos a una publicación, página o widget usando el bloque ‘Archivos compactos de ‘.

El complemento de archivos compactos

La lista de archivos compactos ahorra espacio vertical al ser un poco más ancha. Eso significa que puede encajar mejor en un pie de página o en una página de archivos que en una barra lateral.

sin embargo, el plugin es bastante configurable y puede reducirlo mostrando solo la primera inicial 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.

Visualización de archivos en un esquema colapsable

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

Para hacer esto, necesita instalar y activar el Colapsar archivos plugin. Tras 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

Limitación del número de meses de archivo que se muestran

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

Para hacerlo, deberá agregar código a los archivos de su tema de WordPress. Si no lo ha hecho antes, 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 sitio específico plugino usando fragmentos de código plugin.

// 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 el número de meses que se muestran editando el número en la línea 6. Por ejemplo, si cambia el número a ’12’, se mostrarán 12 meses de archivos.

Ahora puedes ir a 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:

<ul>
[wpb_custom_archives]
</ul>
Agregar código abreviado a un widget HTML personalizado

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

Para obtener más detalles, consulte el Método 3 en nuestra guía sobre cómo limitar la cantidad de meses de archivo que se muestran en WordPress.

Listado de archivos diarios, semanales, mensuales o anuales

Si desea tener más control sobre cómo se enumeran sus archivos, entonces el Archivo Anual plugin ayudará. Le permite enumerar sus archivos diariamente, semanalmente, mensualmente, anualmente o alfabéticamente, y puede agrupar las listas por década.

Comience instalando y activando el Archivo Anual plugin. Después de eso, puedes dirigirte a la Apariencia » Widgets página y arrastre el widget Archivo anual a su barra lateral.

El complemento de archivo anual

Puede darle un título al widget y luego seleccionar si 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 muestran, elegir una opción de clasificación y agregar texto adicional.

Si navegas a Ajustes » Archivo Anualluego puede personalizar aún más la lista de archivos usando CSS personalizado.

Visualización de archivos mensuales ordenados por año

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

Visualización de archivos mensuales ordenados por año

Pudimos modificar algo de código por andres appleton. El código de Andrew no tenía un parámetro de límite para 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 archivos personalizados de WordPress:

<?php
global $wpdb;
$limit = 0;
$year_prev = null;
$months = $wpdb->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){?>
         
        <?php } ?>
     
    <li class="archive-year"><a href="<?php bloginfo('url') ?>/<?php echo $month->year; ?>/"><?php echo $month->year; ?></a></li>
     
    <?php } ?>
    <li><a href="<?php bloginfo('url') ?>/<?php echo $month->year; ?>/<?php echo date("m", mktime(0, 0, 0, $month->month, 1, $month->year)) ?>"><span class="archive-month"><?php echo date_i18n("F", mktime(0, 0, 0, $month->month, 1, $month->year)) ?></span></a></li>
<?php $year_prev = $year_current;
 
if(++$limit >= 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 el recuento de publicaciones en cada mes agregando este código en cualquier lugar entre las líneas 12 a 16 del código anterior:

<?php echo $month->post_count; ?>

Deberá 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 le haya ayudado a aprender a personalizar la visualización de los archivos de WordPress en su barra lateral. También puede aprender a instalar Google Analytics en WordPress, o consultar nuestra lista de formas comprobadas de ganar dinero escribiendo blogs con WordPress.

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

Cómo personalizar la visualización de los archivos de WordPress en su barra lateral apareció por primera vez en AprenderWP.

Fuente: tongasoft

Deja una respuesta

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