M谩s

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

    - Advertisement -

    驴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 desarrollado y mantenido por el equipo de AprenderWP. Para obtener m谩s detalles, consulte nuestra gu铆a paso a paso sobre c贸mo instalar un complemento de WordPress.

    Tras la activaci贸n, puede agregar los archivos compactos a una publicaci贸n, p谩gina o widget usando el bloque 鈥楢rchivos compactos de WPBeginner鈥.

    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 complemento 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 enchufar. Tras la activaci贸n, debe visitar Apariencia 禄 Widgets p谩gina y agregue el widget 鈥楢rchivos 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 colapsadoLimitaci贸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 complemento espec铆fico del sitio o mediante el uso de 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 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 鈥楬TML 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 鈥楢ctualizar鈥, 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 el complemento 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 complemento Archivo anual. 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 Gorjeo y Facebook.

    Populares

    M谩s de esta categor铆a

    DEJA UNA RESPUESTA

    Por favor ingrese su comentario!
    Por favor ingrese su nombre aqu铆

    Este sitio usa Akismet para reducir el spam. Aprende c贸mo se procesan los datos de tus comentarios.