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 realizar trabajos 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 comprometido con hacer que oEmbed admita cada vez más tipos de medios enriquecidos, lo cual es genial nuevo 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 los trabajos de 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 oEmbed?
Si bien oEmbed existe desde hace un tiempo en WordPress, desde la versión 2.9. Pero desde entonces han agregado una serie de nuevos servicios que funcionan con oEmbed, por lo que la lista es cada vez más larga.
Todos los servicios de video como Youtube, Vimeo e incluso Hulu son compatibles. Los sitios de fotos como Instagram, flickr y Photobucket funcionan muy bien. Incluso se admiten sitios sociales como Twitter y Facebook. Diablos, incluso puedes agregar las publicaciones de tu blog.
Para obtener una lista completa de los 36 servicios de oEmbed, diríjase a esta página en el Codex de WordPress.
Cómo utilizar oEmbeds en el editor clásico
Para aquellos de ustedes que utilizan el Editor clásico, simplemente deben pegar los enlaces de su elección en el editor de texto enriquecido. Entonces, 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:
Genial, ¿eh?
Hay una cosa que debe recordar al usar oEmbeds en el editor clásico de WordPress: la URL del los medios deben estar en una línea por sí mismos. No necesita cambiar al editor de texto ni nada, solo recuerde hacer clic en Intro para que esté en una línea por sí mismo.
Cómo utilizar oEmbeds en Gutenberg
Si está utilizando Gutenberg, agregar oEmbed es un poco diferente, ya que hay un bloque específicamente para agregarlos. Para comenzar, puede encontrar el bloque para su tipo de medio específico (Gutenberg tiene varias opciones de bloque) o simplemente buscar el bloque Insertar.
A continuación, 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!
Controlar el tamaño de los objetos incrustados
Aquí hay un consejo adicional que vale la pena señalar. WordPress se basa en un configuración de ancho de contenido para controlar qué tan ancho debe ser un objeto incrustado. Algunos temas de WordPress ya tendrán este conjunto y coincidirá con el ancho del contenido que se muestra.
Si tiene un tema que no admite este ancho, es muy fácil agregarlo usted mismo.
if ( ! isset( $content_width ) ) {
$content_width = 600;
}
Puede colocarlo de forma segura en el archivo function.php de su tema.
WordPress también recomienda agregar un poco 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 que proporcione, por lo que no hay necesidad de preocuparse por la configuración de la altura.
oEmbed es una gran funcionalidad y la uso todo el tiempo. Es brillante para los usuarios finales de WordPress, no más problemas con complementos y configuraciones complicadas, simplemente coloque la URL de los medios en la página y listo.
¡Vaya y pruébelo en su sitio de WordPress ahora!