Usar metaboxes personalizados es una excelente manera de insertar algunos metadatos adicionales en su contenido. Es decir, al agregar diferentes metaboxes personalizados a sus páginas de WordPress, publicaciones y / o tipos de publicaciones personalizadas, podrá hacer que su interfaz de edición parezca más organizada y fácil de usar en su conjunto. De hecho, muchos desarrolladores de complementos los utilizan para crear y agregar metacajas de complementos personalizados.
También debemos mencionar de inmediato que cada tipo de contenido en WordPress tiene su propio conjunto de metadatos que se utilizan para proporcionar más información sobre el contenido en cuestión (como fecha, título, etc.). Y aunque WordPress viene con el cuadro de campo personalizado predeterminado que puede usar para agregar sus propios metacajones y metadatos personalizados, este cuadro de meta no ofrece tantas opciones en general.
Por lo tanto, hemos decidido mostrarle cómo agregar cuadros de meta personalizados en publicaciones de WordPress y tipos de publicaciones con la ayuda de uno de los complementos más populares en esta categoría: el complemento Campos personalizados avanzados. Quédate con nosotros mientras te explicamos cómo crear y agregar metaboxes personalizados a su contenido de WordPress, al igual que cómo mostrar sus metadatos de campo personalizados en su sitio.
Creación de metaboxes personalizados en WordPress con un complemento
El complemento que recomendamos para esta tarea se llama Campos personalizados avanzados. Esta es una opción de complemento bastante popular y completa para generar campos personalizados en su sitio, y por una buena razón. Si usa este complemento, podrá agregar sus campos personalizados prácticamente en cualquier lugar que desee en su sitio (incluidas páginas, publicaciones, taxonomías, usuarios, etc.), y podrá hacerlo de manera rápida y sencilla.
Una vez que instale el complemento y lo active, podrá ver un nuevo elemento de menú llamado Campos Personalizados en tu barra de administración. Ir a Campos personalizados >> Agregar nuevo para crear su campo personalizado. Al hacerlo, será redirigido a la página llamada Agregar nuevo grupo de campos.
Agregue un título a su grupo de campo (este será el título de su metabox). Luego, presione el botón «+ Agregar campo» para crear un nuevo campo. Esto abrirá una nueva fila de configuraciones.
los Etiqueta de campo La opción le permite establecer un nombre para su metabox. Este será el nombre de toda la sección que aparecerá en el backend de la página.
los Nombre del campo La opción le permite ingresar un nombre adicional para su campo. Debe ser una sola palabra sin espacios (aunque puede usar guiones bajos y guiones). Copiará este nombre para mostrar sus metadatos de campo personalizados en su sitio, pero más sobre eso más adelante.
A continuación, podrá seleccionar el Tipo de campo. Tendrá muchas opciones a su disposición, desde texto, botones de radio, casillas de verificación y números hasta imágenes, archivos, usuarios, taxonomías y mucho más.
También podrás insertar un campo Instrucciones que pueden ser particularmente útiles ya que le permiten al usuario saber qué debe insertar en el campo dado.
Posteriormente, podrá configurar un montón de otras opciones, como el valor predeterminado, el texto del marcador de posición, el límite de caracteres, etc.
Golpea el Cerrar campo para ocultarlo una vez que haya terminado de configurar sus opciones.
En caso de que necesite más campos en su metabox, simplemente presione el botón «+ Agregar campo» nuevamente y ajuste sus opciones de acuerdo a sus preferencias.
A continuación, el Localización El área le permitirá establecer las reglas que determinarán los tipos de pantallas de edición en las que se mostrará su cuadro de meta personalizado. Podrá seleccionar diferentes tipos de publicaciones, categorías de publicaciones, taxonomías, etc.
Ahora, en el Ajustes campo, podrá elegir el cuadro meta Estilo (estándar o sin costura). Recomendamos configurarlo en Estándar.
También podrá seleccionar la posición del cuadro meta en el backend de la página (después del contenido, antes o en la columna de la derecha).
Además, podrá establecer la posición de su etiqueta e instrucción y elegir el número de pedido (el número que definirá el orden de su campo). Este último es útil en caso de que tenga más de un grupo de campos configurado en una ubicación (de lo contrario, puede establecer esta opción en 0).
Finalmente, el Ocultar en pantalla Esta opción te permitirá marcar o desmarcar ciertos campos de metabox para mostrarlos u ocultarlos en la pantalla de edición de tu publicación o página.
Golpea el Publicar (ubicado en la esquina superior derecha de la pantalla) una vez que haya terminado.
Siéntase libre de seguir adelante y visitar el backend de una de sus páginas / publicaciones para ver cómo se ve su metabox personalizada en vivo. Una vez allí, también podrá usar sus nuevos metaboxes para agregar sus metadatos personalizados.
Visualización de los datos de su Meta Box personalizados en su sitio
Ahora que ha logrado crear su metabox personalizada, es hora de mostrar los datos que ingresó en sus campos en su sitio (es decir, su página, publicación, etc.).
Ve a la Grupos de campo página. Una vez allí, podrá acceder a sus campos personalizados. Lo que debe hacer es copiar el texto que se muestra debajo del campo «Nombre»:
Ahora, para mostrar los datos ingresados en sus campos personalizados en su sitio, puede usar dos opciones diferentes. Tu también puedes agréguelos a través de un código corto o usando un código PHP.
Para mostrar sus datos de campo personalizados en una sola página o publicación, simplemente agregue este código corto en su contenido:
[acf field="weather"]
Por supuesto, debe agregar el nombre de su propio campo entre las comillas.
Otra forma de hacer esto es insertando una línea de código en uno de sus archivos de tema. Este método es excelente si desea que los metadatos aparezcan automáticamente en todas las páginas de un determinado tipo.
Acceda al archivo de tema que desea editar yendo a Apariencia >> Editor de temas. El archivo que editará depende de dónde desee que se muestren sus datos. Estos pueden ser archivos como single.php, blog.php, page.php, etc.
Hemos utilizado nuestro propio tema Qi gratuito para nuestro ejemplo, por lo que hemos insertado nuestro código en el archivo de plantilla blog.php. Por supuesto, debe sentirse libre de agregar su propio código donde quiera.
Ingrese el siguiente código:
<h2 class="weather"><?php the_field('weather'); ?></h2>
Esto mostrará los metadatos de nuestro cuadro de meta personalizado «clima» como un encabezado H2 en nuestra página. Por supuesto, debe reemplazar el nombre que agregamos entre comillas con su propio nombre de campo personalizado y ajustar el HTML para satisfacer sus necesidades.
El código que ha insertado en su archivo de tema mostrará los datos que inserte en su metacampo personalizado en todas las páginas que usen la plantilla de página específica que decidió editar.
Golpea el Actualizar archivo una vez que haya terminado y continúe para ver cómo se ven sus metadatos en su página / publicación.
Conclusión
No importa si necesita insertar una línea simple de texto o agregar metadatos más avanzados, los metaboxes personalizados son una excelente manera de aprovechar al máximo su pantalla de edición y hacer que parezca lo más intuitiva y fácil de usar posible. Recomendamos utilizar el complemento Campos personalizados avanzados para crear y agregar metacampos personalizados a cualquiera de sus pantallas de edición. Este complemento viene con un conjunto completo de opciones que le permitirán personalizar el aspecto de sus metaboxes personalizados de muchas formas. Asegúrese de seguir atentamente nuestras instrucciones para aprender a personalizar sus cuadros de metadatos personalizados con todo detalle y mostrar sus metadatos en su sitio de WordPress con facilidad.
Apoya nuestro trabajo ❤️
Si te ha gustado este artículo, considera dejar una propina para ayudarnos a seguir publicando contenido de calidad.
