Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

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

Cada pieza de contenido que publicas merece una oportunidad de ser descubierta, incluso meses o años después. Pero si tus archivos de WordPress son solo una lista básica escondida en tu barra lateral, estás dificultando que los visitantes encuentren y disfruten tus publicaciones antiguas.

Tus archivos pueden ser mucho más que una simple lista cronológica.

Pueden guiar a los lectores hacia temas que les importan, mostrar tu contenido más popular e incluso animar a las personas a pasar más tiempo explorando tu sitio.

Sabemos esto por experiencia porque tenemos una página de archivos dedicada en WPBeginner. Hemos visto de primera mano cómo un archivo puede marcar una diferencia real en el descubrimiento de contenido.

¿Listo para darle una mejora a tus archivos? Te mostraremos cómo personalizar la visualización de tus archivos de WordPress con técnicas sencillas que no requieren ninguna habilidad técnica.

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 tu barra lateral?

Los archivos de WordPress organizan automáticamente tus publicaciones por fecha, lo que facilita a los visitantes encontrar contenido antiguo.

Muchos propietarios de sitios agregan una barra lateral a su sitio de WordPress e incluyen un widget de archivos en esta área para un acceso rápido a las publicaciones pasadas.

Sin embargo, la visualización predeterminada de los archivos en tu barra lateral a menudo puede ser demasiado larga y poco amigable para el usuario, especialmente para sitios con contenido extenso. Una lista básica de meses y años puede volverse rápidamente abrumadora y poco atractiva para los usuarios.

Al personalizar los archivos de tu barra lateral en tu sitio de WordPress, puedes evitar que la lista de archivos se vuelva demasiado larga e intimidante.

Una sección de archivo bien diseñada también puede mejorar la experiencia del usuario, animando a los visitantes a explorar más de tu contenido.

Teniendo esto en cuenta, veamos cómo puedes personalizar la visualización de los archivos de WordPress en tu barra lateral:

Opción 1: Personalizar el bloque de archivos predeterminado (sin plugin)

El bloque o widget de archivos predeterminado de WordPress en realidad viene con opciones para personalizar cómo se ven los archivos.

Si usas un tema clásico, puedes ver estas configuraciones yendo a Apariencia » Widgets para abrir el editor de widgets basado en bloques.

Luego, haz clic en el botón '+' para agregar el bloque 'Archivos' en la barra lateral en WordPress.

Añadir el bloque de Archivos a la barra lateral

En el panel de configuración de bloques de la derecha, verás opciones para mostrar los archivos como un menú desplegable, mostrar la etiqueta de archivos y mostrar el número de publicaciones publicadas en cada período.

También puedes tener los archivos mostrados por año, mes, semana o día.

Configurar los ajustes del bloque de Archivos en la barra lateral

Una vez que estés satisfecho con cómo se ven los archivos en tu blog de WordPress, puedes hacer clic en 'Actualizar'.

Así es como se ven los archivos predeterminados de WordPress en la barra lateral de tu blog cuando los personalizas:

Un ejemplo del bloque de Archivos en el front-end

Si usas un tema de bloques, entonces puedes usar el mismo bloque de 'Archivos' y agregarlo a la plantilla que tenga una barra lateral en el editor de sitio completo. La configuración es exactamente la misma.

Puedes leer nuestra guía completa sobre la edición completa del sitio en WordPress para obtener más información.

Estas configuraciones predeterminadas pueden ser buenas para un blog básico. Sin embargo, no son suficientes si tienes mucho contenido que administrar o si deseas más opciones de personalización.

Si buscas más formas de personalizar la visualización de los archivos, sigue leyendo.

Opción 2: Crear una visualización compacta de archivos

Si tu lista de archivos se ha vuelto demasiado larga, puedes crear un archivo compacto que muestre tus publicaciones ocupando mucho menos espacio.

Necesitarás instalar y activar el plugin Compact Archives. Desarrollamos este plugin nosotros mismos y ha funcionado bien para más de 2,000 usuarios.

Para obtener más instrucciones de instalación, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez que el plugin esté activo, puedes agregar los archivos compactos a la barra lateral de tu tema usando el bloque 'Archivos Compactos de WPBeginner'. Este bloque está disponible tanto en el editor de widgets basado en bloques como en el editor de sitio completo.

Añadir el bloque de Archivos Compactos en la barra lateral

Luego puedes cambiar la apariencia de los archivos compactos.

Por ejemplo, podrías elegir mostrar las primeras iniciales del mes, la primera letra del mes o el número del mes.

Configurar los ajustes de Archivos Compactos en WordPress

Una vez hecho esto, simplemente haz clic en 'Actualizar' o 'Guardar'.

Para más detalles sobre el plugin, consulta nuestra guía sobre cómo crear archivos compactos en WordPress.

Vista previa de archivos compactos en la barra lateral

Opción 3: Mostrar archivos en un menú desplegable

Otra forma de lidiar con listas de archivos largas es mostrar un esquema colapsable de los años y meses en los que publicaste entradas de blog.

Para hacer esto, necesitas instalar y activar el plugin Collapsing Archives.

Una vez que el plugin esté activo, necesitas visitar la página Apariencia » Widgets y agregar el widget 'Archivos Colapsables' a tu barra lateral.

Añadir el bloque de Archivos Colapsables en la barra lateral

En la barra lateral de configuración del bloque, puedes elegir mostrar el número de publicaciones publicadas en el año o mes, expandir automáticamente los menús colapsables, cambiar los íconos de los menús colapsables y más.

Puedes aprender más consultando el Método 1 en nuestra guía sobre cómo limitar el número de meses de archivo mostrados en WordPress.

Configurar el bloque de Archivos Colapsables en WordPress

Una vez que estés satisfecho con cómo se muestran los archivos, haz clic en 'Actualizar' o 'Guardar'.

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

Vista previa de un Archivo Colapsable

Opción 4: Limitar el número de meses de archivo mostrados

Quizás te guste el aspecto de los archivos predeterminados de WordPress. Pero si tienes mucho contenido, mostrar cada mes o año puede hacer que tu barra lateral sea demasiado larga. Puedes solucionar esto limitando el número de meses que aparecen en tu lista de archivos.

Para hacer eso, tendrás que agregar código personalizado a los archivos de tu tema de WordPress.

Si no has hecho esto antes, puede parecer intimidante. Pero no te preocupes, ya que puedes usar WPCode para hacerlo de forma segura.

WPCode es un plugin de fragmentos de código que facilita la adición y gestión de fragmentos de código personalizados en WordPress.

Lo hemos probado a fondo y nos pareció excelente para mantener la organización: puedes ver claramente qué fragmentos has agregado y desactivar rápidamente cualquier código que no funcione, todo sin editar los archivos de tu tema.

Para más información sobre nuestra experiencia, consulta nuestra reseña de WPCode.

Primero, instalemos WPCode en el panel de administración de WordPress. Puedes consultar nuestra guía paso a paso sobre cómo instalar un plugin de WordPress si necesitas alguna guía.

Nota: Puedes usar la versión gratuita de WPCode para este tutorial. Dicho esto, la versión premium viene con muchas ventajas, como un generador de código IA para ayudarte a crear fragmentos de código personalizados sin conocimientos técnicos.

Luego, ve a Fragmentos de código » + Agregar fragmento. Selecciona ‘Agregar tu código personalizado (Nuevo fragmento)’ y haz clic en el botón ‘+ Agregar código personalizado’.

Agregar un nuevo fragmento de código personalizado en WPCode

Ahora, ponle un nombre a tu nuevo fragmento de código. Puede ser algo simple como ‘Limitar meses de archivo mostrados’.

Luego, asegúrate de seleccionar ‘Fragmento de PHP’ para el ‘Tipo de código’.

Añadir un nuevo fragmento de código para limitar el número de meses de archivo con WPCode

Adelante, pega el siguiente fragmento de código a continuación en el cuadro de vista previa del código:

// Function to get archives list with limited months
function wpb_limit_archives() { 
  $archive_title = '<h3>Archives</h3>';
  $my_archives = $archive_title . 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');

La parte que dice 'limit'=>6 controla el número de meses que se muestran. Puedes cambiarlo a cualquier número si lo prefieres.

Ahora, desplázate hacia abajo hasta la sección Inserción y asegúrate de que el método de inserción sea ‘Inserción automática’. También, selecciona ‘Solo frontend’ para la Ubicación.

Después de hacer eso, simplemente haz clic en el interruptor en la parte superior para que el código esté ‘Activo’ y presiona el botón ‘Guardar fragmento’.

Eligiendo Solo frontend como ubicación de inserción del código en WPCode

Una vez hecho, ve a tu editor de widgets basado en bloques o editor de sitio completo.

Luego, haz clic en el botón ‘+’ y selecciona el bloque ‘Shortcode’.

Añadir un bloque de shortcode en WordPress

Después de eso, deberías pegar el siguiente shortcode en el bloque:

[wpb_custom_archives]

Una vez que hagas clic en el botón ‘Actualizar’ o ‘Guardar’, tu barra lateral mostrará solo 6 meses de archivos.

Pegar el shortcode para limitar el número de meses de archivo en WordPress

Para más detalles, consulta el Método 3 en nuestra guía sobre cómo limitar el número de meses de archivo mostrados en WordPress.

Así se ve nuestra sección de archivos después de reemplazar el bloque de Archivos predeterminado con el shortcode:

Ejemplo de limitación de la sección de archivos usando un shortcode

Opción 5: Mostrar menús desplegables de archivos mensuales y anuales

A veces, los visitantes podrían no saber exactamente cuándo se actualizó o publicó una publicación. Para ayudarles, puedes crear dos menús desplegables en tu sección de archivos: uno para años y otro para meses.

Este elemento de diseño de WordPress puede facilitar que los usuarios encuentren contenido antiguo sin tener que desplazarse por una larga lista.

Usaremos un fragmento de código personalizado y WPCode para esto. Como antes, asegúrate de instalar WPCode primero en tu administrador de WordPress.

Luego, ve a Fragmentos de código » + Agregar fragmento. Elige ‘Agregar tu código personalizado (Fragmento nuevo)’ y haz clic en el botón ‘+ Agregar código personalizado’.

Ahora, dale un nombre a tu nuevo fragmento de código personalizado. Puede ser algo simple como ‘Menús desplegables de archivo mensual y anual’.

Además, selecciona ‘Fragmento de PHP’ para el ‘Tipo de código’.

Crear un nuevo código personalizado para menús desplegables de archivos mensuales y anuales en WPCode

En el cuadro de vista previa del código, simplemente inserta el siguiente fragmento de código:

function custom_archive_dropdown_shortcode() {
    // Get months array
    global $wpdb, $wp_locale;
    $months = $wpdb->get_results(
        "SELECT DISTINCT YEAR(post_date) AS year, MONTH(post_date) AS month
        FROM $wpdb->posts
        WHERE post_type = 'post' AND post_status = 'publish'
        ORDER BY post_date DESC"
    );
    $output = '<h3>Archives</h3>'; // Added 'Archives' title in H3
    $month_dropdown = '<select id="archive-month" name="archive-month" onchange="document.location.href=this.options[this.selectedIndex].value;">';
    $month_dropdown .= '<option value="">Select Month</option>';
    foreach ( $months as $month ) {
        $month_name = $wp_locale->get_month($month->month);
        $year_month = sprintf('%d-%02d', $month->year, $month->month);
        $month_dropdown .= sprintf(
            '<option value="%s">%s %d</option>',
            esc_url(home_url('/' . $month->year . '/' . $month->month . '/')),
            $month_name,
            $month->year
        );
    }
    $month_dropdown .= '</select>';
    // Get years array
    $years = $wpdb->get_results(
        "SELECT DISTINCT YEAR(post_date) AS year
        FROM $wpdb->posts
        WHERE post_type = 'post' AND post_status = 'publish'
        ORDER BY post_date DESC"
    );
    $year_dropdown = '<select id="archive-year" name="archive-year" onchange="document.location.href=this.options[this.selectedIndex].value;">';
    $year_dropdown .= '<option value="">Select Year</option>';
    foreach ( $years as $year ) {
        $year_dropdown .= sprintf(
            '<option value="%s">%d</option>',
            esc_url(home_url('/' . $year->year . '/')),
            $year->year
        );
    }
    $year_dropdown .= '</select>';
    $output .= $month_dropdown . $year_dropdown; // Append dropdowns to output
    return $output; // Return the complete output
}
add_shortcode('archive_dropdown', 'custom_archive_dropdown_shortcode');

Al igual que con el fragmento de código anterior, desplázate hacia abajo hasta la sección de Inserción y selecciona ‘Insertar automáticamente’ para el Método de inserción. En cuanto a la Ubicación, puedes elegir ‘Solo frontend’.

Luego, simplemente activa el fragmento de código y haz clic en ‘Guardar fragmento’.

Eligiendo Solo frontend como ubicación de inserción del código en WPCode

Ahora, ve al editor de widgets basado en bloques o al editor de sitio completo.

Después de eso, agrega un bloque de ‘Shortcode’ a tu barra lateral. En esta etapa, puedes continuar y pegar el siguiente shortcode en el bloque de shortcode:

[archive_dropdown]

Una vez que hagas eso, simplemente haz clic en ‘Actualizar’ o ‘Guardar’.

Pegar el shortcode para menús desplegables de archivos mensuales y anuales en WordPress

Ahora, habrá 2 menús desplegables que permitirán a los usuarios elegir el mes y el año para encontrar el contenido correcto.

Cada vez que seleccionen un mes o un año, el usuario será redirigido a la página de archivo de su período elegido.

Ejemplo de los menús desplegables de archivos mensuales y anuales en el front-end

Opción 6: Mostrar archivos mensuales organizados por año

Una vez, tuvimos que trabajar en el diseño de un sitio que necesitaba archivos mensuales organizados por año en la barra lateral.

Este archivo de barra lateral personalizado fue difícil de codificar porque este cliente solo quería mostrar el año una vez a la izquierda.

Mostrar Archivos Mensuales Organizados por Año

Afortunadamente, pudimos encontrar inspiración en la web y creamos un fragmento de código personalizado para ello. Para este artículo, hemos creado una versión mucho más simple de ese código que también puedes usar con WPCode.

Primero, instala WPCode en tu administrador de WordPress. Después, ve a Fragmentos de código » + Agregar fragmento. Elige ‘Agregar tu código personalizado (Nuevo fragmento)’ y haz clic en el botón ‘+ Agregar código personalizado’.

Continúa y ponle un nombre a tu nuevo fragmento de código personalizado. Puede ser algo simple como ‘Archivos personalizados’.

Además, selecciona ‘Fragmento de PHP’ para el ‘Tipo de código’.

Crear una visualización de archivos personalizada con WPCode

En el cuadro de vista previa del código, simplemente inserta el siguiente fragmento de código:

add_shortcode( 'custom_archives', 'display_custom_archives' );
function display_custom_archives() {
  $archives = wp_get_archives( array(
    'type'            => 'monthly',
    'format'          => 'custom',
    'before'          => '',
    'after'           => '<hr>',
    'echo'            => false,
  ) );
  // Split the archives by year
  $archives_by_year = array();
  foreach ( explode( '<hr>', $archives ) as $archive_item ) {
    if ( empty( $archive_item ) ) {
      continue;
    }
    // Extract year from the archive link
    preg_match( '/\/(\d{4})\//', $archive_item, $matches );
    $year = isset( $matches[1] ) ? $matches[1] : date( 'Y' );
    // Add to the year array
    $archives_by_year[ $year ][] = $archive_item;
  }
  // Build the output
  $output = '<h2 class="archives-title">Archives</h2>';
  $output .= '<hr>';
  $output .= '<table>';
  foreach ( $archives_by_year as $year => $archives_for_year ) {
    $output .= '<tr>';
    $output .= '<td class="year">' . $year . '</td>';
    $output .= '<td class="months">';
    $output .= implode( '', $archives_for_year );
    $output .= '</td>';
    $output .= '</tr>';
  }
  $output .= '</table>';
  return $output;
}

Como se muestra en el Método 5, ahora puedes desplazarte hacia abajo hasta la sección de Inserción y seleccionar 'Insertar automáticamente' para el Método de inserción. Puedes elegir 'Solo frontend' para la Ubicación.

Ahora, haz que el fragmento de código esté activo y haz clic en 'Guardar fragmento'.

Eligiendo Solo frontend como ubicación de inserción del código en WPCode

Creemos de nuevo un nuevo fragmento de código personalizado. Esta vez, el fragmento de código es para estilizar el área del widget de archivos usando CSS.

Puedes nombrar este fragmento de código 'CSS personalizado para archivos' y seleccionar 'Fragmento de CSS' para el Tipo de código.

Añadir CSS para estilizar la visualización de archivos personalizada con WPCode

Ahora, pega el siguiente fragmento de código en el cuadro de vista previa del código:

.archives-title {
  /* Style the title */
}
table {
  width: 100%;
  border-collapse: collapse;
}
td {
  padding: 5px;
  vertical-align: top;
}
.year {
  font-weight: bold;
}
.months hr {
  margin: 5px 0;
  border: none;
  border-top: 1px solid #ccc;
}

Una vez hecho esto, simplemente desplázate hacia abajo hasta la sección de Inserción y selecciona 'Insertar automáticamente' para el Método de inserción. Luego, elige 'Encabezado de todo el sitio' para la Ubicación.

Después de eso, simplemente activa el código y haz clic en ‘Guardar fragmento.’

Eligiendo Encabezado de todo el sitio como ubicación del código en WPCode

Vayamos al editor de widgets o al editor de sitio completo.

Aquí, haz clic en el botón '+' y selecciona el bloque 'Shortcode'. Ahora, procede a pegar el siguiente shortcode en el bloque de shortcode:

[custom_archives]

Luego, haz clic en 'Actualizar' o 'Guardar'.

Agregar el shortcode de archivos personalizados en la barra lateral de WordPress

¡Eso es todo!

Así es como se ve nuestra visualización de archivos en nuestro sitio de demostración:

Ejemplo de los archivos personalizados de WordPress en el front-end

Descubre más consejos y trucos para blogs de WordPress

¿Quieres mejorar aún más los archivos de tu blog de WordPress? ¿O tal vez rediseñar tu barra lateral? Consulta estas guías relacionadas a continuación:

Esperamos que este tutorial te haya ayudado a aprender cómo personalizar la visualización de los archivos de WordPress en tu barra lateral. También te puede interesar consultar nuestra guía definitiva sobre cómo editar un sitio web de WordPress y nuestras selecciones expertas de los mejores constructores de páginas de WordPress de arrastrar y soltar.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

47 CommentsLeave a Reply

  1. Hola. ¡Gracias por el código, funciona! Usé la opción 5 (archivo en un campo desplegable). En mi código solo uso el año y no el mes.
    El menú desplegable se colocó en la plantilla de la página de archivo por año para que puedas saltar de un año a otro. Sin embargo, me gustaría saber cómo asegurarme de que el menú desplegable ya tenga el año seleccionado. Permítame explicar. Si estoy viendo el archivo de 2023, el menú desplegable ya debería tener el año 2023 seleccionado o tener un marcador de posición con el año del archivo que estoy viendo.
    ¿Sería eso posible?
    Gracias

  2. Me gusta mucho la opción de mostrar los archivos en un menú colapsable. Tengo mi sitio web desde hace tres años y ahora tiene 1,300 artículos. Estaba buscando una solución que no terminara ocupando la mitad de la barra lateral. Con tantos artículos, mostrar los archivos sería incómodamente grande y poco atractivo. Sin embargo, el menú desplegable resolvió perfectamente este problema, haciendo que los archivos sean maravillosamente compactos. Esta función realmente me ayudó porque, de lo contrario, probablemente no habría incluido los archivos en el menú en absoluto.

  3. ¿Hay alguna forma, o algún tipo de widget, debajo de la barra lateral de Archivos para mostrar las entradas del blog por título debajo del mes correspondiente; en lugar de que solo esté presente el mes que al hacer clic lleva a una nueva página que muestra todas las entradas de ese mes en su totalidad?

    Lamento si esto ya ha sido respondido en los comentarios. No he tenido la oportunidad de leerlos.

    ¡Gracias por cualquier ayuda o dirección que puedan brindarme con mi pregunta!

  4. Hola WPBEGINNER,

    Espero que todavía le eches un vistazo a esta publicación anterior. Primero, muchas gracias por este excelente tutorial y código.
    Logré obtener

    Año
    Enero (2)
    Febrero (5)

    Pero no logré contar las publicaciones por año. ¿Cómo puedo hacer esto, para que la entrada del año muestre un número para todas las publicaciones de un año?
    año (28) …

    ¡Muchas gracias por tu ayuda!

    Saludos cordiales,
    Thomas

  5. Thanks so much for this code! :) it is helping me a lot.

    ¿Hay alguna posibilidad de extender esto a una categoría específica? ¿por ID de categoría?

    • ¡¡¡No funciona en absoluto!!!

      El resultado no tiene nada que ver con el ejemplo.

      Es extraño que algunos tipos lo encontraran útil y genial.

      ¿Cuál es el problema?

  6. ¡Hola! ¡Primero lo primero! ¡Excelente código! ¡Funciona perfectamente! ¡Gracias!
    Me preguntaba si habría una manera de editar el código para permitir que el lapso de, digamos, 18 meses se mueva hacia arriba o hacia abajo según lo que se esté viendo. Tal como está, solo se puede acceder a los últimos 18 meses. Pero quizás habría una manera de hacer esto para que cuando uno abra, por ejemplo, el mes 18 de la lista, y se abra la nueva página, la lista de archivo generada por el código anterior establezca el mes 18 como el centro de un nuevo array que muestre, digamos, 9 meses antes y 7 después (o viceversa).
    Quizás mi explicación no es muy clara. Tuve la idea al ver este sitio web aquí: http://marthabeck.com/. Si te desplazas hacia abajo hasta el menú en la parte inferior, verás que hay varios años disponibles, pero solo se muestran los meses del año actual. Cuando uno abre un nuevo año, se muestran los meses de ese año. Por supuesto, esto es probablemente otro código completamente diferente, pero al menos funciona como un ejemplo visual de algo parecido a lo que estoy hablando.

    • Uso un calendario, pero además de eso modifiqué el código para que también muestre archivos diarios, funcionó muy bien. Aquí está la consulta:

      $days = $wpdb->get_results(“SELECT DISTINCT DAY( post_date ) AS day , 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 = 'lecture' GROUP BY day , month , year ORDER BY post_date ASC");

      <a href="/year; ?>/month, 1, $day->year)) ?>/month, $day->day, $day->year)) ?>”>month, $day->day, $day->year)) . “, ” . date_i18n(“F”, mktime(0, 0, 0, $day->month, 1, $day->year)) . ” ” . date(“j”, mktime(0, 0, 0, $day->month, $day->day, $day->year)) . “, ” . $queried_year ?>post_count . “)”; ?>
      //outputs: Thursday, August 22, 2013 (12)

      Gracias por la publicación, por cierto, era exactamente lo que estaba buscando. El rendimiento es sorprendentemente bueno también.

      • ok, your comment system stripped out all my `php` tags essentially rendering that code useless. Anyways, it’s possible and easy, you’ll figure it out. :)

  7. Hola,

    Me gusta esta idea. ¿Se puede adaptar también para que solo los artículos de una categoría específica estén en los archivos y las otras categorías no?

    Roelof Wobben

  8. He buscado por todas partes un tutorial sobre cómo personalizar mi página de archivos. Pude hacer que mi página produjera una lista de títulos de publicaciones y fechas de publicaciones, lo cual es un gran comienzo. Y ahora necesito averiguar cómo agruparlos por mes, para que la página se vea así:

    2013

    Mayo

    Este es un título de publicación
    28 de mayo de 2013

    Y otra publicación
    20 de mayo de 2013

    Realmente no estoy seguro de cómo hacer esto. ¿Tendrías alguna sugerencia? He notado en el foro de Wordpress y en otros lugares que mucha gente quiere que sus archivos se vean así, pero ellos (como yo) no han recibido ninguna ayuda.

    ¡Gracias!

  9. Gracias por este fragmento de código, ha sido muy útil. Solo quiero agregar un pequeño cambio que hará que la salida de la cadena del mes en el idioma local.
    En la línea 16 puedes reemplazar la función date() por la función date_i18n()

    – echo date("F", mktime(0, 0, 0, $month->month, 1, $month->year))
    – echo date_i18n("F", mktime(0, 0, 0, $month->month, 1, $month->year))

    Así, la función devolverá para el mes de marzo la cadena “March” en inglés, “Marzo” en español o “Març” en catalán, solo por poner algunos ejemplos, basándose en el idioma del sitio.

  10. El tema que estoy usando tiene un widget para las barras laterales. El archivo php está escrito en shortcode. ¿Cómo convertiría esto a un shortcode para poner en el archivo? Gracias.

  11. Hola,

    Me encontré con esto, justo lo que buscaba. Pero tiene un pequeño problema, tengo los últimos dos meses de publicaciones, octubre y noviembre, que se muestran en la barra lateral, acabo de agregar uno nuevo en diciembre y no se muestra diciembre en la lista de archivos.

    Qué raro que no se muestre el mes actual

  12. ¿Es posible mostrar el total de publicaciones del año, así como el número de publicaciones de cada mes? Así, todavía tendrías el recuento de publicaciones de cada mes junto a cada mes, pero también el total del año junto al año. Usando la imagen de tu archivo como ejemplo, tendrías 2010 (20) y luego los meses como se muestran actualmente.

  13. I think I got it sorted. I moved the “break;” up into the code before it spits out the monthly … . I figured it out after looking at Appleton’s site. His code is slightly different, as you noted. I find it interesting how people can change a single bit of code and the effect is wildly different from such a small edit. To borrow from WP, “Code is Poetry” :)

    Hice una modificación que quería poner a tu atención. El código anterior no parecía mostrar el mes más reciente. Es decir, mi mes de agosto de este año no aparecía (ya que ahora estamos en agosto), pero julio se mostraba bien. Modifiqué la declaración SQL y ahora sí aparece. No estoy seguro si quieres el mes actual, pero si es un archivo, quizás incluso el mes actual esté archivado.

    Aquí está mi cambio:

    post_date YEAR(CURDATE())

    Eso parece extraer el mes en el que estamos actualmente. No soy un maestro de SQL, así que quizás haya una razón para no hacer esto o incluso una mejor manera. Sin embargo, me está funcionando.

    Gracias por tu tiempo en este tutorial. Definitivamente me salvó de seguir golpeándome la cabeza contra la pared intentando manipular wp_get_archives().

    • hmm… parece que se eliminó algo de código. Debería estar el símbolo Mayor Que ahí, entre "post_date" y "YEAR(CURDATE())". Déjame intentarlo de nuevo y espero que funcione.

      post_date > YEAR(CURDATE())

      Sorry for the additional post, but a ‘tweak’ doesn’t change anything if the proper code does not display :)

        • Ryan –

          Raro. Publiqué una respuesta en el sitio de Float Left, pero no parece estar ahí. Aquí tienes el archivo para que lo descargues, mostrando dónde se encuentra el código:

          http://www.octoberland.com/fileChute/displayCurrentMonth.zip

          Puse el código en el archivo index.php de mi plantilla. Está ahí porque el cliente quería que estuviera en todas las páginas. Solo toma los meses del año actual. Es decir, si volvieras a 2011, los meses que se mostrarían seguirían siendo los de 2012.

          Agregué mi código a la línea 'WHERE' de MySQL, reemplazando el código que Andy tenía allí.

          Además, tengo la función de archivo estándar de WP allí también porque mi cliente quería mostrar un archivo anual también. Esto no es necesario para mostrar el mes actual.

          Espero que esto ayude.

          – Craig

      • Ryan –

        Happy it worked for you. It took me several hours (I am not a MySQL developer) to figure that out. Now that it is helped someone else, it was worth the effort :)

        – Craig

  14. Hola, solo estoy usando el widget, no un plugin adicional para el archivo. Limité el número de meses, por ejemplo, 2, pero espero tener 2 meses y luego el resto bajo "..." o "archivo". No encuentro la manera de mostrar el resto. ¿Hay alguien que conozca este problema? Muchas gracias.

  15. @wpbeginner Los meses no utilizados están envueltos en su propia clase CSS única, por lo que puedes simplemente hacer un "display:none" de CSS para los meses no utilizados. Luego, cuando aparece una publicación en el mes, cambia a una clase diferente (a través de PHP).

  16. @sgclark Ese plugin suena bien... Me pregunto cómo funcionaría si no queremos mostrar los meses no utilizados en absoluto. Pero aun así, no lo he probado porque no está alojado en el repositorio...

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.