Tutorial avanzado de campos personalizados para principiantes Crear y mostrar campos

Advanced Custom Fields es un editor de contenido para desarrolladores de WordPress.

Para los principiantes, este complemento puede parecer muy irritante al principio, ya que no estarían familiarizados con las ventajas de utilizar sus funciones.

Además, no puede ignorar el hecho de que este complemento ha sido utilizado por más de 1 millón de usuarios de WordPress. El complemento ACF se puede considerar como un importante ahorro de tiempo para las tareas de desarrollo web.

Esta es la razón por la que se nos ocurrió este artículo que le dirá la importancia de usar el complemento ACF y cómo funciona.

Algunas características del complemento ACF parecerán confusas, pero cuando comience a usarlo, encontrará que las características son muy útiles y útiles.

Esta plantilla puede ser utilizada por usuarios intermedios de WordPress o usuarios principiantes para tomar el control completo de los datos de campo personalizados y las pantallas de edición de WordPress.

Este complemento es compatible con la última versión de WordPress y la versión más reciente de PHP. Además, este complemento está disponible en 21 idiomas diferentes.

Con este complemento, puede

Agregue campos según los requisitos:

Este es un generador de campos que le permitirá agregar campos fácil y rápidamente a la pantalla de edición de WP con unos pocos clics.

Añadir tema en cualquier lugar:

Para todo WordPress, incluidos términos de taxonomía, publicaciones, usuarios, comentarios, medios, incluso páginas de opciones personalizadas, puede agregar campos fácilmente.

Muéstralos en todas partes:

Podrá cargar y mostrar sus valores de campo personalizados en cualquier archivo de plantilla de temas. Debido a que es fácil de usar, no se requerirá que ningún desarrollador agregue estas funciones.

Las características básicas son

• Potentes funciones
• más de 1 millón de instalaciones activas
• Más de 30 tipos de campo
• Simple y fácil de usar.
• viene con una amplia documentación.

¿Cómo funciona el complemento de campos personalizados avanzados?

En el editor de WordPress, este complemento le permite recopilar información adicional relacionada con su contenido.

WordPress es una plataforma de código abierto y compatible, por lo que debería poder crear cualquier tipo de sitio web que desee. Debería poder agregar varias funcionalidades para organizar eventos, comercio electrónico, blogs, etc.

El editor visual de WordPress proporciona las mejores herramientas, desde la edición de alto contenido hasta el formateo de medios. Cuando avance para personalizar el editor de contenido de WordPress, tendrá problemas, ya que debe tener más cuidado con el formato y la edición de código.

Pero el complemento ACF ha facilitado este proceso, ya que le permite modificar o personalizar el editor de contenido y normalizarlo según la información que recopila y muestra.

El proceso de actualización de contenido con estilo se simplifica. Una vez que haya desarrollado su sitio web y esté listo para obtener vida, se ocupará de cambiar pequeñas cosas.

Para todas las empresas, el ajuste pequeño o más común será cambiar el fondo o el encabezado de la página de inicio para anuncios y nuevas ventas. Junto con la modificación de texto en el área de encabezado también será común.

Estas son las modificaciones simples que la mayoría de los dueños de negocios hacen regularmente.

Pero mientras trabaja con WordPress, sabrá que el editor visual de WordPress es muy sensible. Su formato de texto completo se eliminará si realiza el retroceso incorrecto. Su página de inicio completa se verá afectada si, lamentablemente, carga la imagen incorrecta.

Agregue nuevas funciones a sus temas y complementos

Ejemplo
Para almacenar detalles adicionales relacionados con sus eventos, el complemento de calendario de eventos utiliza campos personalizados, es decir, hora de inicio, hora de finalización, precio y ubicación.

Otro ejemplo
Para almacenar información adicional relacionada con sus productos, WooCommerce utiliza campos personalizados, es decir, color, precio, peso, etc.

Puede hacer uso de campos personalizados según sus requisitos.

Tutoriales para agregar campos personalizados con Campos personalizados avanzados

Ahora considere que ha creado un blog sobre correr. Si desea agregar entrenamientos diarios para que sus visitantes puedan participar, deberá agregar un campo personalizado para mostrar la distancia total, la ubicación, la hora de finalización y la hora de inicio.

Encontrará el complemento ACF en el repositorio de complementos gratuitos de WordPress en https://www.wordpress.org/plugins

Haga clic en el botón Descargar y actívelo.

Paso 1: Crear un nuevo grupo de campo
El grupo de campos personalizados se conoce como el grupo de campos

Para empezar, ve al panel de control de WordPress. Haga clic en campos personalizados.

Paso 2: Agrega campos a tu grupo

Haga clic en agregar campo.
En el campo, el grupo agrega detalles sobre la ejecución.
Haga clic en el campo Agregar

Esto abrirá muchas opciones. En lugar de seleccionar todo, vaya solo con los campos obligatorios.

Tipo de campo
Etiqueta de campo

Para el primer campo, es decir, el propósito, necesitará un botón de opción que le permita al cliente proporcionar el propósito de ejecutar eligiendo cualquier opción entre acondicionamiento o trabajo de velocidad. En el cuadro de opciones, puede ingresar opciones de selección de botones de radio.

Publicación relacionada:Cómo agregar un área de widget personalizada a los temas de WordPress

Paso 3: agregue otros campos obligatorios de su elección

De esta forma, puede elegir un tipo de campo personalizado de acuerdo con sus requisitos, por ejemplo, puede elegir un tipo de campo numérico para agregar detalles, es decir, la distancia total recorrida. Y así.

Ahora es el momento de configurar el ajuste y hacerlo público. Para completar todos los procesos de personalización ahora es el momento de lanzar tu blog. Para esto, deberá desplazarse por la página hasta que llegue el cuadro de configuración. En el editor de WordPress, cómo se mostrarán sus campos se administrará a través de este cuadro.

La mayoría de las veces puede dejar este cuadro como está. Pero puedes aplicarle cambios si quieres algo más. Por ejemplo, encima del editor de WordPress normal, puede seleccionar mostrar sus campos personalizados.

Para ponerlo en marcha, ahora puede publicar su grupo de campo después de haber hecho sus elecciones.

Después de publicar el grupo de campos cuando intenta crear una nueva publicación, verá que aparecen los campos.

Debajo de ambos editores, es decir, el nuevo editor de bloques y el editor clásico de TinyMCE, los encontrará juntos de forma predeterminada.

En la interfaz, ¿cómo mostrar campos personalizados avanzados?

Para mostrar campos personalizados avanzados en la interfaz, encontrará diferentes formas. Para mostrar los campos personalizados en la interfaz, también puede contratar a un desarrollador.

Los otros tres métodos principales se enumeran a continuación. Puede elegir cualquiera de ellos según su prioridad y requisitos.

1.Usando los archivos de plantilla del tema:

Para usar este método, deberá tener experiencia en conocimientos técnicos, no en un nivel experimentado, pero algunos conocimientos estarán bien. Este método se considera el mejor enfoque si se siente cómodo al tratar con los archivos de plantilla de un tema.

La primera forma, pero poco técnica, de agregar campos personalizados avanzados será agregar la función PHP directamente a los archivos de plantilla de un tema secundario. Esto es un poco sofisticado porque tendrás que jugar con el archivo de la plantilla del tema.

2. Junto con los códigos cortos:

La opción más simple y mejor sería usar códigos abreviados si desea agregar datos de campo personalizados por evento. Aunque sería necesario trabajar más manualmente porque deberá agregar códigos cortos en cada publicación.

Puede agregar este código abreviado a cada publicación en la que desee mostrar el campo personalizado
[campo acf=”FIELD_NAME”]

Este es el trabajo manual. Por lo tanto, nunca encontrará una solución para automatizar este tipo de tareas por sí solo.

3. Junto con el complemento Elementor Pro

Agregar campos personalizados mediante el uso del complemento profesional es la mejor opción, pero deberá pagar por esto porque esta función se incluye en la plantilla premium.

El conocido creador de páginas de WordPress es elementor. Está provisto de tantas características y funcionalidades. Por ejemplo, le permite crear sus diseños mediante la edición de arrastrar y soltar.

Podrá crear archivos de tema de un tema con la versión premium de elementor. Además, tendrá la opción de agregar datos de campos personalizados dinámicos a su diseño desde Campos personalizados avanzados.

Si está buscando una opción con más posibilidades, este método será más útil. Como agregará automáticamente datos de campo personalizados en sus plantillas.

También hay algún otro complemento de creación de páginas que le permite mostrar fuentes personalizadas en la interfaz. Algunos de los mejores creadores de páginas que pueden ayudarlo son el creador de castores, los temas de castores, DIVI y otras opciones.

Puede usar el complemento de campos personalizados de Advance para realizar algunas mejoras en su sitio web y hacerlo más interesante.

Conclusión:

Con la solución más sencilla, es decir, al utilizar las funciones de los campos personalizados avanzados, puede mejorar las publicaciones y páginas de su blog con más información y datos.

Puede recopilar fácilmente más información en su sitio web para cualquier contenido y luego mostrárselo a sus visitantes agregándolo a la interfaz. Para que esto sea posible, le proporcionamos las tres opciones principales, es decir, los archivos de plantilla del tema Elementor Prom, con un código abreviado.

Al considerar el método mencionado anteriormente, seguramente podrá crear un sitio web 100% personalizado. Esto te llevará a la carrera más larga.