¿Qué son los campos personalizados? ¿Y cómo puedo utilizar ACF en mi web?

¿Qué son los campos personalizados? ¿Y cómo puedo utilizar ACF en mi web?

Juan Hernando (@ciudadanob) Desarrollo web con WordPress Coorganizador WP Pontevedra & PonteWordCamp ciudadanob.com enlacepermanente.es

Vamoh a organizah algoh

Vamoh a organizah algoh Pero que haya de comer y de beber

Vamoh a organizah algoh Pero que haya de comer y de beber He oído que el pulpo va barato…

Vale, la WordCamp muy bien, pero… ¿No podemos hacer algo…

Vale, la WordCamp muy bien, pero… ¿No podemos hacer algo… más grande?

Y aquí y ahora nació… O Son Do WordPress

Y aquí y ahora nació… O Son Do WordPress

Mi tarea en exclusiva: Montar la web Todo lo demás: Para eso está el equipo

Primer paso: Instalar WordPress Segundo paso: Personalizar el Twenty Seventeen

Tercer paso: Mi primer post en la categoría Blog

El equipo ha ido haciendo su trabajo mientras yo me entretenía con la web…

PRIMER ARTISTA CONFIRMADO

Emma, Euri y los seres queridos

La nota que me pasan dice así: Información: Emma, Euri y los seres queridos Origen: Santiago de Compostela Componentes: Emma (voz), Euri (guitarra) Concierto: Sábado 21/09 a las 16:00 Biografía: {texto largo} Fotografías: {imágenes}

Y yo me imagino cómo debería maquetarse… Emma, Euri y los seres queridos DATOS DE LA BANDA Origen: Santiago de Compostela Componentes: Emma (voz), Euri (guitarra) Concierto: Sábado 21/09 a las 16:00 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

WordPress tiene por defecto unos campos personalizados. Son bastante precarios. Se usa get_post_meta( ). Se repiten en todos lados. Recomendado: Charla de Mauricio en la WordCamp Madrid 2017

ADVANCED CUSTOM FIELDS al rescate https://wordpress.org/plugins/advanced-custom-fields/

SEGUNDO ARTISTA CONFIRMADO

Franz Ferdinahosting

La nueva nota que me pasan dice así: Información: Franz Ferdinahosting Origen: Santiago de Compostela Componentes: Lucía (voz), Adriana (guitarra), Iván (bajo) Concierto: Sábado 21/09 a las 17:00 Biografía: {texto largo} Fotografías: {imágenes}

ADVANCED CUSTOM FIELDS https://advancedcustomfields.com Un proyecto de Elliot Condon (AUS) Versión Gratuita y Versión Pro ($25-$100)

1 2 3 ACF básico

1 2 3 ACF básico Podemos crear todos los campos y de todos los tipos que necesitemos para nuestra página web y estructura.

1 2 3 ACF básico Multitud de opciones para cada tipo de campo individual (solo es obligatorio rellenar el nombre y el tipo)

1 2 ¿Dónde y cómo queremos que aparezcan los campos que acabamos de crear? 3 ACF básico

1 2 3 ACF básico Podemos seleccionar los elementos que queremos ocultar en la pantalla al mostrar el grupo de campos.

La nueva página de edición del contenido Sólo tiene los campos que hemos decidido que son necesarios para este tipo de contenido o categoría.

TERCER ARTISTA CONFIRMADO

Triángulo de Comer Tortilla

La siguiente nota que me pasan dice así: Información: Triángulo de Comer Tortilla Origen: Pontevedra Componentes: José Luis (batería), Carlos (teclado), Miguel (xilófono), Gerardo (conchas) Concierto: Sábado 21/09 a las 22:00 Biografía: {texto dramáticamente largo} Fotografías: {imágenes}

El problema… ¿cómo se muestra esta información en la página web?

Supongamos que hemos creado un tema hijo Supongamos que sabemos copiar y pegar Supongamos que hemos hecho un backup antes La Biblia de ACF: su documentación https://www.advancedcustomfields.com/resources/ Obtener el dato del campo: get_field( ); Mostrar el dato del campo: the_field( );

Unas pocas líneas de magia…

Y aquí tenemos nuestros campos (con un poco de estilo)

Infinitas posibilidades

Campos de objeto Con un desplegable para elegir un post, página, CPT para enlazarlo desde el post actual. Por ej., si creamos posts de categoría ‘Escenario’, podemos enlazar cada artista con el post de la info del sitio donde tocan. Campos repeater Te permite crear campos con subcampos que se pueden crear con un solo clic todas las veces necesarias. Por ej., si creamos una lista de canciones que tienen título y enlace a su vídeo, podemos crear una lista infinita.

AwesomeACF Por si necesitas más https://awesomeacf.com/

Listar artistas por ciudad Podemos crear páginas por ciudades y sólo mostrar los que tengan ciertos valores en el campo de origen. https://www.advancedcustomfields.com/resources/queryposts-custom-fields/ Listar artistas por fecha del concierto Podemos ordenar todos los artistas por el valor del campo fecha del concierto para que salgan en orden. https://www.advancedcustomfields.com/resources/date-timepicker/

¿Tiene alguna desventaja?

ACF duplica los datos al guardar en BBDD (el dato en sí + el formato para mostrar) ACF necesita el plugin activo (más llamadas) (aunque se pueden ahorrar exportando) Enlaces interesantes: Using Advanced Custom Fields without frontend dependency Advanced Custom Fields: The Hero WordPress Needs Right Now, but Not the One It Deserves

¿Qué va a pasar con ACF + Gutenberg?

https://www.advancedcustomfields.com/blog/acf-5-8-introducing-acf-blocks-for-gutenberg/

Creo que el O Son Do WordPress va a ser demasiado cansado*. ¿Qué tal si sólo hacemos otra PonteWordCamp? * Una lástima ahora que también habíamos confirmado a Novedades LegalTech, CSS Tangana y The Ourensers. Queríamos invitar también a Carlos y Moisés de Vigo pero se quedaron anclados en los 70.

¡Gracias! ¿Preguntas? Tengo la demo por aquí…