¿Qué es una página de archivo de WordPress?

 

Cuando está creando un tema de WordPress, tiene la opción de agregar un archivo llamado archive.php a su tema. Es opcional porque si no lo tiene, index.php manejará la salida de las publicaciones de tipo archivo. Ahora como repaso, una página de archivo en WordPress se refiere a una colección de publicaciones agrupadas por categoría, autor, fecha, etiqueta, etc. En este tutorial, ahora agregaremos una página archive.php a nuestro tema para que podamos personalizar el aspecto de varios tipos de archivos en nuestro sitio.

---

index.php y archive.php

En nuestro último tutorial sobre Post Meta en WordPress, podemos usar algunas funciones útiles de WordPress para generar enlaces a los archivos de categorías, archivos de autor y archivos de fechas. Como sabemos, en realidad no configuramos un archivo de almacenamiento específico para manejar esos enlaces por nosotros. Resulta que, listo para usar, WordPress tiene un mecanismo para mostrar páginas de tipo de archivo, incluso si aún no tiene un archivo archive.php. De esta manera, los enlaces que creamos aún funcionan. Sin embargo, en este enfoque, todos los distintos tipos de archivos tendrán el mismo aspecto.

---

Agregar archive.php a su tema

Podemos ayudar a WordPress con la tarea de mostrar archivos creando nuestro propio archivo archive.php como parte de nuestro tema. En este archivo, podemos configurar varias opciones para mostrar información sobre las publicaciones de manera diferente, dependiendo del tipo de archivo que sea. Continúe y cree un nuevo archivo archive.php en su carpeta de temas. En este punto, puede dejarlo en blanco. Solo para mostrar que el archivo archive.php ahora se ha hecho cargo de index.php, podemos visitar nuestros enlaces de archivo y notar que esas páginas ya no generan ninguna información.

---

¿Qué código pongo en archive.php?

Puede que estés pensando, bueno, al menos antes de que recibiera información sobre mis publicaciones en la pantalla cuando no había ningún archivo archive.php. Ese es un punto válido. Para comenzar rápidamente con su archivo archive.php, puede continuar y simplemente copiar y pegar el código de index.php directamente en archive.php. Ahora, el comportamiento de hacer clic en enlaces para archivar páginas funcionará como antes. La única diferencia es que archive.php ahora se encargará del trabajo pesado por usted en lugar de index.php.

---

Personalización de archive.php

Ahora podemos agregar algo de código a nuestra página archive.php para que cuando un visitante del sitio visite un archivo, lo vea reflejado en la pantalla. En el fragmento de abajo, salimos de php y agregamos un texto de nivel dos de encabezado para indicar una página de archivo, y luego volvemos a ingresar php.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39

<?php   get_header();   if ( have_posts() ) : ?> <h2>Archive Page</h2> <?php while ( have_posts() ) : the_post(); ?> <article class="post"> <h2><a href="<?php the_permalink() ?>"><?php the_title() ?></a></h2> <p class="post-meta"><?php the_time( 'F jS, Y' ); ?> | <a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ), get_the_author_meta( 'user_nicename' ) ); ?>"><?php the_author(); ?></a> | <?php $categories = get_the_category(); $comma      = ', '; $output     = ''; if ( $categories ) { foreach ( $categories as $category ) { $output .= '<a href="' . get_category_link( $category->term_id ) . '">' . $category->cat_name . '</a>' . $comma; } echo trim( $output, $comma ); } ?> </p> <?php the_content() ?> </article> <?php endwhile;   else : echo '<p>There are no posts!</p>';   endif;   get_footer();   ?>

Con este pequeño cambio implementado, los usuarios ahora sabrán si están viendo una página de archivo. Podemos probar esto ahora. Si estamos en la página de inicio o viendo una publicación de blog específica, no deberíamos ver 'Página de archivo'. Sin embargo, si estamos en una página de autor o categoría, de hecho deberíamos ver el texto de 'Página de archivo'.

---

De salida estática a salida condicional en archive.php

Ahora tenemos el propósito general de nuestro archivo archive.php funcionando. Está haciendo su trabajo al proporcionar una indicación al usuario de que está viendo una página de archivo. Sin embargo, existen diferentes tipos de archivos. ¿Deberíamos ahora crear nuevos archivos para manejar diferentes tipos de archivos? No, en absoluto. Podemos agregar lógica condicional a nuestro archivo archive.php para que si un usuario está visitando un archivo de categoría, lo vea en la pantalla. Si están visitando un archivo de autor, también lo verán en la pantalla.

---

Cómo utilizar la función is_category ()

Podemos comenzar a personalizar archive.php trabajando primero en los archivos de categorías. Para hacer esto, haremos uso de una útil función de WordPress llamada is_category () . Esta función puede hacer muchas cosas dependiendo de los argumentos que le pase. Sin embargo, en su forma más simple, simplemente devuelve verdadero si estamos en una página de archivo de categoría o falso si no lo estamos. Actualicemos ese código en archive.php así:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43

<?php   get_header();   if ( have_posts() ) : ?>     <h2><?php if ( is_category() ) { echo 'Category Archive'; } ?></h2> <?php while ( have_posts() ) : the_post(); ?>           <article class="post">             <h2><a href="<?php the_permalink() ?>"><?php the_title() ?></a></h2>             <p class="post-meta"><?php the_time( 'F jS, Y' ); ?> | <a                         href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ), get_the_author_meta( 'user_nicename' ) ); ?>"><?php the_author(); ?></a>                 | <?php $categories = get_the_category(); $comma      = ', '; $output     = ''; if ( $categories ) { foreach ( $categories as $category ) { $output .= '<a href="' . get_category_link( $category->term_id ) . '">' . $category->cat_name . '</a>' . $comma; } echo trim( $output, $comma ); } ?>             </p> <?php the_content() ?>         </article> <?php endwhile;   else : echo '<p>There are no posts!</p>';   endif;   get_footer();   ?>

Visitar una página de categoría ahora muestra al visitante que está en un archivo de categoría. Observe que la URL contiene / categoría / javascript / y la salida a la pantalla dice 'Archivo de categoría'.

---

Cómo utilizar la función is_tag ()

Al igual que hicimos con el escenario de categoría, podemos comprobar si estamos viendo un archivo de etiquetas haciendo uso de la función is_tag () . Podemos agregar una condición elseif a nuestra declaración if para manejar esto así:

1 2 3 4 5 6 7

<?php if ( is_category() ) { echo 'Category Archive'; } elseif ( is_tag() ) { echo 'Tag Archive'; } ?>

En el panel de WordPress, podemos seguir adelante y asignar una etiqueta de es6 a nuestra publicación de JavaScript para que podamos probar esto. Con eso en su lugar, sigamos adelante y visitemos http://wordpresstutorial.dev/tag/es6/ para ver si vemos lo que esperamos. Luego, haremos clic en el enlace de una categoría y veremos si el texto de la página se actualiza correctamente.

---

Hacer dinámica la salida del archivo de etiquetas y categorías

Hasta ahora, estamos generando manualmente una cadena de texto en función de si la consulta actual es una categoría o una etiqueta. En lugar de esto, podemos usar las funciones single_cat_title () y single_tag_title () para generar dinámicamente la categoría correcta o el archivo de etiquetas que estamos viendo. Ahora, cada una de estas funciones puede aceptar una cadena como argumento que actúa como prefijo del texto que obtiene la función. Así que configuremos nuestro código ahora de la siguiente manera:

1 2 3 4 5 6 7

<?php if ( is_category() ) { single_cat_title( 'Category Archive: ' ); } elseif ( is_tag() ) { single_tag_title( 'Tag Archive: ' ); } ?>

La navegación entre archivos de categorías y etiquetas es ahora mucho más intuitiva para el usuario.

---

Configurar archivos de autor

Para configurar los archivos de autor, podemos usar las funciones de is_author () , the_post () , get_the_author () y rewind_posts () . Veamos cómo.

1 2 3 4 5 6 7 8 9 10 11

<?php if ( is_category() ) { single_cat_title( 'Category Archive: ' ); } elseif ( is_tag() ) { single_tag_title( 'Tag Archive: ' ); } elseif ( is_author() ) { the_post(); echo 'Author Archives: ' . get_the_author(); rewind_posts(); } ?>

Podemos seguir adelante y hacer clic en 'Tom' para ver sus archivos ahora. ¡Se ve bien!

---

Agregar archivos basados ​​en el tiempo

También podemos agregar archivos basados ​​en el día, mes o año. Para lograr esto, podemos usar las funciones de is_day (), is_month (), is_year () y get_the_date (). Aquí vamos:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<?php if ( is_category() ) { single_cat_title( 'Category Archive: ' ); } elseif ( is_tag() ) { single_tag_title( 'Tag Archive: ' ); } elseif ( is_author() ) { the_post(); echo 'Author Archives: ' . get_the_author(); rewind_posts(); } elseif ( is_day() ) { echo 'Daily Archives: ' . get_the_date(); } elseif ( is_month() ) { echo 'Monthly Archives: ' . get_the_date( 'F Y' ); } elseif ( is_year() ) { echo 'Yearly Archives: ' . get_the_date( 'Y' ); } ?>

Estos archivos ahora funcionan muy bien.
Archivos diarios Archivos

mensuales Archivos

anuales

---

Añadiendo una caída a través de lo demás

Es una buena idea agregar una cláusula else final a nuestra cadena elseif. Si nada coincide a medida que el código pasa por cada condición, entonces necesitamos un estado predeterminado. Esto es muy fácil de agregar. Podemos hacerlo así:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

<?php if ( is_category() ) { single_cat_title( 'Category Archive: ' ); } elseif ( is_tag() ) { single_tag_title( 'Tag Archive: ' ); } elseif ( is_author() ) { the_post(); echo 'Author Archives: ' . get_the_author(); rewind_posts(); } elseif ( is_day() ) { echo 'Daily Archives: ' . get_the_date(); } elseif ( is_month() ) { echo 'Monthly Archives: ' . get_the_date( 'F Y' ); } elseif ( is_year() ) { echo 'Yearly Archives: ' . get_the_date( 'Y' ); } else { echo 'Archives: '; } ?>

---

Cambiando the_content () a the_excerpt ()

Cuando un visitante está viendo una página de archivo, realmente debería considerarse una forma secundaria de contenido. Por ejemplo, no es el enfoque principal de una publicación de blog actual. Entonces, en lugar de generar la publicación completa en páginas de archivo, tal vez tenga sentido simplemente generar el extracto de la publicación utilizando la función the_excerpt () . Podemos agregar eso ahora. Aquí está el marcado de código final de nuestra página archive.php de ejemplo.

archive.php

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57

<?php   get_header();   if ( have_posts() ) : ?>     <h2><?php if ( is_category() ) { single_cat_title( 'Category Archive: ' ); } elseif ( is_tag() ) { single_tag_title( 'Tag Archive: ' ); } elseif ( is_author() ) { the_post(); echo 'Author Archives: ' . get_the_author(); rewind_posts(); } elseif ( is_day() ) { echo 'Daily Archives: ' . get_the_date(); } elseif ( is_month() ) { echo 'Monthly Archives: ' . get_the_date( 'F Y' ); } elseif ( is_year() ) { echo 'Yearly Archives: ' . get_the_date( 'Y' ); } else { echo 'Archives: '; } ?></h2> <?php while ( have_posts() ) : the_post(); ?>           <article class="post">             <h2><a href="<?php the_permalink() ?>"><?php the_title() ?></a></h2>             <p class="post-meta"><?php the_time( 'F jS, Y' ); ?> | <a                         href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ), get_the_author_meta( 'user_nicename' ) ); ?>"><?php the_author(); ?></a>                 | <?php $categories = get_the_category(); $comma      = ', '; $output     = ''; if ( $categories ) { foreach ( $categories as $category ) { $output .= '<a href="' . get_category_link( $category->term_id ) . '">' . $category->cat_name . '</a>' . $comma; } echo trim( $output, $comma ); } ?>             </p> <?php the_excerpt() ?>         </article> <?php endwhile;   else : echo '<p>There are no posts!</p>';   endif;   get_footer();   ?>

Cuando ahora vemos una página de archivo, vemos el extracto en lugar de la publicación completa. Además, al final del extracto hay un símbolo […] para indicar que hay más para leer.

---

¿Qué es un resumen de la página de archivo de WordPress?

Las páginas de archivo comienzan a volverse más importantes a medida que agrega más publicaciones, páginas y contenido a su sitio web con WordPress. Como vimos, WordPress maneja la salida de la información del archivo automáticamente por usted incluso si no hay un archivo archive.php en su tema. En ese caso, WordPress simplemente hará uso del archivo index.php para mostrar información básica sobre los archivos de su sitio web. Sin embargo, en lugar de mostrar el mismo diseño y salida para todos los diferentes tipos de archivos, analizamos cómo personalizar la salida que se muestra en las páginas del archivo según el tipo de archivo que se está viendo. ¡Crear su propia página de archivo para su tema de WordPress puede ser muy útil !