Marketing digital para gente como uno

Episodio 50 | Potenciá tu WordPress con Advanced Custom Fields.


Suscribite para escuchar Marketing digital para gente como uno en: IVOOX | Spotify | Stitcher | Google podcast | Apple podcast | Audiobip

Con Advanced Custom Fields podés crear campos personalizados para implementar la web de una inmobiliaria, una concesionaria de autos y hasta un catálogo de libros. En este episodio voy a hablarte de este maravilloso plugin para WordPress.

¿Que son los campos personalizados?

Cuando vas a editar una entrada o la página de un sitio web hecho con WordPress tenés ciertos campos que podés completar como por ejemplo el titulo del post, su contenido, el extracto y la imagen destacada.

Pero supongamos que querés publicar un libro que además de su título, imagen y resumen tenga otra información como por ejemplo la editorial, el precio, el nombre del autor, etc.

Para ello vas a necesitar los campos personalizados o custom fields que son, como su nombre lo indica, campos de contenido personalizado que pueden añadirse a las entradas, páginas o *custom post types (tipos de contenido personalizado).

En la respuesta 9 del episodio de preguntas frecuentes sobre WordPress explico los custom post types.

Ejemplo: página web para librería.

Siguiendo el ejemplo de la web para libros. En una instalación normal de WordPress cada libro debería publicarse como una página o bien como una entrada lo que no es aconsejable en absoluto.

La manera profesional de hacerlo es crear un CPT (custom post type), en este caso podrías llamarlo “libros”. Ahora para añadir un nuevo libro podés hacerlo desde el panel de control haciendo clic en::

menu > añadir > libro

de esta forma se abriría el editor para que puedas crearlo.

El editor te va a permitir poner el nombre del libro, un resumen y la imágen destacada pero hay otra información que no debe faltar como:

  • Nombre del autor.
  • Editorial.
  • Precio.
  • Otros libros del autor.
  • Temática.
  • Valoraciones de los lectores.

para hacer las cosas bien este y cada uno de los libros que crees deben tener el mismo tipo de información, ordenado de la misma manera y mostrado en el front end (en la parte visible para los visitantes) de igual forma.

Si dejamos que el administrador de la web o los usuarios de turno al crear los libros escriban esta información directamente en el editor cada cual subirá lo que se acuerde y de la forma que se le ocurra. Esto daría como resultado un catálogo poco homogéneo.

Sea que se encargue una sola persona o varias de publicar cada ejemplar es necesario que todos sigan el mismo criterio. Usen el mismo tipo de letra, el mismo grosor, escriban las fechas de la misma manera, al igual que los precios y todo lo demás.

Para esto se utilizan los campos personalizados que además de definir toda la información que deberá incluirse cuando se suba un libro también obligará a mantener un formato y una coherencia independientemente de la persona que se encargue de la tarea.

Campos personalizados con Advanced Custom Field (ACF)

Aunque existen otros plugins para crear campos personalizados e incluso custom post types todo de una vez como Pods o Toolset , ACF es uno de los más populares.

Este plugin superá el millón de instalaciones activas. La versión gratuita alcanza y sobra para la mayoría de los casos y para ciertas necesidades puntuales existe ACF Pro, la versión premium.

¿Cómo se usa Advanced Custom Fields?

Para utilizar este plugin podés descargarlo desde el repositorio oficial de WordPress o bien desde el panel de control de tu web en  

menu > plugins > añadir nuevo

Una vez instalado y activado en el menú de navegación derecho del panel de tu web aparecerá un menu llamado “campos personalizados”

imagen que muestra el menu de acceso a los campos personalizados del plugin Advanced Custom Field

este menú te da acceso a tres elementos

  • grupo de campos: te muestra todos los grupos de campos personalizados ya creados.
  • añadir nuevo: haciendo clic vas a poder añadir un nuevo grupo de campos personalizados.
  • herramientas: te permite exportar e importar a otro WordPress que utilice ACF los campos personalizados creados en tu web.

Grupo de campos es la denominación que utiliza ACF para llamar a un conjunto de distintos campos.

En nuestro ejemplo podrías crear un grupo de campos “campos de libro” que contenga los campos personalizados Autor, Editorial, Precio, etc.

Añadir nuevo:

Aquí creas tu nuevo grupo de campos personalizados y le das el nombre que creas conveniente según tu proyecto.

En la segunda caja tenés las reglas para mostrar o no esos campos que vas a crear.

Seleccionando los desplegables y en forma condicional vas a poder definir que se muestren en páginas, post o custom post types. Podes crear varias reglas para un grupo de campos.

Y la tercer caja te permite ajustar el estilo de esos campos personalizados, ubicarlos encima o debajo del editor y mostrar o esconder algunos elementos como extracto, comentarios, revisiones, formato, categorías, etc.

Tipos de campos personalizados que podés crear con ACF.

La versión gratuita de Advanced custom fields permite crear distintos tipos de campo con varios formatos como:

  • Campos básicos.
    • área de texto.
    • número.
    • rango.
    • email.
    • url.
    • contraseña.
  • Campos contenido.
    • imagen.
    • archivo.
    • editor (el editor de WP).
    • oEmbed.
  • Campos elección.
    • selección.
    • checkbox.
    • radio button.
    • button group.
    • verdadero/falso.
  • Relación.
    • enlace.
    • objeto post.
    • link de página.
    • relación.
    • taxonomía.
    • usuario.
  • JQuery.
    • mapa de Google.
    • selector de fecha.
    • selector de fecha y hora.
    • selector de hora.
    • selector de color.
  • Layout.
    • mensaje.
    • acordeón.
    • pestaña.
    • grupo.

Como crear los campos personalizados en ACF.

Para crear un campo personalizado dentro de un grupo de campos tenes que hacer click en el boton azul “añadir campo”.

Se abrirá una pantalla en la que deberás introducir o seleccionar valores tales como el nombre del campo, su etiqueta, el tipo de campo sus instrucciones etc.

Las diferentes opciones van cambiando según el tipo de campo que elijas.

Cuando terminaste de crear todos los campos debés guardar el grupo de campos haciendo clic en “publicar”.

Estos campos que acabás de crear se van a mostrar en el tipo de publicación que definiste en el primer paso (entrada, página o custom post type).

Haciendo la web de una librería.

Vamos a suponer que queres publicar la web de la librería del ejemplo para hacerlo debes seguir los siguientes pasos

1 crear un custom post type llamado “libro” que es el que vas a utilizar para dar de alta cada libro de tu catálogo.

2 instalar y activar el plugin ACF

3 Ir a:

menu > campos personalizados > añadir nuevo

Allí vas a crear el grupo de campos personalizados. Te recomiendo ponerle un nombre que describa el contenido. Es este ejemplo podría ser “grupo de campos de libros”.

4 haciendo clic en “añadir campo” crea los que necesites para tu catálogo por ejemplo:

  • Nombre del autor
  • Editorial
  • Precio
  • Resumen
  • Valoraciones de los lectores
  • Fecha de publicación.
  • etc.

5 Al hacer clic en “publicar” ya tendrás listos los campos personalizados que acompañarán a cada uno de tus libros.

Publicando el primer libro en el catálogo de tu librería.

Ya creaste tus campos personalizados y le dijiste al plugin ACF que querés que aparezcan cada vez que vayas a crear un Custom Post Type llamado “libros” ahora llegó el momento de que crees tu primer libro.

En la barra superior dentro de tu panel de control de WordPress hacé clic en

añadir > libro

A continuación aparecerá el editor para que pongas nombre y descripción del libro y todos los campos personalizados que creaste (nombre del autor, editorial, etc)

Solo tenés que llenar cada uno de ellos con la información que corresponda y en apenas unos minutos ya tendrás creado tu primer libro con toda la información asociada al mismo.

Importante: Mostrar los campos personalizados en el front end de tu web.

Hay algo importante que tenés que saber. Aunque hayas llenado todos los campos personalizados estos no se van a mostrar en el front end de tu web a menos que le indiques a WordPress que los muestre.

Hablando en criollo, si creas tu libro le ponés un título su descripción, la imagen destacada y llenas los campos creados quien visite tu web solo verá la informacion creada con el editor de WordPress pero no verá el contenido de esos campos personalizados.

Para mostrar dichos campos personalizados debes editar los archivos de tu theme para que lo muestre, crear una plantilla con el propio ACF o utilizar shortcodes.

Si utilizás el maquetador visual Elementor podés mostrar estos campos personalizados gracias a sus funcionalidad de contenido dinámico.

La nueva version de WordPress te permite utilizar shortcodes con el nuevo editor y mostrar de esta manera los campos personalizados.

Contacto.

Espero que este episodio haya sido de tu agrado. Podés dejarme tus dudas comentario y sugerencias en el formulario de contacto. Al toque te voy a contestar.

1
×
¿Alguna duda, consulta? ¡Mandame un wasap :)!