A presentation at Meetup WordPress Compostela in in Santiago de Compostela, A Coruña, Spain by Juan Hernando
¿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í…
No todo a la hora de editar contenidos en WordPress es o el editor clásico o el nuevo Gutenberg. Tampoco hay que hacerlo todo a base de maquetadores visuales que valen para todo. A veces necesitas añadir unos contenidos muy específicos y los campos personalizados, los custom fields, son la solución perfecta. En esta charla entenderemos qué son y cómo se utilizan. Además, entraremos en profundidad en el plugin Advanced Custom Fields, una de las herramientas más cómodas para generarlos y trabajar con ellos. ¿Te imaginas decirle al cliente que solamente tiene que rellenar una ficha y que todo su contenido aparecerá mágicamente en la web? ¿Te imaginas poder desarrollar plantillas para tu tema en las que se muestren contenidos ordenados por los valores de estos campos?
The following resources were mentioned during the presentation or are useful additional information.
Here’s what was said about this presentation on social media.
for free. You
can too.