Hace unos días estuve en las instalaciones que SiteGround España nos brinda al grupo de Meetup de WordPress Madrid explicando cómo mostrar los contenidos de los campos personalizados que habíamos creado con ACF, sin escribir código. Como vimos que era un truco muy útil, lo explico a continuación:
Para este ejercicio necesitaremos:
- WordPress instalado
- Plugin ACF instalado
- Plugin Custom Content Shortcode instalado
- Plugin ACF Post Types instalado
Bien, lo primero que hacemos es crear con el plugin ACF Post Types un contenedor para los campos personalizados que crearemos a continuación:
Creamos un tipo llamado Libro:
Y lo vemos en el menú lateral del backend de WordPress:
A continuación, creamos los campos asociados al tipo Libro:
Bien, ya tenemos una ficha rudimentaria de un libro en backend. Ahora vamos a darle contenido a esta ficha. Para ello creamos 3 libros:
Y ahora viene el momento de volcarlos al front. Para ello utilizaremos el plugin Custom Content Shortcode, que nos permitirá hacer por ejemplo un bucle y sacar un listado de los libros en una página estática. Si queréis consultar los shortcodes de este plugin, los teneis aquí:
Entraremos en los ajustes de Custom Content Shortcodes para activar los shortcodes para ACF como veis en la figura que teneis a continuación:
Bien, creamos una página en la que tendremos el listado de las obras que hemos insertado y ponemos los siguientes shortcodes:
Podéis observar que para mostrar la fecha he definido un formato de salida. Ahora publicamos la página y vemos el resultado: