Content Card Embed In Post Editor

Cómo agregar enlaces como tarjetas de contenido en WordPress

¿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 bueno si pudiera agregar una funcionalidad de tarjeta de contenido similar a su sitio? En este artículo, le mostraremos cómo agregar enlaces como tarjetas de contenido en WordPress.

¿Qué es una tarjeta de contenido?


Muy similares a las tarjetas de Twitter o la vista previa del enlace de Facebook, las tarjetas de contenido le permiten mostrar un resumen del enlace que comparte en su sitio. Piense en ello como incrustar un tweet o un video en su contenido, excepto que ahora está incrustando otras publicaciones. Como la imagen de la vista previa de arriba. Echemos un vistazo a cómo funcionan los mapas de contenido.

¿Cómo funcionan los mapas de contenido?

Los mapas de contenido utilizan metadatos gráficos abiertos para extraer información de enlaces. Si es nuevo en 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 lanzó el protocolo Open Graph y ahora lo utilizan millones de sitios web en todo el mundo. Permite a los propietarios de sitios 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 publicaciones. Los mapas de contenido también proporcionan una buena solución alternativa para sitios web que no tienen metadatos gráficos abiertos. Si agrega un vínculo de este tipo, utilizará la imagen de marcador de posición predeterminada para la imagen seleccionada y mostrará el título de la página vinculada.

Video tutorial

Suscríbase a MundoCMS Si no le gusta el video o necesita más instrucciones, siga leyendo.

¿Cómo agregar mapas de contenido en WordPress?

Lo primero que debe hacer es instalar y activar el plugin Content Cards. Durante la activación, puede ir a crear un nuevo mensaje o modificar uno existente. En la pantalla del editor de publicaciones, verá un nuevo botón en el editor visual titulado CC. Haga clic en él para mostrar la ventana emergente de la tarjeta de contenido.

Agregar Una Tarjeta De Contenido En El Editor De Publicaciones
Simplemente proporcione el enlace a la página que desea incrustar como tarjeta de contenido, marque la casilla de destino si desea abrir el enlace en una nueva ventana y haga clic en el botón Aceptar para insertar el enlace en su publicación. Notará que el enlace se convertirá inmediatamente en un cuadro de contenido. Mostrará una imagen para el artículo, el título, la descripción y el nombre del sitio web. La imagen de la publicación se muestra directamente desde el enlace que compartió y no se almacena en su sitio de WordPress.
Mapa De Contenido Integrado En El Editor De Publicaciones
También puede agregar el mapa de contenido usando un código corto como este:
[contentcards url=»http://MundoCMS.com»] Una vez que haya agregado mapas de contenido a su publicación, puede guardarlos y obtener una vista previa. Tenga en cuenta que los mapas de contenido responden completamente y se verán geniales en todos los dispositivos.

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

Si solo desea crear mapas de contenido para sitios específicos, puede hacerlo en la configuración del plugin. Ir a Configuración »Tarjetas de contenido y agregue los nombres de dominio que desea incluir en la lista blanca.
Página De Configuración Del Plugin De Mapas De Contenido
Los sitios que agregue aquí actuarán como integraciones de YouTube en WordPress. Todo lo que necesita hacer es agregar un enlace y el plugin lo convertirá automáticamente en un mapa de contenido.

Cambiar la apariencia de las tarjetas de contenido

El plugin viene con dos máscaras predeterminadas para mapas 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 máscara predeterminados a su tema o al directorio de temas secundarios. Los archivos de máscara se encuentran en la carpeta / wp-content / plugins / content-cards / skins / default /. Necesitará un cliente FTP para descargar los archivos a su computadora y luego subirlos a su tema o directorio de temas secundarios. Después de eso, puede editar estos archivos usando cualquier editor de texto sin formato. Si le resulta difícil editar y cambiar CSS, puede probar CSS Hero. Es un plugin fácil de usar que le permite modificar CSS usando una interfaz gráfica simple. Esperamos que este artículo le haya ayudado a agregar algunos buenos mapas 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 le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply