ThemeLocal: consejos de blog que funcionan como magiaThemeLocal: consejos de blog que funcionan como magiaThemeLocal: consejos de blog que funcionan como magia
  • Blogging
  • WordPress
  • Marketing por correo
  • SEO
  • Redes sociales
  • Más
    • Tutoriales
    • Shopify
    • Críticas
    • Consejo
    • Seguridad
    • Software y servicios
    • Generación de tráfico
    • Guia de principiantes
    • Escaparate
Search
  • Términos de Uso
  • Política de privacidad
  • Política de cookies
  • Contactar
© 2022 Themelocal. Reservados todos los derechos.
Lectura: WordPress oEmbed: incrustar (casi) todo
Cuota
Notificación Mostrar más
Aa
ThemeLocal: consejos de blog que funcionan como magiaThemeLocal: consejos de blog que funcionan como magia
Aa
  • Blogging
  • WordPress
  • Marketing por correo
  • SEO
  • Redes sociales
  • Más
Search
  • Blogging
  • WordPress
  • Marketing por correo
  • SEO
  • Redes sociales
  • Más
    • Tutoriales
    • Shopify
    • Críticas
    • Consejo
    • Seguridad
    • Software y servicios
    • Generación de tráfico
    • Guia de principiantes
    • Escaparate
Síganos
  • Términos de Uso
  • Política de privacidad
  • Política de cookies
  • Contactar
© 2022 Themelocal. Reservados todos los derechos.
ThemeLocal: consejos de blog que funcionan como magia > Blog > Consejo > WordPress oEmbed: incrustar (casi) todo
Consejo

WordPress oEmbed: incrustar (casi) todo

Última actualización: noviembre 17, 2021 12:36 am
ThemeLocal hace 2 años 6 Minutos mínimos para leer
Cuota
6 Minutos mínimos para leer
Cuota

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.

Contents
¿Qué es oEmbed?¿Para qué se puede utilizar WordPress oEmbed?Cómo utilizar oEmbeds en el editor clásicoCómo utilizar oEmbeds en GutenbergControlar el tamaño de los objetos incrustados

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.

WordPress oEmbed en Gutenberg

A continuación, agregue su enlace:

WordPress oEmbed Gutenberg Block

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:

WordPress oEmbed Gutenberg Display

¡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!

También podría gustarte

El buque insignia Oppo Find X5 Pro cuesta casi la mitad de precio para Cyber ​​​​Monday

TLS vs SSL: ¿Qué protocolo debería utilizar para WordPress?

Cómo realizar una prueba de estrés en un sitio web de WordPress (2023)

La cafetera Sage the Barista baja de precio en casi £ 100

Cómo borrar todo el contenido y la configuración de tu Mac

ETIQUETADO: casi, incrustar, oEmbed, todo, WordPress
ThemeLocal noviembre 17, 2021 noviembre 17, 2021
Comparte este artículo
Facebook Twitter Pinterest Whatsapp Whatsapp
Cuota
¿Qué piensas?
Amor0
Triste0
Contento0
Somnoliento0
Enfadado0
Sin comentarios0
Guiño0
Artículo anterior Los 13 mejores complementos de WordPress para fitness y gimnasio
Artículo siguiente Cómo alojar un podcast con WordPress usando PowerPress
Deja un comentario

Deja una respuesta Cancelar la respuesta

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

Publicación popular

1Revisión de los auriculares abiertos More Fit SE S30
Reseñas de tecnología
Revisión de OneOdio OpenRock S
Reseñas de tecnología
Cómo escanear documentos en la aplicación Notas en iPhone
Cómo
¿Sufres de adicción al iPhone? Responda este cuestionario para descubrirlo
Cómo
¿La búsqueda de Google no funciona? Solucionarlo rápidamente en iPhone y iPad (iOS 17)
Cómo
Consejo del día: Cómo instalar iOS 8 en su iDevice
Cómo

También podría gustarte

Ofertas

El buque insignia Oppo Find X5 Pro cuesta casi la mitad de precio para Cyber ​​​​Monday

hace 4 días 6 Minutos mínimos para leer
Guia de principiantes

TLS vs SSL: ¿Qué protocolo debería utilizar para WordPress?

hace 1 semana 9 Minutos mínimos para leer
Guia de principiantes

Cómo realizar una prueba de estrés en un sitio web de WordPress (2023)

hace 1 semana 11 Minutos mínimos para leer
Ofertas

La cafetera Sage the Barista baja de precio en casi £ 100

hace 2 semanas 3 Minutos mínimos para leer
Cómo

Cómo borrar todo el contenido y la configuración de tu Mac

hace 2 semanas 5 Minutos mínimos para leer
Ofertas

La oferta de iPhone 13 Pro reacondicionado de Amazon es casi demasiado buena para creerla

hace 2 semanas 5 Minutos mínimos para leer
Ofertas

Obtenga casi £ 600 de descuento en el Galaxy Z Fold 4 con esta oferta del Black Friday

hace 2 semanas 6 Minutos mínimos para leer
Ofertas

La oferta perfecta y todo incluido del iPhone 14 Pro Max acaba de llegar

hace 3 semanas 3 Minutos mínimos para leer
Mostrar más
ThemeLocal: consejos de blog que funcionan como magiaThemeLocal: consejos de blog que funcionan como magia
Síganos
© 2022 Themelocal. Reservados todos los derechos.
  • Términos de Uso
  • Política de privacidad
  • Política de cookies
  • Contactar
Welcome Back!

Sign in to your account

¿Perdiste tu contraseña?