Plugins para WordPress: Advanced Custom Field

WordPress es un CMS conocidos por todos. A nivel usuario es muy popular por su panel de administración, un interface intuitivo y fácil de de usar a la hora de crear y gestionar el contenido (páginas,post, slides…).

A nivel desarrollador es muy sencillo manipular y modificar su estructura PHP, archivo CSS, crear plantillas de páginas, encontrar todo tipo de información y su gran variedad de plugins… por lo que es muy utilizado para la creación de páginas web.

El problema surge cuando el cliente quiere modificar el contenido y se encuentra con una de estas dos situaciones, o bien  las páginas están maquetadas en la vista HTML  del editor de wordpress y al tocar algo  tu fantástica maquetación es destruida… o directamente el contenido está en los archivos php, por lo que la única solución que tiene el cliente en los dos casos es llamarte y pedirte que cambies el contenido.

Para solucionar este problema existe un tipo de plugins con los que puedes generar distintos campos (títulos, texto, imágenes…) con sus propios títulos y descripciones para que el cliente sólo tenga que ir rellenandolos.

En este post hablaremos del pluging “Advanced Custom Field”, por su facilidad de uso, potencia, compatibilidad con el resto de plugins (por ahora no me he encontrado con ningún problema de este tipo) y por la documentación clara y completa que se puede encontrar en su página web www.advancedcustomfields.com donde puedes descargartelo de forma gratuita (también puedes descargarlo de la página oficial de plugins de wordpress).

Lo mejor de este plugin es que a la vez que vas generando los distintos ‘grupos de campos’, vas asociándolos a una página, tipo de páginas, post de una determinada categoría… lo que te abre muchas posibilidades. En otras palabras, podemos generar una estructura estable para que nuestro cliente pueda introducir o modificar todo el contenido de la web de una manera fácil y sin peligro de que modifique la vista frontend de su página web.

Vamos a realizar un ejemplo en el que vamos a maquetar el contenido de una sencilla página de inicio, que constará de un video, texto y un slide.

1.Creo la plantilla de página. ej. inicio.php

2.En el panel de administración de  WordPress, creo una nueva página y selecciono la plantilla que acabo de crear.

3.Una vez creada la página  vamos a la ventana de ajustes del plugin (menú > Advanced Custom Field)  creo un nuevo ‘Grupo de campos’ y voy añadiendo los distintos campos que voy a necesitar en la página.

ej. 2 campos de texto que admiten HTML para el video y el slide y 1 textarea para el texto.

4.Finalmente hay que definir dónde queremos utilizar  el ‘grupos de campos’ que acabamos de crear.

ej. página con la plantilla INICIO

5.Volvemos al editor de código e introducimos el código php de cada campo que ha ido generando el plugin, y que podemos editar, en la plantilla de la página. ej.inicio.php

6.De vuelta en el panel de administración si editamos la página, INICIO, veremos como se han añadido los distintos campos que hemos creado con el plugin, justo debajo del editor de texto de wordpress. Sólo falta introducir el contenido.

7.Visualizar nuestro sitio:  ej. www.1upweb.es