Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo crear una página de archivos personalizada en WordPress

Crear una página de archivos personalizada en WordPress puede mejorar significativamente la navegación de su sitio y la capacidad de descubrir contenidos.

En WPBeginner, hemos implementado nuestra propia página de archivos personalizada para ayudar a los lectores a acceder fácilmente a nuestra amplia colección de entradas de blog y tutoriales.

Una página de archivos bien diseñada puede mejorar la experiencia del usuario, impulsar la participación e incluso ayudar al SEO al proporcionar una estructura de sitio vaciada. Es útil para sitios con mucho contenido, blogs y revistas en línea en los que los visitantes quieran profundizar en debates específicos.

En este artículo, le mostraremos cómo puede crear una página de archivos personalizada en WordPress.

How to create a custom archives page in WordPress

¿Por qué crear una página de archivos personalizada en WordPress?

El objetivo de una página de archivos es mostrar una lista cronológica de sus entradas anteriores, facilitando a los visitantes la exploración de su contenido en función de las fechas de publicación.

Si eres bloguero, tener una página de archivos es imprescindible. Permite a los usuarios acceder a entradas antiguas sin tener que desplazarse por todo el blog.

Es posible que desee crear una página de archivos personalizados si su tema actual no tiene una plantilla de página de archivos en su lugar. Incluso si la tiene, es posible que quieras personalizarla según tus necesidades.

En WPBeginner, utilizamos una página de archivos personalizada que cuenta con un botón que lleva a los usuarios a nuestra colección de guías WPBeginner. De esta manera, los nuevos lectores pueden simplemente hacer clic en él para ver nuestros últimos recursos de guías.

También organizamos todas las entradas de nuestro blog en años y meses para que los lectores puedan ver fácilmente qué artículos se publican en un periodo determinado.

The WPBeginner custom archive

Aquí también hemos añadido las categorías y etiquetas de nuestro sitio a la página de archivo personalizada.

De este modo, los visitantes pueden encontrar fácilmente entradas antiguas que puedan interesarles. Si haces esto para tu propio blog, tendrás más posibilidades de aumentar las páginas vistas y reducir la tasa de rebote.

The WPBeginner custom archive

Con esto en mente, veamos cómo puede crear una página de archivos personalizada en WordPress, independientemente del tema que esté utilizando.

Utilice los enlaces rápidos que aparecen a continuación para acceder directamente al método que desee utilizar.

Método 1: Crear una plantilla de archivos personalizada con el editor de bloques (sin plugins)

Si utiliza un tema en bloque, el editor de sitios completo facilita el diseño de una plantilla de página de archivos personalizada.

Este método no funciona con todos los temas, así que si no utilizas un tema de WordPress basado en bloques, te recomendamos que utilices un maquetador de páginas.

Para empezar, basta con crear una nueva página o abrir una página existente que desee utilizar como archivo. En el menú de la derecha, haga clic en la pestaña “Página” y, a continuación, seleccione el enlace situado junto a “Plantilla”. El texto exacto del enlace puede variar en función de la plantilla que estés utilizando.

How to create a new custom archives template

Ahora aparecerá una ventana emergente con su plantilla actual.

Sólo tiene que seguir adelante y hacer clic en el icono “Nueva plantilla”.

Creating a custom archives template

En la ventana emergente, escriba un nombre para la plantilla de página personalizada. El nombre de la plantilla es sólo para su referencia, por lo que puede utilizar cualquier cosa que desee.

A continuación, haz clic en “Crear” para iniciar el editor de plantillas.

Naming a WordPress custom archive template

El editor de plantillas funciona de forma similar al editor de bloques estándar de WordPress.

Para añadir bloques a su página de archivos personalizada, sólo tiene que hacer clic en el botón azul “+”. A continuación, puede arrastrar y soltar para añadir bloques a su estructura / disposición / diseño / plantilla.

Adding blocks to the full site editor

Como estamos creando una página de archivos personalizada, normalmente querrás empezar añadiendo un bloque de Archivos. Este bloque de WordPress permite a los visitantes explorar tus entradas en función del año, mes, semana o día.

Por ejemplo, la siguiente imagen muestra un bloque Archivos en el que las entradas se organizan en archivos mensuales.

How to add an archives block to a custom template

Al hacer clic en cualquiera de estos enlaces, el visitante accederá a una nueva página en la que se mostrarán todas las entradas publicadas durante ese periodo.

Para añadir un bloque de Archivos, búscalo en el menú de la izquierda y arrástralo a tu estructura / disposición / diseño / plantilla. Después de añadir un bloque, te recomendamos que consultes sus ajustes en el menú de la derecha.

Configuring the archives WordPress block

Para empezar, puede cambiar la organización de las entradas abriendo el menú desplegable “Agrupar por” y eligiendo una opción de la lista.

Por ejemplo, si solo tiene un pequeño número de entradas, puede tener sentido mostrarlas por días.

Sin embargo, si tiene mucho contenido, normalmente querrá elegir “Mes” o incluso “Año” para no abrumar a los visitantes con un largo anuncio / catálogo / ficha.

Grouping archived posts by date

WordPress muestra por defecto las entradas archivadas en una lista con viñetas, pero también puede presentarlas como un menú desplegable.

Esto puede ser útil si tienes muy poco espacio y necesitas crear un archivo compacto. Para cambiar al formato desplegable, basta con hacer clic en el carrusel / control deslizante “Mostrar como desplegable” para activarlo.

Displaying posts as a dropdown menu

El bloque Archivo también puede mostrar el número total de entradas junto a cada encabezado.

Esto puede ayudar a los visitantes a decidir qué parte del archivo quieren ver primero.

Creating a custom archive page in WordPress

También puede añadir un archivo de categorías para que los visitantes puedan explorar sus entradas en función de su contenido y no sólo de la fecha. Esto puede ayudar a los visitantes a encontrar contenido interesante, lo que les mantendrá en tu sitio web durante más tiempo y mejorará tu SEO en WordPress.

Para añadir este bloque, basta con hacer clic en el botón azul “+” y escribir “Lista de categorías”. Cuando aparezca el bloque adecuado, añádelo a tu estructura / disposición / diseño / plantilla arrastrando y soltando.

Adding a Categories List to a custom archives page

Una vez más, es posible que desee realizar algunos ajustes en la configuración del bloque.

Al igual que en el bloque Archivos, puede añadir un recuento de entradas a la lista o mostrar las categorías como un menú desplegable en lugar de una lista con viñetas.

Por defecto, este bloque muestra todas las categorías y subcategorías exactamente de la misma manera.

A list of categories and subcategories on a custom archives page

Es posible que prefiera mostrar las categorías secundarias con sangría debajo de su categoría principal.

Para realizar este cambio, basta con hacer clic para activar el conmutador “Mostrar jerarquía”.

Showing indented subcategories on a custom WordPress archive

Otra opción es ocultar completamente las categorías inferiores activando el conmutador “Mostrar solo las categorías de nivel superior”.

También puede añadir una nube de etiquetas, que puede ayudar a los visitantes a encontrar contenidos interesantes relacionados. Para ello, busque “Nube de etiquetas” en el menú de la izquierda y arrástrela a la estructura / disposición / diseño / plantilla.

Adding a tag cloud to the archive page

Ahora puede seleccionar el bloque y configurarlo mediante los ajustes del menú de la derecha.

Para empezar, la Nube de etiquetas tiene dos estilos: Por defecto y Contorno. Puede cambiar de uno a otro haciendo clic en el icono del círculo pequeño y eligiendo una de las opciones de “Estilos”.

Adding a tag cloud to a custom archives page

También puede utilizar mostrar el número total de entradas a continuación de cada etiqueta, y cambiar el número de etiquetas que se incluyen en la nube.

Basta con hacer clic en el pequeño icono de engranaje y realizar los cambios en esta sección.

Changing the tag cloud settings

A pesar del nombre, también puede mostrar categorías en la Nube de etiquetas. Por ejemplo, puede que prefiera el estilo del bloque Nube de etiquetas en comparación con el bloque Categorías.

Para mostrar las categorías de su sitio, abra el menú desplegable “Taxonomía” y seleccione “Categorías”.

Showing categories in a tag cloud

Los archivos están diseñados para facilitar a los visitantes el acceso a todo su contenido.

Sin embargo, también puede destacar las entradas más recientes de su sitio añadiendo un bloque de Últimas entradas.

Showing a list of latest posts

Por defecto, este bloque muestra simplemente el título de cada entrada, pero puede añadir el autor, la fecha de publicación y la imagen destacada.

Sólo tiene que utilizar los conmutadores del menú de la derecha para realizar estos cambios.

Showing your most recent posts on the archive page

También puede mostrar el extracto de la entrada, que puede ayudar a los visitantes a entender de qué trata cada entrada.

Para añadir los extractos, siga adelante y haga clic para activar el conmutador “Contenido de la entrada”.

How to show post content and excerpts on the custom archive page

A continuación, haga clic para seleccionar el botón “Extracto”.

Por defecto, WordPress mostrará un máximo de 55 palabras en el extracto. Para mostrar más o menos palabras, simplemente utilice los ajustes de ‘Número máximo de palabras en el extracto’.

Una vez hecho esto, desplácese hasta la sección “Clasificación y filtrado”.

Aquí puede ver que el bloque organiza las entradas de la más reciente a la más antigua. Puede cambiarlo abriendo el menú desplegable “Orden” y eligiendo una opción diferente, como “A-Z”.

Organizing the latest posts on your WordPress archive page

En esta sección, también puede elegir mostrar entradas de un autor o categoría en particular.

Por último, puede cambiar el número de entradas que WordPress muestra en el bloque, ya sea escribiendo un nuevo número en la sección “Número de elementos” o arrastrando el carrusel / control deslizante.

Changing the order of your latest posts

Puede seguir trabajando en su página de archivo añadiendo más bloques y configurándolos en el menú de la derecha.

Por ejemplo, puede que desee añadir un bloque de imagen y mostrar un logotipo personalizado o añadir una barra de búsqueda para que los visitantes puedan buscar una entrada concreta.

Cuando estés satisfecho con el aspecto de la plantilla, haz clic en el botón “Publicar” y, a continuación, en el botón “Guardar”.

La página que creó anteriormente utilizará ahora la nueva plantilla de archivo. Puede actualizar o publicar la página y, a continuación, visitar su sitio web de WordPress para ver la página de archivo personalizada en directo.

Para más información acerca de cómo utilizar el editor de sitios completo de WordPress, compruebe las siguientes guías:

El editor basado en bloques te permite crear una sencilla página de archivos personalizada. Sin embargo, no funciona con todos los temas, y estás limitado a los bloques y herramientas integrados en WordPress.

Si desea crear una página de archivos completamente personalizada que funcione con cualquier tema de WordPress, le recomendamos que utilice un maquetador de páginas.

SeedProd es el mejor editor de arrastrar y soltar páginas para WordPress. Viene con más de 180 plantillas y bloques listos, incluyendo un bloque que muestra todas las entradas de su sitio web.

Primero, necesitas instalar y activar SeedProd. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Nota: Hay una versión gratuita de SeedProd que le permite crear páginas personalizadas si usted está en un presupuesto ajustado y acaba de empezar. Sin embargo, para esta guía, vamos a utilizar SeedProd Pro ya que tiene muchas más plantillas y bloques.

Después de activar el plugin, SeedProd le pedirá su clave de licencia.

Adding the SeedProd license key

Encontrará esta información en su cuenta del sitio web de SeedProd. Después de introducir la clave, haga clic en el botón “Verificar clave”.

Una vez hecho esto, vaya a SeedProd ” Páginas de destino y haga clic en el botón “Añadir nueva página de destino”.

Creating a new SeedProd page

Ahora puede elegir una plantilla para la página de archivos personalizada.

Las plantillas de SeedProd están organizadas en diferentes tipos de campaña como captación de clientes potenciales, modo mantenimiento y próximamente. Puede hacer clic en las pestañas de la parte superior de la pantalla para filtrar los diseños en función del tipo de campaña.

SeedProd's professionally-designed templates

Para obtener una vista previa de cualquier diseño, basta con pasar el cursor por encima de esa plantilla.

A continuación, haga clic en el icono de la lupa que aparece.

Previewing a SeedProd template

Cuando encuentres un diseño que te guste, haz clic en ‘Elegir esta plantilla’. Nosotros utilizamos la “Plantilla en blanco” para empezar de cero, pero usted puede utilizar la plantilla que desee.

A continuación, escriba un nombre para la página personalizada. SeedProd creará automáticamente una URL basada en el título de la página, pero puede cambiar esta URL si lo desea.

Cuando esté satisfecho con la información que ha introducido, haga clic en el botón “Guardar y empezar a editar la página”.

How to create a custom archive using SeedProd

Esto cargará la interfaz del maquetador de páginas SeedProd. Es un simple editor de arrastrar y soltar que muestra una vista previa en vivo de su página a la derecha.

También verás ajustes de bloque a la izquierda.

How to create a custom archive using SeedProd

Para empezar, tendrá que elegir una estructura / disposición / diseño / plantilla, que organizará su contenido en columnas.

En la sección “Elige tu disposición”, sólo tienes que hacer clic en la disposición que quieras utilizar. Puede elegir cualquier disposición, pero nosotros utilizamos la de pantalla completa en todas nuestras imágenes.

Choosing a layout for your custom archive page

Después de elegir una estructura / disposición / diseño / plantilla, puede empezar a añadir bloques a la página de archivos.

El menú de la izquierda muestra los diferentes bloques que puedes arrastrar a tu diseño. Como estamos creando una página de archivo personalizada, vamos a añadir un bloque Entradas.

En el menú de la izquierda, escribe “Entradas” en la barra de búsqueda. Cuando aparezca el bloque adecuado, arrástralo y suéltalo en tu estructura / disposición / diseño / plantilla.

Adding a 'Posts' block to a custom page using SeedProd

Este bloque mostrará el título de todas tus entradas.

También tiene un enlace “Seguir leyendo” en el que los visitantes pueden hacer clic para leer cada entrada en su totalidad.

How to add posts to a custom archive page in WordPress

Por defecto, este bloque muestra todas tus entradas, pero puedes cambiarlo para que solo muestre entradas que tengan una categoría o etiqueta concreta, o entradas publicadas por un autor específico.

Para realizar este cambio, simplemente haz clic para seleccionar el bloque “Entradas” en tu disposición y luego utiliza los ajustes del menú de la izquierda.

Por ejemplo, en la siguiente imagen, solo se muestran entradas de la categoría “Marketing”.

Filtering your archive posts based on category

También puedes cambiar cómo se organizan las entradas en el bloque. Por ejemplo, puede mostrar entradas en función de cuándo se publicaron o cuántos comentarios tienen.

Para cambiar el orden de sus entradas, simplemente desplácese hasta la casilla ‘Ordenar por’ y elija una nueva opción. Por defecto, SeedProd muestra las entradas en orden ‘ASC’, que significa ascendente.

Para ordenar las entradas en orden descendente, basta con abrir el menú desplegable “Orden” y seleccionar “DESC”.

Showing posts in descending order

A continuación, puede desplazarse hasta la sección “Disposición” y cambiar la forma en que se muestra la lista de entradas.

Por ejemplo, puede dividir las entradas en varias columnas escribiendo un nuevo número en el campo “Columnas”.

Creating a multiple column archive page

También puede cambiar el número de entradas incluidas en la lista, añadir u ocultar los extractos de entradas y cambiar el texto “Seguir leyendo”.

Cuando esté satisfecho con el aspecto de la lista de entradas, puede añadir más bloques a la página de archivos y personalizarlos con los ajustes del menú de la izquierda.

Por ejemplo, puede animar a la gente a seguirle en los medios sociales añadiendo un bloque de “Perfiles sociales”.

Adding social profiles to a custom page

Cuando esté satisfecho con cómo se ha establecido la página, es hora de publicarla, para lo que debe hacer clic en la flecha desplegable situada junto a “Guardar” y, a continuación, seleccionar “Publicar”.

Su página de inicio personalizada aparecerá en la portada de su blog de WordPress.

Publishing your SeedProd custom archive page

Para ayudar a los visitantes a encontrar la página de archivo, puede añadirla al menú de navegación o al pie de página de su sitio web.

Más formas de organizar tus entradas en WordPress

Crear una página de archivos personalizada es sólo una forma de organizar el contenido de WordPress. Aquí tienes algunos métodos adicionales para ayudar a tus lectores a descubrir y navegar por tus entradas de forma más eficaz:

Esperamos que este artículo te haya ayudado a crear una página de archivos personalizada en WordPress. Puede que también quieras leer nuestro artículo sobre los mejores ejemplos de páginas próximamente disponibles y nuestra selección de los mejores plugins de entradas relacionadas para WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

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

Reader Interactions

79 comentariosDeja una respuesta

  1. Martin

    Great article.

    I have maybe a silly question. Is there any SEO benefit if I have a custom archive page or even archive.php. in the theme folder?

    Or is it the same as creating a new page with url mydomain/archive and listing all my posts and pages based on the categories I want. This is what I would prefer.

    Thank you

    • WPBeginner Support

      Having a custom archive would not give an SEO benefit, it would be personal preference and you can use your second method if you wanted.

      Administrador

  2. Aileen

    Hi–my site is using the Genesis framework an it has a child theme. I tried to implement the page-archive.php, but I skipped the part where I copy the page design from page.php and I’d hope it would work regardless.
    So when I tried implementing this, when I go to my Archive place, it gives an Internal error, ie. 505 and cannot find the page itself.
    How does this work with Genesis?

    • WPBeginner Support

      Adding a custom page template would be the same as with any other theme, it seems like there may be a problem with the code you’re using to create the archive page.

      Administrador

  3. Rahul Lakra

    Firstly, Thank you so much. But I can’t see any sidebar in this page. In normal pages it is visible. I will be so happy if you can help me out to display sidebar here too. Thanks In advance!

    • WPBeginner Support

      For the sidebar, sadly that is theme specific for what needs to be added, if you reach out to your theme’s support they should be able to let you know how they have the sidebars added to the templates.

      Administrador

  4. Vijay Sundaram

    Hi,

    This was a great tutorial. However, the CSS code for the categories does not seem to work. It is shown as a list with categories and subcategories. Where do I embed the code that you have given in the style.css file? What is meant by make it appear inline? It would be great if you could help me resolve this?
    Regards,
    Vijay Sundaram

  5. John Paul

    Is it possible to filter the archive to just one category of a post?

Deja tu comentario

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