Advertisement
  1. Web Design
  2. WordPress

Cómo agregar entradas de blog a páginas en WordPress

Scroll to top
Read Time: 12 min

Spanish (Español) translation by Ana Paulina Figueroa (you can also view the original English article)

Una de las características de WordPress que la mayoría de los propietarios de sitios utilizan son las entradas de blog. Las entradas son una característica esencial de WordPress, y surgieron debido al hecho de que WordPress comenzó su vida como una plataforma de blogs.

Incluso si estás usando WordPress para administrar un sitio que no es predominantemente un blog, es probable que aún le agregues algunas entradas. Estas podrían ser entradas de blog, artículos periodísticos o actualizaciones. Quizá las uses para un propósito completamente diferente: tengo una clienta que es orientadora profesional y usa entradas para dar consejos relacionados con entrevistas en su sitio, y otro que es un autor y usa entradas para historias cortas.

Sea cual sea la forma en la que uses las entradas de blog en tu sitio de WordPress, necesitarás una manera de permitir que tus visitantes accedan a ellas. Y hay algunas maneras de hacer esto.

En este tutorial, te mostraré tres formas diferentes de agregar entradas de blog a páginas en tu sitio de WordPress. Estas son las siguientes:

  • Mostrando entradas de blog en la página de inicio de tu sitio.
  • Creando una página dedicada para tus entradas de blog y mostrándolas ahí.
  • Agregando una lista de entradas recientes a otras páginas de tu sitio, como parte del contenido de la página.

Comencemos con la opción más simple: mostrar entradas de blog en tu página de inicio.

Mostrando una lista de entradas de blog en la página de inicio de tu sitio

Ya que WordPress comenzó su vida como una plataforma de blogs, la opción predeterminada es mostrar tus entradas en tu página de inicio.

Si tu sitio es predominantemente un blog o un sitio de noticias, y tus entradas son el contenido al que es más probable que las personas accedan, esto les facilitará las cosas.

Si instalas WordPress y agregas algunas entradas de blog, deberías ver que tus entradas se muestran automáticamente en tu página de inicio. Dependiendo de tu tema, el contenido de cada entrada será mostrado completo o solamente como un extracto y tal vez la imagen destacada.

Un buen ejemplo es el blog de diseño de interiores "Young House Love", que está diseñado para que sea sencillo encontrar las entradas más recientes:

Young House Love websiteYoung House Love websiteYoung House Love website

En este sitio, la página de inicio tiene una lista de entradas recientes. Cada elemento presenta el título, una imagen grande y un extracto.

Si quieres que tus entradas aparezcan en la página de inicio, y WordPress aún no lo está haciendo por ti, esta es la forma en la que puedes hacerlo.

En el administrador de WordPress, ve a Settings > Reading (Configuraciones > Lectura).

Localiza la sección llamada Your homepage displays (Tu página de inicio muestra) y selecciona la opción Your latest posts (Tus entradas más recientes).

Reading settings - homepage displays postsReading settings - homepage displays postsReading settings - homepage displays posts

Haz clic en el botón Save Changes (Guardar cambios) y regresa a tu página de inicio). Verás que muestra todas tus entradas más recientes.

Mostrando una lista de entradas de blog en una página dedicada

La segunda opción es tener tu página de inicio como una página estática con contenido agregado manualmente, y crear otra página para mostrar tus entradas de blog.

Esto significa que puedes agregar cualquier contenido que quieras a tu página de inicio, tal vez información sobre tu negocio o tu sitio. Y luego tienes una página separada para tus entradas. Esto se está volviendo cada vez más común, ya que te brinda más flexibilidad en tu página de inicio, y es útil para un sitio que no es solamente un blog.

Un ejemplo es la Irish Architecture Foundation (Fundación irlandesa de arquitectura). Este sitio web cubre un tema relacionado con el blog de diseño anterior, pero tiene un enfoque diferente. En lugar de ser meramente un blog, se trata de un sitio de negocios diseñado para mostrar a la fundación y su trabajo. Por lo tanto tiene una página principal estática, dominada por una sola imagen, y una página de noticias separada que lista las entradas recientes.

Irish Architecture FoundationIrish Architecture FoundationIrish Architecture Foundation

Si quieres tener una página de inicio estática y un blog o una página de noticias por separado, puedes hacerlo, pero para configurar esto se requieren un par de pasos adicionales. Veamos cómo funciona.

Paso 1: Crea la página de inicio y la página del blog

Comienza creando la página de inicio estática y la página que contendrá las entradas de tu blog.

En el administrador de WordPress, ve a Pages > Add New (Páginas > Agregar nueva). Crea una nueva página llamada Home (Inicio) y agrégale cualquier contenido que quieras usar en tu página de inicio. Haz clic en el botón Publish (Publicar) para publicarla.

creating the static home pagecreating the static home pagecreating the static home page

Después repite esto, creando otra página llamada Blog. Si quieres asignarle otro nombre a esta página (News, o Noticias, por ejemplo), sigue adelante y hazlo. Deja esta página completamente en blanco: no le agregues ningún contenido. WordPress la llenará automáticamente con las entradas de tu blog. Haz clic en Publish (Publicar) para guardar la página.

Ahora tendrás dos páginas configuradas en tu sitio.

Home and Blog pages set upHome and Blog pages set upHome and Blog pages set up

Paso 2: Indícale a WordPress en dónde mostrar las entradas

Ahora ve a Settings > Reading (Configuraciones > Lectura). Localiza el campo Your homepage displays (Tu página de inicio muestra) y selecciona la opción A static page (Una página estática).

Una vez que hayas hecho eso, tendrás que elegir qué página será tu página de inicio y cuál mostrará tus entradas. Para Homepage (Página de inicio) selecciona Home (Inicio), y para Posts page (Página de entradas) selecciona Blog.

Reading settings - static home pageReading settings - static home pageReading settings - static home page

Haz clic en el botón Save Changes (Guardar cambios) para guardar tus configuraciones. Si visitas tu página de inicio, verás que esta muestra el contenido que agregaste a tu página de inicio estática, y tendrás una página separada para el blog.

Paso 3: Agrega la página del blog a tu menú de navegación

Ahora que las entradas de tu blog no están en la página de inicio, necesitarás tener una manera de que los visitantes las encuentren con facilidad. Por lo tanto, deberás agregar tu nueva página a tu menú de navegación.

También es una buena práctica agregar tu página de inicio al menú de navegación principal. Quizá tengas un enlace a ella en el título o el logotipo de tu sitio, pero para mejorar la accesibilidad, también deberías agregarla al menú.

En el administrador de WordPress, ve a Appearance > Menus (Apariencia > Menús).

Si ya tienes un menú principal configurado, selecciónalo. De lo contrario deberás crear uno nuevo.

Haz clic en el enlace create a new menu (crear un menú nuevo) y asígnale un nombre a tu menú.

Una vez que tengas un menú configurado, arrastra tus páginas Home (Inicio) y Blog al menú y colócalas en el orden correcto.

Marca la casilla de verificación Primary menu (Menú principal) en la sección Display location (Ubicación de despliegue) debajo del contenido del menú. Esto garantizará que este menú aparezca como el menú de navegación principal en la parte superior de todas tus páginas.

Home and Blog pages in menuHome and Blog pages in menuHome and Blog pages in menu

Haz clic en el botón Save Menu (Guardar menú) para guardar tu menú. Ahora, cuando visites tu sitio, tendrás un menú de navegación con tu página de inicio y la página de tu blog en él.

Mostrando extractos correctamente en tu página de inicio o en la página de tu blog

Ya sea que estés mostrando entradas en tu página de inicio o en un blog o página de noticias dedicada, la mayoría de los temas mostrarán el extracto de cada entrada.

Quizá descubras que los extractos no son perfectos: tal vez tienen una longitud incorrecta, o se cortan a la mitad de una oración.

Entonces, ¿cómo solucionas esto?

La respuesta es hacer un extracto manual para cada una de tus entradas cuando las creas, o bien volver y editar la entrada.

En la pantalla de edición de entradas, haz clic en el panel Document (Documento) del lado derecho. Desplázate hasta abajo hasta que encuentres la sección Excerpt (Extracto).

Haz clic en la flecha para abrir esa sección y escribe tu extracto en el campo Excerpt (Extracto). Haz clic en Update (Actualizar) para actualizar tu entrada o en Publish (Publicar) para publicarla.

editing the post excerptediting the post excerptediting the post excerpt

Ahora verás que en vez de mostrar las líneas de apertura de tu entrada, la página de inicio o la página del blog mostrarán tu extracto. Esto significa que puedes elaborar un extracto que incentivará a las personas a hacer clic, y eso será bueno para el SEO.

Mostrando una lista de entradas en otra página

Si tienes una página de inicio estática, quizá también quieras crear una lista de entradas recientes para agregarla a dicha página. De esta forma, las personas aún pueden acceder a tus entradas recientes desde tu página de inicio, además de yendo a la página del blog.

Hay dos opciones para esto, pero es una buena idea usar ambas:

  • Si tienes un área de widgets en forma de una barra lateral que aparece en tu página de inicio, agrega el widget Recent Posts (Entradas recientes) a esa área de widgets.
  • Agrega el widget Latest Posts (Entradas más recientes) al contenido de la página de inicio.

Veamos cómo se hace cada una.

Agregando entradas recientes a la barra lateral

Si tu página de inicio es una página de ancho completo y no incluye una barra lateral, esta opción no aplicará. En su lugar, puedes optar por agregar entradas recientes en el pie de página. O puedes agregarlas en la barra lateral de otras páginas que no sean de ancho completo, y agregar el widget Recent Posts (Entradas recientes) al contenido de tu página de inicio.

Pero supongamos por ahora que tu página de inicio incluye un área de widgets en forma de una barra lateral.

En el administrador de WordPress, ve a Appearance > Widgets (Apariencia > Widgets).

Nota: También puedes hacer esto a través del Customizer (Personalizador) si lo prefieres. El proceso es muy similar pero con una interfaz diferente.

Localiza el área de widgets Sidebar (Barra lateral, puede tener un nombre diferente dependiendo de tu tema) a la derecha de la pantalla. Localiza el widget Recent Posts (Entradas recientes) a la izquierda de la pantalla. Arrastra el widget Recent Posts (Entradas recientes) al área de widgets Sidebar (Barra lateral).

Asigna un título al widget Recent Posts (Entradas recientes) si así lo deseas, y selecciona la cantidad de entradas que se mostrarán. Haz clic en el botón Save (Guardar) en el widget para guardar tus cambios.

Recent Posts in Sidebar widget areaRecent Posts in Sidebar widget areaRecent Posts in Sidebar widget area

Ahora regresa a tu sitio en producción y verás una lista de tus entradas más recientes en tu barra lateral. Esto aparecerá en tu página de inicio (si esta no es de ancho completo) y en otras páginas y entradas también.

Agregando entradas recientes al contenido de la página de inicio

Si tienes una página de inicio estática y quieres agregarle una lista de entradas recientes, puedes hacerlo agregando un bloque de widgets en el editor de la página.

Ve a Pages (Páginas) en el administrador de WordPress y selecciona la página de inicio para editarla.

Crea un bloque nuevo haciendo clic en el icono + de la parte superior de la pantalla, o bien presionando la tecla retorno y haciendo clic en el icono + a la derecha del nuevo bloque.

Aparecerá un menú emergente con los bloques disponibles. Selecciona el bloque Latest Posts (Entradas más recientes) en la sección Widgets.

adding the Latest Posts widget blockadding the Latest Posts widget blockadding the Latest Posts widget block

La lista de entradas más recientes aparecerá en tu contenido como un widget.

Puedes editar las configuraciones del bloque en la parte derecha de la pantalla. Entre las configuraciones se encuentran las siguientes:

  • Configuraciones del contenido de las entradas: incluye extractos y títulos.
  • Configuraciones de los metadatos de las entradas: muestra la fecha de publicación.
  • Configuraciones de la imagen destacada: muestra la imagen destacada para cada entrada.
  • Ordenamiento y filtrado: ordena las entradas y elige de qué categorías quieres mostrar entradas.
  • Avanzadas: agrega clases CSS adicionales para la selección en tu hoja de estilo.

Si quieres agregar un encabezado a tu lista, simplemente agrega un bloque de encabezado arriba del bloque de widgets.

También puedes optar por mostrar las entradas como cuadrícula o lista seleccionando Grid View (Vista de cuadrícula) o List View (Vista de lista) de las opciones que aparecen encima del widget en sí. La vista de cuadrícula es particularmente útil al usar imágenes destacadas. Si seleccionas esta opción, puedes configurar la cantidad de columnas en el panel de configuración del bloque del lado derecho.

A continuación puedes ver el bloque configurado con imágenes destacadas en miniaturas, texto a la derecha de cada imagen y una cuadrícula.

configuring the widgetconfiguring the widgetconfiguring the widget

Y aquí puedes apreciar cómo se ve esto en el sitio en producción:

latest posts widget on live sitelatest posts widget on live sitelatest posts widget on live site

Si lo deseas, puedes agregar este widget a cualquier cantidad de páginas que quieras, no solamente a la página de inicio.

Resumen

Dar a los usuarios el acceso a tus entradas a través de un listado en una página de tu sitio de WordPress les facilitará el encontrar tu contenido. Y hay más de una forma de hacer esto.

Puedes mostrar entradas en la pantalla de inicio o en una página de blog dedicada. También puedes agregar una lista de las entradas más recientes usando un widget en tu barra lateral y/o en el contenido de tu página.

Prueba usando uno o más de estos métodos para agregar entradas a las páginas de tu sitio de WordPress y observa cómo se ve.

Los mejores temas y complementos de WordPress en Envato Market

Explora miles de los mejores temas de WordPress alguna vez creados en ThemeForest y los principales complementos de WordPress en CodeCanyon. Compra estos temas y complementos de WordPress de alta calidad y mejora la experiencia en tu sitio web para ti y para tus visitantes.

Estos son algunos de los temas y complementos de WordPress mejor vendidos y más prometedores disponibles para 2020.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.