Curso de ACF Básico – #17 – Campo Wysiwyg

El campo del tipo Wysiwyg de ACF, del acrónimo en inglés «What You See Is What You get» (lo que ves es lo que obtienes) nos permite añadir contenido enriquecido a nuestras entidades de WordPress.

No te dejes engañar por el nombre complicado ya que es el editor que hemos utilizado en WordPress durante muchísimos años antes de la llegada de Gutenberg.

Campo Wysiwyg de ACF
Campo Wysiwyg de ACF

Videotutorial

En el videotutorial vamos a ver un ejemplo de cómo implementar la biografía de un autor (el cual permita negritas, cursivas, enlaces, etc) para el Custom Post Type «libro».

Contenido exclusivo para usuarios de la Zona Premium

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

Resultado en Frontend del campo Wysiwyg de ACF
Resultado en Frontend del campo Wysiwyg de ACF

Interfaz gráfica

Configuraciones

  • Pestañas:
    • Visual: Permite agregar contenido solo utilizando la botonera del campo.
    • Texto: Agrega una pestaña donde podemos ver y editar el HTML que vamos generando en la parte visual.
    • Visual y texto: Agrega ambas posibilidades.
  • Barra de herramientas (ver imagen comparativa en Interfaz Gráfica):
    • Full: Muestra la barra de herramientas con todas las opciones.
    • Basic: Muestra solamente las opciones de edición de texto.
  • ¿Mostrar el botón Media Upload?: De ser verdadero el usuario administrador podrá agregar elementos de la librería de medios de WordPress.

Utilización en Frontend

La API de ACF devuelve el HTML generado en el campo (párrafos, imágenes, encabezados, etc). De querer agregar un estilo general al campo, debemos «envolver» la renderización del campo con otra etiqueta de HTML (div, section, etc).

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! (Ninguna valoración todavía)
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?