¿Le gusta la forma en que los sitios de redes sociales como Facebook y Twitter muestran vistas previas de enlaces cuando pega un enlace en su estado? ¿No sería genial si pudiera agregar una función de tarjeta de contenido similar a su sitio web? En este artículo, le mostraremos cómo agregar enlaces como tarjetas de contenido en WordPress.

¿Qué son las tarjetas de contenido?

Vista previa de la tarjeta de contenido incrustada en la publicación de WordPress

Al igual que las tarjetas de Twitter o las vistas previas de enlaces de Facebook, las tarjetas de contenido le permiten mostrar un resumen de los enlaces que ha compartido en su sitio web.

Piense en ello como incrustar un tweet o incrustar un video en su contenido, pero ahora está incrustando otros artículos.

Al igual que la imagen en la vista previa de arriba. Veamos cómo funcionan las tarjetas de contenido.

¿Cómo funcionan las tarjetas de contenido?

Las tarjetas de contenido utilizan metadatos abiertos para extraer información de enlaces. Si no conoce los metadatos de gráficos abiertos, debe consultar nuestra guía sobre cómo agregar metadatos de gráficos abiertos de Facebook en WordPress.

Facebook inició el Open Graph Protocol, que ahora es utilizado por millones de sitios web en todo el mundo. Permite a los propietarios de sitios web proporcionar información estructurada sobre los artículos.

Facebook, Twitter, etc. usan estos datos para mostrar información cuando alguien comparte un enlace en su plataforma.

Debido a la popularidad e influencia de la red social Facebook, la mayoría de los sitios web tienen metadatos abiertos en sus artículos.

Las tarjetas de contenido también proporcionan una alternativa ingeniosa para los sitios sin metadatos de gráficos abiertos. Si agrega dicho enlace, utilizará la imagen de marcador de posición predeterminada como imagen destacada y mostrará el título de la página vinculada.

videotutorial

Suscríbete a WPBeginner

Si no te gusta el video o necesitas más explicaciones, sigue leyendo.

¿Cómo agregar tarjetas de contenido en WordPress?

Lo primero que debe hacer es instalar y activar el complemento Tarjetas de contenido. Una vez activado, puede ir a crear una nueva publicación o editar una publicación existente.

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

Al hacer clic en él, se mostrará la ventana emergente You Add Content Card.

Agregar tarjetas de contenido en el editor de publicaciones

Simplemente proporcione el enlace a la página que desea incrustar como una tarjeta de contenido, marque la casilla de destino si desea que el enlace se abra en una nueva ventana y haga clic en el botón Aceptar para insertar el enlace en la publicación.

Notará que el enlace se convertirá instantáneamente en un cuadro de contenido. Mostrará imágenes del artículo, título, descripción y nombre del sitio web.

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

Tarjeta de contenido incrustada en el editor de publicaciones

También puede agregar tarjetas de contenido usando un código abreviado como este:

[contentcards url="http://wpbeginner.com"]

Después de agregar una tarjeta de contenido a su publicación, puede guardarla y obtener una vista previa. Tenga en cuenta que las tarjetas de contenido son totalmente receptivas y se ven muy bien en todos los dispositivos.

Convierta automáticamente los enlaces en tarjetas de contenido específicas del sitio

Si solo desea crear tarjetas de contenido para un sitio específico, puede hacerlo en la configuración del complemento.ir con Ajustes » Tarjetas de contenido y agregue el nombre de dominio para incluirlo en la lista blanca.

Página de configuración para el complemento de la tarjeta de contenido

El sitio web que agregue aquí será similar a una inserción de YouTube en WordPress. Todo lo que necesita hacer es agregar un enlace y el complemento lo convertirá automáticamente en una tarjeta de contenido.

Cambiar la apariencia de las tarjetas de contenido

El complemento viene con dos máscaras de tarjeta de contenido predeterminadas que se pueden cambiar desde la página de configuración del complemento.

También puede cambiar la apariencia de las tarjetas de contenido copiando los archivos de máscara predeterminados en el directorio de temas o subtemas.

Los archivos de máscara se encuentran en /wp-content/plugins/content-cards/skins/default/ carpeta. Necesitará un cliente FTP para descargar los archivos a su computadora y luego volver a cargarlos en su directorio de temas o subtemas.

Posteriormente, puede editar estos archivos con cualquier editor de texto sin formato. Si le resulta difícil editar y cambiar CSS, puede probar CSS Hero. Este es un complemento fácil de usar que le permite modificar CSS con una GUI simple.

Esperamos que este artículo lo haya ayudado a agregar hermosas tarjetas de contenido para enlaces externos en WordPress. También puede consultar nuestra guía sobre cómo crear fácilmente galerías de imágenes receptivas en WordPress con Envira.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.