Cómo añadir enlaces como tarjetas de contenido en WordPress

¿Te gusta cómo los sitios de medios sociales como Facebook y Twitter muestran vistas previas de enlaces al pegar un enlace en tu estado? ¿No sería bueno que pudieras añadir una funcionalidad de tarjetas de contenido similar en tu sitio? En este artículo, le mostraremos cómo añadir enlaces como tarjetas de contenido en WordPress.

¿Qué es una tarjeta de contenido?

Muy similar a las tarjetas de Twitter o Facebook Link Preview, las tarjetas de contenido le permiten mostrar un resumen del enlace que comparte en su sitio.

Piensa en ello como incrustar un tweet o incrustar un vídeo en tu contenido, excepto que ahora estás incrustando otros artículos.

Al igual que la imagen de la vista previa anterior. Echemos un vistazo a cómo funcionan las tarjetas de contenido.

¿Cómo funcionan las tarjetas de contenido?

Las tarjetas de contenido utilizan metadatos de gráficos abiertos para extraer la información del enlace. Si no sabes acerca de los metadatos de gráficos abiertos, entonces necesitas consultar nuestra guía sobre cómo añadir metadatos de gráficos abiertos de Facebook en WordPress.

Facebook inició el protocolo de gráficos abiertos y ahora es utilizado por millones de sitios web en todo el mundo. Permite a los propietarios de sitio proporcionar información estructurada sobre un artículo.

Estos datos son utilizados por Facebook, twitter, etc. para mostrar información cuando alguien comparte el enlace en su plataforma.

Debido a la popularidad y el alcance de la red social de Facebook, la mayoría de los sitios web tienen metadatos gráficos abiertos en sus artículos.

Las Tarjetas de contenido también vienen con un bonito complemento para los sitios web que no tienen metadatos de gráficos abiertos. Si agrega un enlace de este tipo, entonces utilizará la imagen predeterminada de marcador de posición para la imagen destacada y mostrará el título de la página enlazada.

Video Tutorial

Suscribirse a AprenderWP

Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.

Cómo Añadir Tarjetas de Contenido en WordPress?

Lo primero que debe hacer es instalar y activar el plugin Content Cards. Una vez activada, puedes ir a crear un nuevo mensaje o editar uno ya existente.

En la pantalla del editor de mensajes, notará un nuevo botón en el editor visual llamado CC.

Al hacer clic en él se le mostrará la ventana emergente de añadir contenido a la tarjeta.

Simplemente proporciona el enlace a la página que quieres insertar como tarjeta de contenido, marca la casilla de destino si quieres abrir el enlace en una nueva ventana, y haz clic en el botón Aceptar para insertar el enlace en tu mensaje.

Notarás que el enlace se transformará inmediatamente en una caja de contenido. Se mostrará una imagen del artículo, título, descripción y el nombre del sitio web.

La imagen del artículo se muestra directamente desde el enlace que compartiste, y no se almacena en tu sitio de WordPress.

También puede añadir la tarjeta de contenido utilizando un código abreviado como este:

tarjetas de contenido ]

Después de añadir tarjetas de contenido a tu mensaje, puedes guardarlo y previsualizarlo. Tenga en cuenta que las tarjetas de contenido son totalmente sensibles y se verán muy bien en todos los dispositivos.

Convertir automáticamente enlaces en tarjetas de contenido para sitios específicos

Si sólo desea crear tarjetas de contenido para sitios específicos, puede hacerlo en la configuración de los plugins. Vaya a Configuración " Tarjetas de contenido y añada los nombres de dominio que desee incluir en la lista blanca.

Los sitios que añadas aquí actuarán como YouTube Embeds en WordPress. Todo lo que tendrá que hacer es añadir un enlace y el plugin lo convertirá automáticamente en una tarjeta de contenido.

Cambio de la apariencia de las tarjetas de contenido

El plugin viene con dos skins por defecto para las tarjetas de contenido que se pueden cambiar desde la página de configuración del plugin.

También puede cambiar la apariencia de las tarjetas de contenido copiando los archivos de carátula predeterminados en el directorio de temas o en el directorio de temas secundarios.

Los archivos skin se encuentran en la carpeta /wp-content/plugins/content-cards/skins/default/. Necesitará un cliente FTP para descargar los archivos a su ordenador y luego cargarlos de nuevo en su directorio temático o en el directorio temático infantil.

Después puede editar estos archivos usando cualquier editor de texto plano. Si encuentras difícil editar y cambiar CSS, entonces puedes probar CSS Hero. Es un plugin fácil de usar que le permite modificar CSS usando un simple GUI.

Esperamos que este artículo le haya ayudado a añadir bonitas tarjetas de contenido para enlaces externos en WordPress. También puedes ver nuestra guía sobre cómo crear fácilmente galerías de imágenes en WordPress con Envira.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir