Se sabe que WordPress es fácil de usar y extensible, lo que lo hace adecuado para principiantes y usuarios más avanzados. Si cae en la última categoría, es posible que desee conocer y utilizar todas las funciones integradas de WordPress.
Los campos personalizados son una de las características que te darán más control sobre tu contenido. Al usar campos personalizados, puede agregar datos estructurados para enriquecer sus publicaciones y páginas. Si desea una interfaz aún más fácil con más opciones para agregar campos personalizados a su sitio de WordPress, puede usar Complemento de campos personalizados avanzados (ACF).
En esta publicación, cubriremos tanto la funcionalidad integrada de los campos personalizados de WordPress como el popular complemento ACF. Empecemos.
Campos personalizados de WordPress
Los campos personalizados de WordPress se pueden asignar a una publicación o página para proporcionar cualquier información adicional conocida como metadatos. Los metadatos son manejados por pares clave/valor donde la clave es el nombre del elemento de metadatos y el valor es la información que aparecerá en la lista de metadatos en la publicación.
A continuación se muestran algunos ejemplos de campos personalizados de WordPress:
- Estado de ánimo: Inspirado
- Actualmente estoy leyendo: Y sigo subiendo
- Estoy escuchando: alguien como tú
- Clima: frío
Si desea agregar este tipo de datos estructurados a sus publicaciones y páginas, consulte el proceso a continuación para agregar campos personalizados en el tablero de WordPress.
Cómo usar campos personalizados en WordPress
Aquí se explica cómo usar campos personalizados por primera vez en WordPress. Si usted u otro usuario ya han usado campos personalizados en su sitio de WordPress, el proceso será ligeramente diferente.
- Inicie sesión en su panel de WordPress.
- Ir a la publicación o página. Puede crear uno nuevo o editar uno existente.
- Haz clic en el botón de tres puntos en la parte superior de la barra lateral derecha.
- Desplácese hacia abajo y haga clic preferencias.
- Una ventana nueva aparecerá. haga clic aquí Paneles.
- Alterne el botón de campos personalizados. Esto recargará automáticamente la página.
- Ahora desplácese hacia abajo hasta la parte inferior de la publicación hasta la sección etiquetada con campos personalizados.
- Para crear un nuevo campo personalizado, complete el campo de texto titulado Nombre. Será la «clave».
- Ahora complete el cuadro de texto titulado Valor. Este será el valor asignado a la clave.
- haga clic aquí Agregar un campo personalizado botón para guardar estos metadatos para esta publicación.
- Puede continuar agregando campos personalizados. Cuando esté listo, haga clic en Actualizar.
- Si crea o edita otra publicación o página, ya verá la sección Campos personalizados. El campo Nombre o Clave ahora será una lista desplegable que contiene campos personalizados ingresados previamente.
Si bien este proceso no es difícil, no es ni el más fácil de usar ni el más flexible. Por estas razones, muchos usuarios eligen usar el complemento de campos personalizados avanzados en lugar de la funcionalidad de campos personalizados nativos en WordPress.
A continuación, echemos un vistazo más de cerca a lo que este complemento de WordPress es capaz de hacer y cómo usarlo.
Complemento avanzado de campos personalizados
Advanced Custom Fields o ACF es un complemento diseñado para permitir a los desarrolladores de WordPress un mayor control sobre los datos de sus campos personalizados. los Versión gratuita permite a los usuarios agregar rápida y fácilmente más de 30 campos a todo su tablero de WordPress, incluidas publicaciones, usuarios, términos de taxonomía, medios, comentarios y páginas de opciones personalizadas, y mostrar valores de campos personalizados en cualquier archivo de plantilla de tema.
Los tipos de campo admitidos incluyen texto (que es el único tipo admitido de forma nativa en WordPress), rango, grupo de botones, casilla de verificación, verificación, verdadero/falso, selector de color, selector de fecha, selector de hora, enlace y más. Esto significa que con ACF, tiene mucho más control sobre sus campos personalizados que con la función integrada de WordPress.
Campos personalizados avanzados Pro
Campos personalizados avanzados Pro es la versión premium de ACF. Ofrece aún más campos, funcionalidad y flexibilidad que la versión gratuita. Aquí están las características profesionales a continuación:
Campo repetidor
Con este campo, puede crear un conjunto de campos secundarios que se pueden repetir una y otra vez.
bloques ACF
Usando este poderoso marco basado en PHP, puede crear tipos de bloques personalizados para el editor de Gutenberg.
Campo de contenido flexible
Este campo proporciona muchas opciones de diseño y campos secundarios que puede usar para definir, crear y administrar contenido.
Galería de postes
Con este campo puedes construir galerías de imágenes totalmente personalizables.
Un campo de clones
Al usar este campo, puede reutilizar campos y grupos de campos existentes para administrar la configuración de su campo de manera más eficiente.
Función de la página de opciones
Con esta función, puede agregar páginas de administración personalizadas para editar campos ACF.
Para comprender cómo usar el complemento de campos personalizados avanzados, a continuación analizaremos cómo crear y mostrar un conjunto de campos personalizados en sus publicaciones de WordPress.
- Cree un grupo de campo.
- Agregue campos personalizados a este grupo.
- Edite los campos en el editor de publicaciones de WordPress.
- Mostrar campos en la interfaz de usuario del sitio web.
Cómo usar campos personalizados avanzados
Por ejemplo, suponga que ejecuta un sitio de comercio electrónico y usa su blog para promocionar ventanas emergentes. En cada entrada del blog que quieras compartir:
- Fecha
- Hora de inicio
- Fin del tiempo
- Ubicación
- Miniatura de la imagen
Para hacer esto, debe agregar cinco campos personalizados. Veamos el proceso a continuación.
Paso 1: Cree un grupo de campo.
Haz clic para comenzar Campos Personalizados > Agregar nuevo desde la pantalla de administración. Luego asigne un nombre a este grupo en el campo de título.
Vaya a la ubicación donde puede decidir qué pantallas de edición usarán este grupo de campos personalizados. En este ejemplo, desea mostrar este grupo de campos en todas las publicaciones, así que cree una regla «Mostrar este grupo de campos si el tipo de publicación es Publicación».
Ahora vaya a Configuración donde puede elegir el estilo, la posición, la ubicación de la etiqueta, la ubicación de las instrucciones y otros elementos del grupo de campos.
Paso 2: agregue campos personalizados a este grupo.
Ahora es el momento de agregar sus campos personalizados que crearán este grupo de campos y aparecerán cuando edite su publicación.
Para cada uno de los cinco campos que desea agregar, haga clic en + Agregar campo y complete la etiqueta del campo, nombre e ingrese al menos.
Después de seguir estos pasos para los campos personalizados para la fecha, la hora de inicio, la hora de finalización, la ubicación y la miniatura de la imagen, haga clic en Publicar. La página se recargará automáticamente.
Paso 3: edite los campos en el editor de publicaciones de WordPress.
Ahora que el grupo de campo ha sido publicado y configurado para aparecer en las pantallas de edición posterior, puede editar los valores de campo yendo a Publicaciones > Agregar nuevo. En esta pantalla, ingrese un valor para cada campo personalizado.
Haga clic cuando termine de hacer cambios Publicar.
Esta información ahora se almacenará en su base de datos. Sin embargo, no aparecerá en la interfaz del sitio web. Ver cómo se ve la publicación cuando se hace clic Vista previa de los cambios:
Paso 4: Muestre los campos en la interfaz del sitio web.
Puede editar los archivos de plantilla de tema o usar un acceso directo para ver datos de campos personalizados avanzados en la interfaz del sitio web. La edición de un archivo de plantilla requiere algunos conocimientos técnicos, pero es la forma más efectiva y escalable de mostrar datos ACF. Usar el shortcode es un método más simple, pero mucho más manual. Deberá agregar un código abreviado para cada publicación en la que desee mostrar los datos de ACF en la interfaz de usuario.
Por estos motivos, cubriremos el proceso de edición del archivo de plantilla de tema para mostrar campos personalizados en la interfaz de usuario del sitio web.
Dependiendo de la ubicación establecida para el grupo de campos y el tema, puede editar el archivo single.php o single – {$ post_type} .php, o usar partes de la plantilla o filtros para personalizar el HTML de sus publicaciones de WordPress para mostrar campos personalizados. en la interfaz de usuario.
Este ejemplo establece la ubicación del grupo de campos de eventos en todas las publicaciones, luego edita la plantilla single.php y agrega el siguiente código:
<?php
obtener_encabezado ();
Correo();
// variables
$ ubicación = get_field (‘ubicación’);
$ miniatura = get_field (‘miniatura’);
?>
de abajo
Observe cómo incluye field_function () para mostrar los valores de campos específicos, incluida la fecha, la hora de inicio y la hora de finalización. También incluye funciones para mostrar ubicaciones y campos de miniaturas.
Puede ir al editor de temas, seleccionar Publicación única y luego copiar y pegar este código delante de la etiqueta de cierre. Actualizar el archivo.
Sin embargo, se recomienda que cree un tema secundario, ya que cualquier modificación realizada directamente en el editor de temas se perderá la próxima vez que actualice su sitio. Una vez creado, siga el mismo proceso agregando el fragmento de código anterior al archivo single.php en el directorio del subtema.
Cuando haya terminado, vaya a su publicación y desplácese hacia abajo. El resultado se verá así en la interfaz del sitio web:
Ahora sabe cómo agregar y mostrar datos de campos personalizados avanzados en las publicaciones de WordPress. Para aprender a agregar y ver datos de ACF en categorías, menús, usuarios, widgets y más de WordPress, consulte Documentación ACF.
Llevando la edición de contenido al siguiente nivel
El complemento ACF le brinda más control sobre la parte posterior y frontal de su sitio de WordPress. Con él, puede agregar campos personalizados prácticamente en cualquier lugar de su panel de WordPress y mostrarlos prácticamente en cualquier lugar de la interfaz de usuario. Estos datos de campos personalizados pueden ayudar a enriquecer sus publicaciones, taxonomías, cargas de medios y más.
