Campos personalizados en las entradas de invitados de WordPress

Cómo mostrar campos personalizados en entradas de invitados [Tutorial WordPress]

¿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.

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.

Ejemplo de campos personalizados

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:

  1. WPForms Pro
  2. El complemento WPForms Post Submissions
  3. 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.

Menú de complementos de WPForms

Desplázate hacia abajo y haz clic para instalarlo.

Complemento Post Submissions

Por último, vamos a instalar el plugin gratuito Advanced Custom Fields. En el panel de WordPress, dirígete a Plugins " Añadir nuevo.

Añadir nuevo plugin

Busque Campos personalizados avanzados y haga clic en el botón Instalar ahora.

Instale el plugin Advanced Custom Fields

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.

Añadir nuevo campo personalizado

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.

Añadir nuevo grupo de campos personalizados

Ahora haga clic en Añadir campo para empezar a crear su campo personalizado.

Botón Añadir nuevo 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.

Configurar un campo personalizado en ACF

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.

Nombre del campo en Campos personalizados avanzados

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.

Añadir nuevo usuario enviado formulario de entrada en WordPress

Ahora haz clic en el Formulario de envío de entradas de blog para abrirlo.

Seleccione la plantilla del formulario de entrada enviado por el usuario

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.

Añadir campo personalizado al formulario de entrada de invitados

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.

Configuración del envío de mensajes

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.

Configurar un campo personalizado en el formulario de entrada de invitados

¡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.

Incrustar el formulario de entrada de invitados en una página

Ahora, cuando veas tu formulario de envío de post invitado en el frontend, verás el campo extra que añadimos antes.

Campo personalizado en el formulario de entrada enviado por el usuario

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.

Editor de temas de WordPress

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.

Campo personalizado en post invitado

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:

Elementor etiquetas dinámicas para campo personalizado

Ahora seleccione Campo ACF y elija el campo personalizado que creó en el paso 2.

Añadir un campo personalizado avanzado en Elementor

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.

Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPForms, por qué es importante y cómo puede apoyarnos.

Claire Broadley

Claire es la gestora de contenidos del equipo de WPForms. Tiene más de 13 años de experiencia escribiendo sobre WordPress y alojamiento web.Más información

El mejor plugin de WordPress para crear formularios arrastrando y soltando

Fácil, rápido y seguro. Únete a más de 6 millones de propietarios de sitios web que confían en WPForms.

Active JavaScript en su navegador para rellenar este formulario.

4 comments on "Cómo mostrar campos personalizados en entradas de invitados [Tutorial WordPress]"

  1. 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

  2. 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?

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Por favor, tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Este formulario está protegido por Cloudflare Turnstile y se aplican la Política de privacidad y las Condiciones del servicio de Cloudflare.