Plugins para WordPress: Advanced Custom Field

Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn

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

 

Títulado Superior en Gráfica publicitaria en la Escuela de Artes de Alicante, hace años que me dedico al desarrollo web. Project manager en Dinamiclab, me he especializado en los nuevos lenguajes HTML5&CSS3 y en wordpress. Además soy un apasionado de los motion graphics y, gracias a HTML5 y CSS3, intento aplicarlo a la web.

Comentarios arrow Un Comentario
  1. Estoy empezando con él pero me parece un plugin imprescindible si quieres convertir a esta plataforma de blogs en un completo gestor de contenidos. Solo una pequeña duda. Hay alguna manera de crear listas de un número no definido de items? Lo que no quiero es que el cliente tenga que poner Item ni yo definir tres campos cuando luego igual son 5. No sé si me explico :) Saludos y gracias

Responder a José Rico Cancelar respuesta

Tu e-mail no será publicado. Los campos marcados con un asterisco son obligatorios.