¿Quieres aprender a utilizar campos personalizados en entradas de invitados?
Los campos personalizados son una potente función de WordPress que le permite almacenar información adicional relacionada con entradas específicas. Puedes mostrar esa información junto al contenido de la entrada.
En este artículo
Cree su formulario WordPress ahora
¿Qué son los campos personalizados?
Los campos personalizados son campos adicionales que se utilizan para recopilar y mostrar información en WordPress. A veces se llaman campos 'post meta'.
Es probable que su sitio ya tenga algunos campos personalizados. Por ejemplo, el plugin All in One SEO utiliza campos personalizados para la meta descripción y el meta título de la página.
Puedes crear tus propios campos personalizados para almacenar información extra para cualquier entrada, página o tipo de entrada personalizada. Por ejemplo, si estás escribiendo una reseña, podrías tener otro campo para la valoración sobre diez. Luego puedes modificar la plantilla de tu entrada para que muestre tu valoración en el mismo lugar cada vez que publiques una reseña.
Los campos personalizados son útiles si lo desea:
- Diseños personalizados
- Añade contenido a tu canal RSS, como anuncios o logotipos de marcas
- Controla el funcionamiento de WordPress con automatizaciones.
Ahora que ya sabemos para qué sirven los campos personalizados, vamos a crear un formulario de entrada de invitado con campos personalizados.
Cómo usar campos personalizados en las entradas de invitados de WordPress
Vamos a editar archivos importantes de WordPress más adelante en el tutorial. Antes de empezar, te recomiendo que utilices un plugin de copia de seguridad para hacer una copia de seguridad de tu sitio WordPress.
1. Instalar plugins
Para este tutorial, necesitaremos instalar 3 plugins:
- WPForms Pro
- El complemento WPForms Post Submissions
- La versión gratuita o de pago del plugin Advanced Custom Fields (ACF).
Una vez instalado y activado WPForms Pro, navegue a WPForms " Addons para instalar Post Submissions.
Desplázate hacia abajo y haz clic para instalarlo.
Por último, vamos a instalar el plugin gratuito Advanced Custom Fields. En el panel de WordPress, dirígete a Plugins " Añadir nuevo.
Busque Campos personalizados avanzados y haga clic en el botón Instalar ahora.
Cuando el plugin esté instalado, no olvides hacer clic en Activar.
¡Muy bien! Ahora tenemos todo configurado. Sigamos adelante y creemos nuestro campo personalizado.
2. Crear un campo personalizado en ACF
En este ejemplo, utilizaremos un campo personalizado para recoger el nombre del sitio web de nuestro bloguero invitado y mostrarlo bajo su nombre.
Para empezar, busque en la barra lateral y haga clic en Campos personalizados " Añadir nuevo.
En la parte superior, dale un nombre a tu nuevo grupo de campos. No importa lo que escribas aquí porque no aparecerá en el frontend. Utiliza un nombre que reconozcas más adelante.
Ahora haga clic en Añadir campo para empezar a crear su campo personalizado.
Verás que debajo se despliegan algunas opciones. No es necesario rellenarlas todas. Aquí están los 2 que vamos a utilizar:
- Etiqueta de campo - Dé a su nuevo campo un nombre que tenga sentido para usted.
- Tipo de campo - Vamos a utilizar un campo de texto simple, así que lo dejamos establecido en Texto.
Verá que el campo Nombre de campo se rellena automáticamente.
Haga clic en Publicar para guardar su nuevo campo personalizado.
Aquí puede ver que el nuevo campo se ha guardado. Observe el Nombre del campo: lo necesitará para el siguiente paso.
Ahora podemos hacer el formulario de post invitado para el frontend del sitio.
3. Cree su formulario para Guest Post
En este paso, vamos a crear un formulario de envío de post invitado y añadirle el nuevo campo para que el blogger invitado pueda rellenarlo.
Si aún no tiene un formulario para las entradas enviadas por los usuarios, comience haciendo clic en WPForms " Añadir nuevo en la barra de navegación de WordPress.
Ahora haz clic en el Formulario de envío de entradas de blog para abrirlo.
Si necesita modificar los valores predeterminados, vaya a esta guía sobre la creación de un formulario frontend para los mensajes enviados por los usuarios. Cuando tengas todo lo básico listo, vuelve a este tutorial.
4. Añadir campo personalizado al formulario de Guest Post
Ahora que tienes un formulario de envío de usuario, querrás añadir el campo personalizado que creamos en el paso 2.
Arrastramos un campo de texto de una línea desde el panel de la izquierda a la vista previa del formulario de la derecha. Lo llamaremos Nombre del sitio web.
Ahora estamos listos para asignar el campo al campo que creamos en el plugin Advanced Custom Fields.
Para empezar, haga clic en Configuración en la parte izquierda y, a continuación, en Envíos de publicaciones.
Esta pantalla muestra todas las funcionalidades y características del addon Post Submissions. Aquí puede configurar el estado de la publicación y otros ajustes.
Para añadir el campo personalizado, deberá desplazarse hasta la sección Custom Post Meta.
A la izquierda, pegue el Nombre del campo que creamos en ACF. A la derecha, elija el campo de formulario Nombre del sitio web que acabamos de crear en WPForms.
¡Eso es todo lo que tienes que hacer! A partir de ahora, todo lo que escriba en el campo Nombre del sitio web se guardará en el campo personalizado para que pueda mostrarlo en su plantilla de entrada.
Haga clic en Guardar para guardar el formulario.
¿Listo para publicar artículos como invitado? Si aún no lo has hecho, haz clic en el botón Incrustar para publicar tu formulario. Puedes añadirlo automáticamente a una página o utilizar un shortcode.
Ahora, cuando veas tu formulario de envío de post invitado en el frontend, verás el campo extra que añadimos antes.
Rellene el formulario con una entrada de prueba. Una vez enviado, podemos mostrar el campo en el frontend de su sitio.
5. Añada sus campos personalizados a su sitio web
Hay muchas formas diferentes de mostrar datos de campos personalizados en WordPress. Vamos a mostrarte algunos ejemplos sencillos.
Este primer método requiere cierto conocimiento de los archivos de tema de WordPress. Antes de seguir adelante, crea un tema hijo para tu sitio web. (También es una buena idea hacer una copia de seguridad de su sitio de nuevo en este punto).
En todos estos ejemplos, utilizaremos the_field()
en Campos personalizados avanzados.
En primer lugar, vamos a editar nuestra plantilla de entrada única para mostrar el campo. Vaya a Apariencias " Editor de temas.
Hemos abierto el archivo del tema llamado single.php
. En su tema, el nombre de este archivo de plantilla puede ser diferente.
Busca un lugar para mostrar tu campo y pega este código. Este es un ejemplo muy fácil para empezar:
<?php if( get_field('author_website_name') ): ?> <h2>Author's Blog: <?php the_field('author_website_name'); ?></h2> <?php endif; ?>
Este código significa que WordPress mostrará el nombre del sitio web del autor en un H2 si existe esa información. Sólo tiene que cambiar el nombre del campo author_website_name
al nombre del campo creado.
Cuando guarde el archivo de plantilla, su campo aparecerá en las entradas de su blog donde haya colocado el código.
Si esto te parece un poco complicado, te mostraremos rápidamente una forma más sencilla de utilizar campos personalizados con Elementor.
6. Mostrar campos personalizados con Elementor
Antes de terminar el tutorial sobre el uso de campos personalizados en entradas enviadas por usuarios, queríamos mostrarte rápidamente cómo mostrar un campo personalizado en Elementor.
Este método permite crear fácilmente plantillas avanzadas para los contenidos enviados por los usuarios.
En este ejemplo, tenemos un bloque de texto en blanco en Elementor. Haga clic en el icono en la parte superior que está etiquetado Etiquetas dinámicas en esta captura de pantalla:
Ahora seleccione Campo ACF y elija el campo personalizado que creó en el paso 2.
Ahora el contenido de tu campo personalizado se mostrará en tus entradas siempre que utilices esta plantilla de Elementor. Esto hace que sea muy fácil de mostrar los datos de campo personalizado que se recogen en WPForms.
Cree su formulario WordPress ahora
Siguiente paso: Conseguir más Guest Post
Ahora que ya tienes un formulario de entrada de invitado configurado con campos personalizados, querrás conseguir más contenido enviado por los usuarios para tu sitio. Para ello, echa un vistazo a estos consejos sobre cómo conseguir más entradas de invitados en tu blog.
¿Listo para crear tu formulario? Empieza hoy mismo con el plugin más sencillo para crear formularios en WordPress. WPForms Pro incluye el complemento Post Submissions y ofrece una garantía de reembolso de 14 días.
Si este artículo te ha ayudado, síguenos en Facebook y Twitter para más tutoriales y guías gratuitas sobre WordPress.
No soy capaz de mostrar más que los tres campos que ya existían en Post Submission, en la vista final de mi blog. He intentado campos personalizados, pero no tuvo éxito
Hola Maryam,
Para ayudarle a comprender mejor esta cuestión, póngase en contacto con nosotros a través de nuestro servicio de asistencia técnica y facilítenos más detalles; nuestro equipo estará encantado de ayudarle.
Gracias 🙂 .
Necesito utilizar un campo personalizado verdadero/falso para el envío de mis entradas. Actualmente esto resulta en que el campo siempre es verdadero porque siempre envía un valor no booleano al campo. Hay una manera fácil de conseguir que el post envíe un valor booleano verdadero/falso al campo personalizado?
Hola Sondre,
¡Gracias por contactarnos! Para ayudarte con una respuesta exhaustiva, ponte en contacto con nosotros a través de Soporte y estaremos encantados de ayudarte 🙂 .