¿En qué están (ACFAdvanced Custom Fields) WordPress y para qué las necesito?

Michael Hörnlimann Actualizado por última vez el 21.10.2020
6 min.
Advanced Custom Fields wordpress
Actualizado por última vez el 21.10.2020

"Advanced Custom Fields ¿No lo sabes? Sin ACF, WordPress definitivamente no usaría más." Un colega mío me envió esto a través Slack de un par de semanas atrás. Él es un desarrollador, yo soy un diseñador. Pero a más tardar en este punto me di cuenta de que debía (y quería) lidiar con ello.

¿Qué sonAdvanced Custom Fields?

WordPress en sí mismo ya ofrece funciones muy diversas. Con los campos personalizados avanzados puede ampliar estas funciones aún más - en la versión estándar gratis. Le permiten un control total sobre el contenido de su sitio web.

Por defecto, encontramos campos típicos como el título, el contenido, la fecha y el autor en el backend de los artículos y las páginas. Advanced Custom FieldsEl backend, respectivamente el que Pluginse menciona a continuación, le da la posibilidad de WordPress ampliar las páginas y los artículos como desee e individualmente.

Eso es con WordPress tan bueno como todo lo posible - Advanced Custom Fieldscasi como la sintonía para WordPress .

¿Para qué lo necesito de todos Advanced Custom Fieldsmodos?

En resumen: Probablemente necesitarás Advanced Custom Fields si estás atascado con los elementos del tablero en el WordPress backend. Usted se enfrenta a un desafío que no puede o sólo puede realizarse parcialmente con la ayuda de páginas o contribuciones.

Esto puede hacerse con relativa rapidez, dependiendo de los requisitos del cliente. Si usted mismo es un diseñador web, esto también puede parecerle familiar.

En mi caso, por ejemplo, se me permitió construir una búsqueda con criterios de filtro. Así que no se trata de una simple búsqueda de texto, que busca en todo el sitio web el contenido adecuado, sino de una búsqueda en la que se pueden introducir datos específicos a través de un formulario. El usuario dispone de diferentes criterios de filtro. Entre otros, estos son:

  • Nombre (campo de texto)
  • Código postal (campo de texto)
  • País (desplegable)
  • Certificados (casilla de verificación)

Más sobre esto más tarde. Este caso de uso me dio la idea de usar (ACFAdvanced Custom Fields). Tal búsqueda individual no es posible con WordPress elementos de a bordo sin ACF.

Advanced Custom FieldsEl libre Plugin

Así que estaba buscando una solución para Advanced Custom Fieldsimplementar este filtro de búsqueda con la ayuda de .

El epónimo Plugin en el oficial WordPress -Plugin-El directorio fue escrito por Elliot Condon. El australiano trabaja muy activamente en él y lo desarrolla constantemente, de manera que aparecen nuevas funciones una y otra vez. Si quieres estar muy cerca de la acción, puedes Sigue a ACF en Twitter.

Si ya ha sido valiente y confía plenamente en el editor de bloques (Gutenberg) introducido en 5WordPress .0, también hay Advanced Custom Fieldsbloques para el nuevo editor.

El ACF Plugin está actualmente activo en más de un millón de sitios web. Está probado muy intensamente y funciona perfectamente con la última WordPress versión. También es impresionante que el Plugin ya ha recibido más de 1.000 clasificaciones de 5 estrellas. Esto se compara con las míseras 16 reseñas con una sola estrella - lo más probable es que los usuarios que se dieron por vencidos después de un (muy) corto tiempo.

Con uno de estosPlugin, está claro que se necesita algo de tiempo y paciencia para entender la aplicación. Por supuesto, yo también sólo Advanced Custom Fieldshe arañado la superficie de. Sólo quiero expresar que hay otros Pluginsque se instalan y luego trabajan cómodamente en el fondo - esto es diferente con ACF. Tienes que diseñar activamente y reconocer la conexión general entre la base de datos, el backend y el frontend.

Lo que también es indispensable con estoPlugin, que es bastante técnico, es el apoyo.

Aún no he tenido que reclamar esto yo mismo. La razón es muy simple: La documentación de primera claseque se ocupa de los tipos de campo, funciones, filtros y preguntas frecuentes.

¿Qué son los tipos de postes personalizados?

Ya he mencionado antes que es necesario un diseño activo. Esto Advanced Custom Fieldstambién significa que en ciertos casos estos solos no le serán de mucha utilidad. Sólo en combinación con los tipos de postes personalizados hay más opciones.

La primera pregunta es: ¿Qué es un tipo de poste (normal)?

Las dos más conocidas WordPress son las páginas y los blogs. Así que para cada nuevo contenido que se crea para un sitio web, usted decide qué tipo de publicación es la correcta. Esto depende de varios factores, entre ellos la forma en que la información debe ser visible y los campos que se necesitan en el fondo.

¿Pero qué pasa si quieres proporcionar un contenido que no puede ser cubierto por un normal sitio o una contribución?

Puede que ya lo hayas adivinado: Necesitas una nueva forma de añadir contenido al backend. Una especie de máscara de entrada con exactamente los campos que necesitas. Esto es lo que pueden Advanced Custom Fieldsofrecerte. El mencionado anteriormente Pluginpermite definir y crear estos campos cómodamente en el backend. Una vez que esta estructura está en su lugar, viene el siguiente paso.

Advanced Custom Fields propios campos
En la parte trasera del ACF Pluginsse pueden definir fácilmente los campos.

Es cuando se usan los tipos de postes personalizados. Es muy importante que tenga sentido crear su propio tipo de poste personalizado para el uso de Advanced Custom Fieldsun poste personalizado. En mi caso, simplemente llamo a los terapeutas del Tipo de Poste Personalizado (CPT).

Por supuesto, también puedes programar el tipo de correo personalizado tú mismo. Pero usé el "Custom PluginPost Type UI" para esto, que explicaré en la siguiente sección.

creación de un tipo de puesto personalizado
Así es como se ve la parte trasera de la "Interfaz de Usuario PersonalizadaPlugins".

Tipo de correo personalizado UI: Gratis plugin, el segundo

Si no fue suficiente magia para ti hasta ahora sólo con el (ACFAdvanced Custom Fields), aquí viene lo mejor: ACF en combinación con Custom Post Type UI, corto CPT UI.

Esto le permite mostrar el contenido de la base de datos directamente en el frontend como se desee. En mi caso, me enfrenté al reto de construir un filtro de búsqueda con diferentes campos. Así que primero tuve que subir todos los datos al backend usando una importación CSV.

Después de eso usé el tipo de poste personalizado así como el Advanced Custom Fieldsfiltro de búsqueda en el frontend. Más sobre esto en la siguiente sección.

combinación de tipo de puesto personalizado acf
Por ejemplo, el tu nuevo tipo de poste personalizado puede tener este aspecto.

Ejemplo práctico: Construir la búsqueda con criterios de filtro

Demasiado para la parte de atrás por ahora. Ahora está en la parte delantera. Así que puedes usar todo el asunto y usar los individuales Advanced Custom Fieldspara tu caso.

Usé el ACF para construir una búsqueda individual con criterios de filtro. Pero, ¿cómo es posible presentar el contenido del backend de forma elegante en el frontend para que la interacción con el usuario sea posible?

Una vez más, tienes la opción entre desarrollarlo tú mismo y unPlugin... De nuevo busqué durante mucho tiempo un buen ayudante y finalmente encontré "Search & Filter Pro" (enlazado al final del texto).

Esto me da una forma ingeniosa de usar los datos disponibles en el backend para la visualización en el frontend. En mi ejemplo estos son:

  • Búsqueda (campo de búsqueda normal)
  • Post Meta (acceso y búsqueda del respectivo campo personalizado avanzado en la base de datos)
  • Botón de envío (Botón para enviar la consulta o el formulario de búsqueda)

En el fondo esto puede verse como sigue:

buscar y filtrar por el fondo
Con el "Search Plugin& Filter Pro" puedes crear una búsqueda individual con criterios de filtro.

Después puedes usar el código corto para insertar la búsqueda de filtro que acabas de crear en cualquier lugar del backend (por ejemplo en un sitio).

Verá, sin embargo, que este se verá un poco poco poco atractivo. He mejorado esto con algunos mangos de CSS y creo que el resultado en el frontend es bastante bueno:

ejemplo práctico acf

Enlaces complementarios

Tengo curiosidad por ver qué más podré Advanced Custom Fieldsimplementar en el futuro. ¿Tiene alguna pregunta o comentario sobre este artículo? Entonces me gustaría recibir muchos comentarios.

Foto: Shane Aldendorff | Unsplash

Michael Hörnlimann, nacido en 1991 en Zurich, ama la naturaleza y la buena comida. Desde abril de 2018 ha estado trabajando exclusivamente de forma independiente y creando WordPress sitios web en nombre de los clientes. Desde entonces ha combinado el trabajo con su gran pasión, viajando a países y culturas extranjeras. Vive y trabaja dondequiera que esté, a veces en las montañas, a veces junto al mar.

Artículos relacionados

Comentarios sobre este artículo

Escribe un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con * marcado.