WordPress oEmbed incrustar casi todo Calendae

WordPress oEmbed: incrustar (casi) todo – Calendae

Hola y mil gracias por leerme. Soy Samuel López y en el día de hoy te voy a contar sobre WordPress oEmbed: incrustar (casi) todo – Calendae

WordPress oEmbed: incrustar (casi) todo

Colocar videos, imágenes, tweets y muchos otros tipos de medios externos en su sitio web de WordPress es fácil con oEmbed. Los complementos de WordPress son la vida del sistema y más que nunca hay un complemento para casi todo. Pero es bueno poder hacer el trabajo sin el uso de complementos adicionales.

Muchas de las tareas que WordPress oEmbed puede hacer por usted ahora, en el pasado se habrían hecho con la ayuda de un complemento de WordPress, el equipo de desarrollo detrás de WordPress parece bastante ocupado haciendo que los medios de oEmbed sean cada vez más ricos en tipos de medios. que es una gran novedad para los usuarios.

¿Qué es oEmbed?

En pocas palabras, WordPress oEmbed reconoce las URL de varios servicios para formatearlas y mostrarlas automáticamente. Por ejemplo, videos de Youtube, audio de SoundCloud o incluso publicaciones de WordPress. Cuando WordPress ve la URL, se conectará al servicio externo (como Youtube) y solicitará el código HTML relevante para incrustar el video en la página o publicación.

Ya no tiene que meterse con copiar y pegar para obtener el código de un video. Literalmente, puede colocar la URL del video u otros medios directamente en su publicación o página de WordPress y funciona.

¿Para qué se puede utilizar WordPress o Embed?

Si bien oEmbed existe desde hace algún tiempo en WordPress, desde la versión 2.9. Pero desde entonces han agregado varios servicios nuevos que funcionan con oEmbed, por lo que la lista se hace más larga.

Se admiten servicios de video como Youtube, Vimeo e incluso Hulu. Los sitios de fotos, incluidos Instagram, flickr y Photobucket, funcionan muy bien. También se admiten sitios sociales como Twitter y Facebook. Diablos, incluso puedes agregar tus propias publicaciones de blog.

Para obtener una lista completa de los 36 servicios de oEmbed, vaya a Esta página en el código de WordPress.

Cómo utilizar oEmbed en el editor clásico

Para aquellos de ustedes que usan el editor clásico, simplemente pegue los enlaces de su elección en el editor de texto enriquecido. Por lo tanto, si desea compartir la lista de reproducción Mellow Indie Chill de SoundCloud, primero debe obtener la URL:

https://soundcloud.com/soundcloud-scenes/sets/coffee-shop-mellow-indie-chill

Luego péguelo en el área de texto principal y verá esto:

Precioso, ¿no?

Hay una cosa que debe recordar al usar oEmbeds en el editor clásico de WordPress: la URL del archivo los medios deben estar Online por sí mismos. No necesita cambiar al editor de texto ni nada, solo recuerde hacer clic en Enter para que esté en una línea por sí mismo.

Cómo utilizar oEmbed en Gutenberg

Si está utilizando Gutenberg, agregar oEmbed es ligeramente diferente, ya que hay un bloque específico para agregarlos. Para comenzar, puede encontrar el bloque para su tipo de medio específico (Gutenberg tiene varias opciones de bloqueo) o simplemente buscar el bloque Insertar.

Luego agregue su enlace:

Y luego haga clic en el botón para incrustar. El bloque identificará el incrustado y lo mostrará en consecuencia, como se muestra a continuación:

¡Eso es todo!

Verifique el tamaño de los objetos incrustados

Aquí hay un consejo más que vale la pena señalar. WordPress se basa en un establecer el ancho del contenido para controlar el ancho de un objeto incrustado. Algunos temas de WordPress ya tendrán este conjunto y coincidirá con el ancho del contenido mostrado.

Si tiene un tema que no admite este ancho, es muy fácil agregarlo usted mismo.

if ( ! isset( $content_width ) ) 
	$content_width = 600;

Puede insertarlo de forma segura en el archivo function.php de su tema.

WordPress también recomienda agregar algo de CSS a su tema:

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail 
	max-width: 100%;
	height: auto;

Básicamente, lo que hace es verificar si se ha establecido el ancho y, si no, lo establece en 550 (píxeles). Simplemente cambie el número por el que funcione en su situación.

Basado en este valor, WordPress lo usará como ancho para todos los oEmbeds que ve ahora. Es lo suficientemente inteligente como para calcular la altura en función del ancho proporcionado, por lo que no necesita preocuparse por la configuración de la altura.

oEmbed es una gran característica y una que siempre uso. Es genial para los usuarios finales de WordPress, no más problemas con complementos y configuraciones complicadas, simplemente ingrese la URL de soporte en la página y ¡listo!

¡Vaya y pruébelo en su sitio de WordPress ahora!

Puedes compartir en en tu Twitter y Facebook para que tus amigos lo vean

👇👇👇 😘 💪 👇👇👇