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 añadir entradas destacadas en la barra lateral de WordPress (4 métodos)

Mostrar entradas destacadas en la barra lateral de WordPress es una buena forma de destacar contenido importante, atraer la participación de los visitantes y aumentar las visitas a la página.

Por ejemplo, en WPBeginner, mostramos nuestras últimas entradas, guías útiles y páginas de cupones en nuestra barra lateral.

Esto motiva a los usuarios a explorar más nuestro contenido y ayuda a mejorar nuestro tráfico.

En este artículo, le mostraremos cómo mostrar fácilmente entradas destacadas en la barra lateral de WordPress, paso a paso.

How to Add Featured Posts in WordPress Sidebar (4 Methods)

Consejo de experto: Si estás utilizando un tema de bloques, primero tendrás que crear una barra lateral en tu sitio web utilizando el editor de sitios completo para poder seguir este tutorial. Para obtener instrucciones paso a paso, comprobar nuestra guía sobre WordPress barra lateral trucos para obtener los máximos resultados.

Las barras laterales son columnas situadas a la izquierda o a la derecha del área de contenido de su sitio web en WordPress. La mayoría de los propietarios de sitios web utilizan este espacio para añadir un formulario de boletín de correo electrónico, botones de medios sociales, banners publicitarios u otros tipos de contenido.

Otra forma de utilizar la barra lateral es mostrando tus mejores artículos como entradas destacadas. Esto te ayuda a conseguir más tráfico hacia esos artículos y a que tus usuarios puedan descubrir tus mejores contenidos sin tener que buscarlos.

Y si monetiza su sitio web mediante marketing de afiliación o contenidos patrocinados, el hecho de destacar determinadas entradas puede atraer más visitas a las páginas que generan ingresos.

Lo mejor es incluir en la barra lateral entradas que tengan un alto índice de conversión y que ayuden a conseguir más suscripciones a boletines o conversiones en ventas.

Así es como presentamos nuestros mejores artículos en WPBeginner. Este widget de la barra lateral aparece en todas las entradas de nuestro sitio web.

Featured Posts WPBeginner

Dicho esto, vamos a ver cómo añadir entradas destacadas en la barra lateral de WordPress para aumentar las visitas y la participación de los usuarios. Vamos a cubrir cuatro métodos, y se puede utilizar la siguiente lista para navegar rápidamente a través del artículo.

Este método es sencillo y no requiere la instalación de ningún plugin en su sitio web.

Simplemente vaya a la página Apariencia ” Widgets y añada un widget de Lista a su barra lateral de WordPress usando arrastrar y soltar.

Featuring Posts in WordPress Sidebar Using a List Widget

Este widget tiene un editor visual en la parte superior equipado con algunos botones de formato. Puedes añadir los títulos de las entradas que quieras destacar en forma de lista con viñetas.

Para añadir sus entradas destacadas como elementos de la lista, seleccione el título de la entrada y, a continuación, haga clic en el botón de enlazar para añadir un enlace a la entrada del blog.

Puede añadir un encabezado al anuncio / catálogo / ficha añadiendo un widget de encabezado justo encima del anuncio / catálogo / ficha.

Group 2 Widgets Together

Puede hacer que los widgets Encabezado y Ficha actúen como un único bloque creando un grupo. Sólo tienes que seleccionar ambos widgets y hacer clic en el icono Grupo. A continuación, selecciona “Grupo” en el menú desplegable.

No olvides hacer clic en el botón “Actualizar” para guardar los cambios.

Ahora puedes visitar tu sitio web para ver tus entradas destacadas en acción. Así es como se ve en nuestro sitio de demostración.

Featured Posts in WordPress Sidebar Paragraph Widget

Sin embargo, si está utilizando un tema de bloque, entonces el método anterior no funcionará para usted.

En ese caso, visite la página Apariencia ” Editor desde el escritorio de WordPress. Una vez que se abra el editor completo del sitio, elija la opción “Plantillas” en la columna de la izquierda.

Choose the Templates option from the left column

Esto abrirá una nueva página. Aquí, elija la parte de la plantilla donde ha creado y añadido su barra lateral.

Si aún no has creado una en el tema de bloques, consulta nuestro tutorial sobre trucos de WordPress para la barra lateral para maximizar los resultados.

Por ejemplo, hemos añadido la barra lateral a la página “Blog” y elegiremos esa opción.

Choose the template part with the sidebar

La plantilla se abrirá ahora en el editor completo del sitio.

Haz clic en el enlace “Editar” de la barra lateral.

Click Edit for the sidebar template

Ahora puedes añadir y personalizar bloques desde el menú de bloques de la columna izquierda. Desde aquí, añade el bloque “Lista” a la barra lateral.

A continuación, añade los títulos de las entradas destacadas. También puedes añadir un enlace a estas entradas seleccionando el texto y haciendo clic en el botón “Añadir enlace” de la barra de herramientas del bloque.

Además, puede añadir un encabezado para sus entradas destacadas utilizando el menú de bloques.

Add the List block to display Featured posts

Una vez que hayas terminado, sólo tienes que hacer clic en el botón “Guardar” para establecer los ajustes. Para obtener instrucciones más detalladas, consulta nuestra guía definitiva sobre la edición lateral completa.

Ahora, visite su sitio WordPress para ver la lista de entradas destacadas en la barra lateral.

Featured posts preview in the block theme

Método 2. Entradas características en la barra lateral de WordPress usando menús

Este método es menos directo, pero le permite gestionar sus entradas destacadas con mayor eficacia.

En lugar de añadir la lista de entradas destacadas en un widget de lista, crearemos un menú de navegación y lo mostraremos en la barra lateral.

Este método tiene la ventaja de que puedes añadir fácilmente nuevas entradas sin editar el widget y reorganizar la lista con una interfaz de arrastrar y soltar. También podrás utilizar el menú en varios lugares de tu sitio web sin tener que crear una nueva lista cada vez.

Crear un menú de entradas destacadas

En primer lugar, tienes que visitar la página Apariencia ” Menús y hacer clic en el enlace “crear un nuevo menú”.

Create a New Custom Menu in WordPress

A continuación, debe introducir un nombre para su menú que le ayude a identificarlo fácilmente siempre que tenga que añadirlo en algún sitio.

Después de añadir un nombre, haga clic en el botón “Crear menú” para continuar.

Enter Your New Menu Name

WordPress creará un nuevo menú en blanco para usted.

Ahora tienes que hacer clic en la pestaña “Entradas” de la columna de la izquierda para desplegarla. Desde aquí, tienes que seleccionar las entradas que quieres caracterizar. Puedes encontrarlas en Recientes, Todas o utilizar la opción de búsqueda para localizarlas y seleccionarlas.

Select Posts You Want to Feature

Después de elegir las entradas que desea añadir, haga clic en el botón “Añadir al menú”.

Tus entradas aparecerán ahora en la columna de la derecha, y podrás editar cada uno de sus títulos al hacer clic sobre él. También puedes reorganizarlos simplemente arrastrándolos hacia arriba o hacia abajo.

Save Your Menu

Cuando esté satisfecho, haga clic en el botón “Guardar menú” para guardar los cambios.

Su menú ya está listo para ser utilizado.

Consejo: Si utilizas un tema de bloques, dirígete a la página Apariencia ” Editor desde el escritorio de WordPress y despliega la pestaña ‘Navegación’ para crear un menú. Para más información, consulta nuestro tutorial sobre cómo añadir un menú de navegación en WordPress.

Añadir el menú de entradas destacadas a la barra lateral

Simplemente ve a la página Apariencia ” Widgets y añade el widget ‘Menú de navegación’ a tu barra lateral arrastrando y soltando.

Add Navigation Menu Widget to Your Sidebar

A continuación, debe proporcionar un título para el widget del menú de la barra lateral y, a continuación, seleccionar el menú de entradas destacadas que creó anteriormente en el menú desplegable.

No olvides hacer clic en el botón “Actualizar” para guardar los ajustes de tu widget. Ahora puedes visitar tu sitio web para ver tu lista de entradas destacadas en acción.

Featured Posts Displayed Using Navigation Menu Widget

Alternativamente, puedes mostrar tus entradas características dentro de una entrada o página de WordPress. Esta es una buena opción si está utilizando el editor de páginas para crear una estructura/ disposición / diseño / plantilla de página de inicio personalizada, o su tema puede no tener una barra lateral.

Este método es similar al Método 1 pero le permite caracterizar entradas en sus entradas y páginas de WordPress en lugar de la barra lateral.

Simplemente edita una entrada o página de WordPress en la que quieras mostrar tus entradas destacadas. En la pantalla de edición de entradas, debes hacer clic en el botón añadir nuevo bloque (+) de la parte superior y, a continuación, añadir el bloque Lista a tu área de contenido.

featured method 3 list block

Ahora, debe añadir el título de cada entrada de blog que desee destacar como una característica en el anuncio / catálogo / ficha. A continuación, seleccione el texto y haga clic en el botón de enlace de la barra de herramientas para crear un enlace al artículo.

Una vez que haya terminado, puede guardar los cambios y actualizar o publicar la entrada.

Cómo hacer que el bloque de entradas destacadas sea un patrón

Una gran característica del editor de bloques es que puede guardar un bloque como “patrón” y añadirlo a las entradas o páginas que desee.

Para crear un patrón para el bloque de entradas destacadas, haz clic en el icono de menú de tres puntos de la barra de herramientas y selecciona “Crear patrón”.

Create a pattern

A continuación, se le pedirá que dé un nombre a su patrón. Dale un nombre que te ayude a identificarlo fácilmente más adelante.

Si lo desea, también puede elegir una categoría.

Add a name and category for your pattern

Una vez que haya terminado, haga clic en el botón “Añadir”.

Ahora puedes añadir fácilmente el bloque de entradas destacadas cada vez que edites una entrada o página. Sólo tienes que hacer clic en el botón “Añadir nuevo bloque” (+) y cambiar a la pestaña “Patrones”. A continuación, escribe el nombre de tu patrón para encontrarlo.

Add a pattern

También puedes editar estos patrones, y se actualizarán automáticamente en todas partes. Para más detalles, consulta nuestro artículo sobre cómo añadir bloques reutilizables en WordPress.

Un simple y sencillo enlazar de fichas puede pasar desapercibido para los usuarios. Utilizar un plugin para mostrar miniaturas de tus entradas destacadas ayudará a los usuarios a fijarse en ellas más fácilmente.

En primer lugar, debe instalar y activar el plugin MonsterInsights. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Consejo de experto: En WPBeginner, usamos el plugin MonsterInsights para supervisar el tráfico de nuestro sitio, y ha sido invaluable para ayudarnos a desarrollar estrategias de contenido que impulsan las conversiones. Para más detalles, vea nuestra reseña / valoración de MonsterInsights.

Necesitarás una cuenta MonsterInsights Plus o superior para mostrar entradas destacadas y acceder a características avanzadas de seguimiento. También hay una versión MonsterInsights Lite que le permite empezar con el análisis de su sitio.

Una vez activado, se le llevará a la pantalla de bienvenida MonsterInsights dentro de su escritorio de WordPress. Haz clic en el botón “Iniciar el asistente” para configurar el plugin y conectar Google Analytics con WordPress.

Launch setup wizard

Puede seguir nuestra guía paso a paso sobre cómo añadir Google Analytics a WordPress.

Una vez establecido el plugin, tendrás que ir a Insights ” Entradas populares en tu área de administrador de WordPress. Aquí, puedes seleccionar un tema para tu widget de entradas populares.

Para empezar, haz clic en la pestaña “Widget de entradas populares” situada en la parte superior de la página. Sin embargo, si quieres mostrar la lista de entradas destacadas en un anuncio / página, entonces debes elegir la pestaña ‘Entradas populares integradas’.

A continuación, debe seleccionar un tema al hacer clic en él.

Choose a Theme for the Popular Posts Widget

Inmediatamente verás una vista previa de ese tema en el área de Vista previa del tema que hay debajo. Tendrá que hacer clic en la opción Estrechar para ver la ficha en forma de widget.

No todos los temas muestran miniaturas con el título de la entrada, así que asegúrate de elegir uno que lo haga. Tendrás que volver a seleccionar el tema cuando añadas el widget a tu barra lateral de WordPress, así que anótalo.

MonsterInsights Popular Posts Theme Preview

Ahora puede desplazarse hasta la sección “Personalizar diseño”.

Aquí puedes ajustar el color, el tamaño y el fondo del título, el autor y la fecha. Si colocas el anuncio / catálogo / ficha en una entrada o página, también puedes elegir el número de columnas que se utilizarán.

Customize the Design of the Popular Posts List

El ajuste Recuento de entradas permite elegir cuántas entradas se mostrarán en el widget. El menor número de entradas que puede mostrar es 2, y el mayor es 10.

También puede elegir qué información se mostrará con el título y la miniatura de la entrada. Por defecto, también se mostrarán el autor y la fecha de la entrada, pero puede desactivar estos ajustes utilizando los botones conmutadores.

Customize the Design of the Popular Posts List

A continuación, tendrás que desplazarte hasta la sección Comportamiento de los ajustes.

La opción Widget Styling permite a los usuarios avanzados dar estilo a la lista de entradas destacadas usando código CSS personalizado. Para este tutorial, nos quedaremos con los estilos por defecto.

Customize the Behavior of the Popular Posts List

Debe ordenar la lista utilizando la opción Seleccionado. Esto te permite seleccionar las entradas que serán destacadas. Como alternativa, puedes hacer que las entradas más populares se seleccionen automáticamente al hacer clic en las opciones Comentarios o Recuento compartido.

Para añadir una entrada a la lista, escriba su título. Aparecerá una lista de entradas coincidentes, y podrá hacer clic en la correcta.

Customize the Behavior of the Popular Posts List

Asegúrate de incluir al menos el mismo número de entradas que el número de entradas establecido anteriormente. Si incluye más entradas, el widget rotará aleatoriamente entre ellas.

El ajuste Automatizado + Seleccionado incluye automáticamente tus cinco entradas más populares en la rotación. Para activarlo, solo tienes que conmutar los ajustes.

How to Easily Add Custom CSS to Your WordPress Site

El título del widget le permite mostrar un título en la parte superior del widget. No dudes en añadir un título aquí, pero tendrás que escribirlo de nuevo cuando añadas el widget a tu barra lateral.

Hay muchos otros ajustes para el widget de Entradas Populares de MonsterInsights. Para este tutorial, usaremos los ajustes por defecto para las opciones restantes.

Cuando haya terminado, vuelva a la parte superior de la página y haga clic en el botón “Guardar cambios” para que el nuevo widget esté disponible en su sitio web.

Click the Save Changes Button to Store Your New Widget

Ahora tienes que ir a Apariencia ” Widgets.

Aquí, añade el widget ‘Entradas populares – MonsterInsights’ a tu barra lateral usando arrastrar y soltar.

Add the Popular Posts Widget to Your Sidebar

Tendrás que introducir un título para el widget, seleccionar el número de entradas a mostrar y elegir el mismo tema que antes en el tutorial. Cuando hayas terminado, no olvides hacer clic en el botón “Actualizar” para guardar los ajustes del widget.

Bonus: El bloque ‘Popular Posts MonsterInsights’ también estará disponible en el editor completo del sitio si estás usando un tema de bloques.

No dudes en visitar tu sitio web para ver tus entradas destacadas con miniaturas. Así es como se ve en nuestro sitio web de demostración.

Preview of Featured Posts with Thumbnails

Esperamos que este artículo te haya ayudado a aprender cómo destacar fácilmente entradas en la barra lateral de WordPress. También puedes consultar nuestra guía sobre los datos de marketing de sitios web que debes seguir 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

2 comentariosDeja una respuesta

  1. Shubham Davey

    How are you guys having dotted menu pagination in the featured posts box?

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.