Uso de los campos personalizados de WordPress para mejorar un complemento

El ecosistema de complementos de WordPress es sorprendente. Nos brinda una variedad casi interminable de funcionalidades que podemos agregar a nuestros sitios web con un esfuerzo mínimo. Sin embargo, hay casos en que un complemento hace aproximadamente el 95% de lo que necesitamos. O puede tener todas las funcionalidades que esperamos, pero podría beneficiarse de un poco de personalización. Aunque podríamos aceptar cualquier deficiencia y dejarlo lo suficientemente bien en paz, ¡este no es el modo de WordPress! En cambio, podemos usar campos personalizados de WordPress increíblemente flexibles para ayudarnos a completar lo que falta.
Hoy, exploraremos algunos beneficios de integrar campos personalizados en nuestros complementos favoritos. Entonces será hora de sumergirnos en un ejemplo del mundo real para demostrar lo que se puede lograr. Lo que los campos personalizados de WordPress hacen el papel principal de los campos personalizados es agregar datos adicionales a una publicación de WordPress, llamada “metadatos”. Estas son esencialmente información que excede los datos predeterminados incluidos en una página, publicación o incluso un complemento. ¿Qué tipo de metadatos se pueden agregar? Casi cualquier cosa que puedas imaginar. El texto, HTML y URL son ejemplos comunes. Sin embargo, puede agregar datos de objetos de archivos o publicaciones. Luego, también existe la posibilidad de usar campos personalizados como configuración que le permiten realizar diferentes funciones (si esto, entonces haz esto).
Los campos personalizados ofrecen algunos beneficios útiles: agregar datos extremadamente personalizados al construir un sitio web, los campos personalizados ofrecen una forma de estandarizar ciertas partes de los datos de nicho. Es decir, datos que son únicos para una empresa u organización. Por ejemplo, pensemos en un perfil de empleado. Hay varios artículos diferentes que podemos incluir para cada persona: nombre;
Título;
Foto;
Dirección de correo electrónico;
Biografía;
Usando campos personalizados, podemos crear este conjunto de datos estándar para cada empleado. Para llevar las cosas, incluso podríamos crear un tipo personalizado de publicación llamada “Empleados”, en la que cada publicación contiene estos campos.
Una interfaz fácil de usar con poca ayuda, falta el uso de campos personalizados que vienen con WordPress en varias áreas. Pero la comunidad de desarrolladores ha creado algunas soluciones convincentes en forma de complementos de campo personalizados. Estos complementos ayudan a crear una interfaz mucho más fácil de usar y agregar muchas características sorprendentes. Los más populares son los campos personalizados avanzados (que utilizaremos en nuestro ejemplo a continuación), CMB2, Meta Box y Pods Framework. Aunque hay algunas similitudes, cada complemento tiene algunos beneficios únicos que vale la pena analizar.
No importa lo que elija, puede esperar una mejora significativa en la interfaz de uso predeterminado. Harán el proceso de crear contenido mucho más intuitivo. Agregando pizzazz a los complementos Ahora que entendemos los beneficios de usar WordPress Custom Fields, hablemos sobre cómo se relacionan con los complementos. Lo más probable es que muchos de los complementos que haya instalado en su sitio web ya usen campos personalizados en una determinada forma. Pero también tenemos la capacidad de agregar el nuestro. Esto puede ser útil de varias maneras: extender los datos disponibles primero, proporcionar la oportunidad de agregar los datos personalizados que mencionamos anteriormente. Puede ser de gran ayuda en situaciones en las que queremos introducir y/o mostrar más contenido de lo que generalmente proporcionaría el complemento. Por ejemplo, imaginemos usando un complemento de testimonio para nuestro negocio de diseño web. Viene con un conjunto predeterminado de campos que podemos usar para mostrarnos clientes felices. Pero tal vez hay algunos elementos únicos que queremos agregar. Tal vez queremos mencionar qué CMS usamos para construir su proyecto o cuánto tiempo trabajamos con cada cliente. Los campos personalizados nos permiten agregar estos datos sin tener que construir un complemento completamente nuevo para testimonios desde cero.
Agregue una nueva funcionalidad como se mencionó anteriormente, los campos personalizados también se pueden usar para crear configuraciones. Esta es un área en la que realmente podemos usar nuestra imaginación para hacer que un complemento haga aún más. Por supuesto, es posible ingresar a las malas hierbas bastante profundas. Y gran parte de lo que es posible depende de la extensibilidad del complemento y su propia capacidad para escribir código. Pero hay muchos usos potenciales. Tomando nuestro ejemplo de un paso en el complemento un paso más allá, supongamos que queremos agregar un elemento de diseño frontal especial para indicar a nuestros mayores clientes. Podríamos hacer algo como esto para trabajar: podríamos agregar un campo de selección a cada testimonio llamado “Cliente”;
Verificar este cuadro indicaría que queremos mostrar un icono de estrella en el perfil frontal del cliente;
En nuestro tema, podemos determinar si el campo “Star Client” ha sido verificado para cada publicación de testimonio;
Si el campo ha sido marcado, mostramos el icono de estrella especial;
Aunque este es un ejemplo muy simple, muestra lo que es posible al agregar configuraciones a través de campos personalizados. Hay varias formas en que esto podría usarse para mejorar un complemento.
Ejemplo del mundo real: el calendario de los eventos ahora, exploremos cómo podría funcionar en un proyecto real. El siguiente es un ejemplo bastante simple de cómo los campos personalizados pueden agregar datos de nicho a un enchufe popular. Lo que usamos para esta demostración usaremos dos complementos gratuitos. Si sigue, asegúrese de tenerlos instalados y activados en su sitio de prueba. Calendario de eventos (versión gratuita)
Campos personalizados avanzados (versión gratuita)
El escenario creamos un sitio web para una organización que celebra reuniones regulares. Para cada reunión, planean publicar una agenda como documento PDF.
Aunque podríamos agregar estos documentos a cada evento a través del editor de contenido, abre la puerta de una experiencia de usuario inconsistente. Al integrar un campo de carga de archivos personalizado, podemos asegurarnos de que la aparición de cada reunión (sin mencionar la colocación de la agenda) se vea igual en la parte posterior y la cara. Además, tener el campo en el editor de publicaciones sirve como un recordatorio amistoso para la persona que agrega contenido. Este visual reduce las posibilidades de que olviden agregar el documento. La preparación es cómo crear e implementar nuestro nuevo campo de carga de archivos en el calendario de eventos:

1. Navegue a campos personalizados> Agregar nuevo. 2. Primero, necesitaremos un título. Llamemos a nuestra nueva “agenda de eventos” de nuestro nuevo grupo de campo. Dentro de ese grupo, crearemos un nuevo archivo llamado “agenda”. La configuración del campo será las predeterminadas, aunque se incluirán algunas instrucciones útiles.
3. Desplácese hacia abajo hasta la configuración de ubicación, asignaremos este grupo de campo al tipo de publicación de eventos .4. Ahora, guardemos nuestro nuevo grupo de campo. El campo de la agenda ahora se mostrará en el editor de contenido dentro de cada evento.
Tenga en cuenta que en este caso, utilizamos el editor de bloques de Gutenberg. Se trata de metaboxs de campo personalizadas ligeramente diferentes del editor clásico. Si bien el editor clásico permitió el posicionamiento personalizado de Metaboxs, Gutenberg los pega en la parte inferior de la pantalla. Ciertamente, esto tiene un impacto en la facilidad de uso en la parte posterior. Pero no afecta negativamente nada de lo que hacemos en el front-end. 5. Para probar cosas, agregue un archivo PDF a un ejemplo de un evento que creamos.
Mostrar campos personalizados en el front-end, el último paso es asegurarse de que nuestro nuevo campo se mostrará en el front-end. Antes de comenzar, para visitar la documentación para campos personalizados avanzados y para el calendario de eventos:
ACF tiene algunos excelentes fragmentos de código para agregar un archivo a nuestro tema.

El calendario de eventos nos permite anular sus plantillas. Sin embargo, esto puede ser un dolor para el mantenimiento futuro. Por lo tanto, aprovecharemos un gancho de WordPress.

En esta demostración, mostraremos un enlace a la agenda en nuestra página de eventos, que utiliza la visualización de “lista”. Esto requerirá colocar un fragmento de código pequeño en el archivo Functions.php del tema activo o un complemento personalizado: /*** Muestre el archivo de agenda de reuniones en la vista del calendario de eventos “Lista”. * Obtenga más información sobre los filtros de plantilla en: https://theeventscalendar.com/knowledgebase/k/using-filters-and-accions/ * Obtenga más información sobre los archivos de carga de archivos en: https://www.advancecustomfields.com/resources/resources ./file/ */add_action (‘Tribe_template_after_include: events/v2/list/event/title’, ‘Meeting_documents_list’); // Mostremos la agenda justo debajo del eventle. // Nuestra función de función personalizada Meeting_Documents_List () {// Obtenga la agenda de reunión, si está disponible. $ agenda = get_field (‘agenda’); If ($ agenda): // Si existe la agenda, muestre un enlace a él. echo ‘ ver agenda y raquo; ‘; Terminara si; } Esto nos da un comienzo básico. Ciertamente podríamos continuar desde aquí y agregar el enlace para la agenda a las plantillas asociadas con otras opiniones. Pero esperamos que esto determine su imaginación en términos de qué más es posible. Al verificar el resultado en el front-end, puede ver que ahora tenemos un enlace a la agenda (estilizada en rojo) justo bajo el título de nuestro evento.