Curso de ACF Básico – #16 – Campo oEmbed

El campo del tipo oEmbed de ACF nos permite agregar contenido de otras plataformas a nuestro entorno WordPress. Digo entorno porque como ya sabes, podemos anexarlo a nuestras entradas, taxonomías, usuarios, páginas de opciones, etc.

El abanico de servicios soportados es muy amplio, siendo los más conocidos: YouTube, Twitter, Facebook, el propio WordPress, Spotify, Vimeo entre tantísimos otros que te muestro a continuación:

Servicios soportados por oEmbed de WordPress
Servicios soportados por oEmbed de WordPress

Para este vídeotutorial voy a enseñarte a utilizar el campo oEmbed de ACF con un ejemplo de una página Web de películas (estilo IMDB) donde utilizaremos este campo personalizado para incrustar los tráilers de las mismas.

Videotutorial

Contenido exclusivo para usuarios de la Zona Premium

Suscríbete a la Zona Premium para disfrutar de este y demás videotutoriales.

Ejemplo del campo oEmbed de ACF en el Frontend
Resultado final del ejemplo del campo oEmbed de ACF.

Interfaz gráfica

Configuraciones

  • Tamaño del Embed: Con esta configuración podremos especificar un valor para el ancho o alto del objeto incrustado (en píxeles).
    Para los vídeos dejo un tip de CSS para convertirlos en responsive sin perder el aspect-ratio.

Utilización en Frontend

En este caso ACF solamente recupera el valor de base de datos pero es el propio sistema de oEmbed de WordPress quien se encarga de incrustar los distintos iframes de los servicios.

En el siguiente código te dejo el ejemplo que estuvimos trabajando en el videotutorial con una leve mejora para convertir los vídeos en responsive sin perder su aspect-ratio.

Código exclusivo para usuarios de la Zona Premium

Suscríbete a la Zona Premium para ver el código de este y otros artículos.


¿Qué te pareció el artículo?
No molaPobreMolaMuy bueno¡Excelente! (1 votos, promedio: 5,00 de 5)
Cargando…
Mauricio Gelves
Mauricio Gelves es Lic. en Informática y trabaja como Consultor Web Freelance con su marca personal MauGelves. Se especializó en WordPress para ofrecer soluciones personalizadas y rentables a medianas y largas empresas. Es Nómade Digital desde el año 2015, actividad que combina sus dos principales pasiones: la informática y los viajes, y refleja sus experiencias a través de sus hobbies audiovisuales en Instagram y YouTube.
10 Pasos para ser Freelance - eBook Gratuito

10 pasos para convertirte en Freelance

Descarga en forma totalmente gratuita mi eBook en donde explico los 10 pasos que he dado para convertirme en Freelance.

Ingresa tu email y recibe en tu bandeja de correo el enlace para descargarte el eBook.

(Te doy mi palabra que solo enviaré un email al mes con todas mis novedades)


Deja un comentario

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

× ¿Puedo ayudarte?