homefinance blog
¿Quieres saber cómo usar campos personalizados en las publicaciones de invitados de WordPress? Los campos personalizados son una poderosa función de WordPress que le permite almacenar información adicional sobre sus publicaciones en este tutorial, le mostraremos cómo permitir a los usuarios enviar información a campos personalizados utilizando sus formularios de WordPress. Cree su formulario de mensajes de usuario ahora ¿Cuáles son los campos personalizados en WordPress? Los campos personalizados son campos adicionales que puede crear para recopilar información en WordPress. A veces se les llama “post meta”.
Su sitio ya tiene campos personalizados para temas y complementos de WordPress. Por ejemplo, el complemento All in One SEO utiliza campos personalizados para meta descripción y meta título. Cada vez que crea una nueva publicación en WordPress, todo en un SEO usa esos campos adicionales para guardar metadatos de SEO para ello.
WPFORMS es el mejor complemento de WordPress Form Builder. ¡Tómelo gratis!
Este es un ejemplo perfecto de cómo funcionan los campos personalizados. Puede crear sus propios campos personalizados para almacenar información adicional para cualquier publicación, página o tipo de publicación personalizada. Por ejemplo, además de escribir una publicación de revisión, podría tener otro campo para una evaluación.
Los campos personalizados están a la mano si lo desea:
Cree modelos personalizados: puede configurar la plantilla para mostrar siempre información de sus campos personalizados en el mismo lugar.
Agregue contenido al flujo RSS: WordPress le permite agregar campos personalizados a los campos RSS. Puede usar esto para insertar contenido adicional en su feed, como comerciales o logotipos de marca. Controle cómo funciona WordPress: hay muchos trucos cuidadosos que puede hacer con campos personalizados, como la expiración automática de publicaciones en una fecha elegida. Para obtener más información sobre trucos de campo personalizados, consulte este campo personalizado 101.
Ahora entendemos a qué sirven los campos personalizados, creemos un formulario de publicación para invitados con campos personalizados.
Cómo usar campos personalizados en publicaciones de invitados de WordPress En este tutorial, personalizaremos la forma de las publicaciones de invitados con un campo adicional usando WPFORMS. Luego, al final, le mostraremos cómo mostrar datos de campo personalizados.
Instale campos personalizados avanzados y complementos WPFFORMS
Crea el campo personalizado en ACF
Crea tu formulario de publicación de invitado frontend
Agregue el campo personalizado a la publicación para la publicación invitada
Agregue los campos personalizados a su sitio.
Muestra campos personalizados con Elementor
Editaremos archivos importantes de WordPress más adelante en el tutorial. Antes de comenzar, haga una copia de seguridad de su sitio de WordPress para que pueda devolver fácilmente los cambios si es necesario.
¿Listo? Primero, tendremos que instalar los complementos. Paso 1: Instale campos personalizados avanzados y WPFORMS WPFFORMS facilita las publicaciones de invitados en el frente de su sitio web. Para este tutorial, necesitaremos WPForms Pro o una versión posterior. Esto se debe a que tendremos que usar el suplemento posts de Post -sent para obtener publicaciones de invitados. El suplemento viene con la versión Elite y Pro. Entonces, comencemos instalando y activando el complemento WordPress WPFORMS. Si necesita ayuda con este paso, vaya a esta guía para principiantes para instalar un complemento en WordPress. A continuación. Instale los envíos de publicaciones, para que podamos aceptar publicaciones de invitados sin dar a los escritores acceso a WordPress de Back End. Desde el tablero de WordPress, haga clic en los complementos WPForms ».
Desplácese hacia abajo e instale el suplemento de envío. Verá que el interruptor se vuelve verde una vez que esté activo.
Finalmente, instale el complemento de campos personalizados avanzados gratuitos. Para instalar ACF, vaya a complementos »Agregar nuevo.
Ahora busque campos personalizados avanzados y haga clic en el botón Instalar ahora.
Cuando se instale el complemento, asegúrese de hacer clic en la activación.
¡Eso es genial! Ahora tenemos todo listo. Sigamos y creemos nuestro campo personalizado. Paso 2: Cree el campo personalizado en ACF Ahora debemos crear un campo personalizado en WordPress. En este ejemplo, utilizaremos un campo personalizado para recopilar el nombre de nuestro sitio de blogger invitado. Instalé el complemento gratuito de campos personalizados avanzados (ACF) para aliviar esta parte. Para comenzar, busque en la barra lateral y haga clic en campos personalizados »Agregue un nuevo. En la parte superior, le dé un nombre al nuevo campo. No importa lo que escribas aquí, porque no aparecerá en el frente.
Ahora haga clic en Agregar campo para comenzar a crear el campo personalizado.
Notarás que algunas opciones se caen. No tienes que completar todo esto. Aquí están los 2 que usaremos para nuestro ejemplo:
Etiqueta de campo: dale un nombre al nuevo campo.
Tipo de campo: usaremos un campo de texto simple, por lo que dejamos este conjunto en el texto.
Notará que el campo Nombre del campo se completará automáticamente para usted.
Continúe y haga clic en Publicar para guardar su nuevo campo personalizado. Aquí puede ver que el nuevo campo se ha guardado. Tenga en cuenta el nombre del campo: lo necesitará para el siguiente paso.
Ahora podemos crear la publicación para los invitados para el frente del sitio. Paso 3: Cree su formulario de publicación de fronnd en este paso, agregaremos nuestro nuevo campo personalizado a las publicaciones de un invitado. Esto nos permitirá recopilar fácilmente información adicional de bloggers. Si aún no tiene un formulario para las publicaciones de los usuarios, comience a hacer clic en WPFORMS »Agregue nuevo a la barra de navegación de WordPress.
Ahora haga clic en la forma de enviar publicaciones al blog para abrirlo. Para configurar su formulario, pase a esta guía para crear un formulario frontend para las publicaciones del usuario.
Cuando tenga todos los elementos básicos preparados, regrese a este tutorial. Paso 4: Agregue el campo personalizado a la publicación para los invitados ahora que tiene un formulario de publicación posterior a la oración, querrá agregar el campo personalizado que creé en el Paso 2. Abra el formulario en el generador de formulación, si aún no lo ha hecho. esta cosa. Verá campos para su blogger invitado a agregar:
Publicar Contenido
Imagen presentada (carga de archivo)
El título de la publicación
Y otra.
Configuraremos un campo adicional para que coincida con nuestro nuevo campo personalizado.
Dibujemos un campo de texto de una sola línea desde el panel izquierdo en la vista previa del formulario correcto. Llamaremos al nombre de este sitio web.
Ahora estamos listos para mapear el campo en el campo que creamos en el complemento avanzado de campos personalizados. Para comenzar, haga clic en Configuración en el lado izquierdo, luego publique referencias.
Esta pantalla muestra todas las funcionalidades y características para las presentaciones de la publicación. Puede establecer la publicación de POST y otras configuraciones aquí. Para agregar el campo personalizado, querrá desplazarse a la sección de metal personalizada para su publicación. A la izquierda, me quedé con el nombre del campo que creé anteriormente. Y a la derecha, podemos elegir el campo del sitio web del nombre del formulario que acabamos de agregar al formulario.
Ahora, lo que se introduzca en el sitio de nombre de campo se guardará en el campo personalizado. ¡Eso es todo! Haga clic en Guardar para guardar el formulario. Deberá hacer clic en el botón Incorporar para publicar su formulario, si aún no lo ha hecho. Puede agregarlo automáticamente a una página o usar un código corto. Ahora, al ver las invitaciones enviadas a Frontand, verá el campo adicional que he agregado anteriormente.
Continúe y complete el formulario con una entrada de prueba. Una vez enviado, podemos mostrar el campo en el frente de su sitio. Paso 5: Agregue las aduanas a su sitio web. Hay muchas formas diferentes de mostrar datos de campo personalizados en WordPress. Le mostraremos algunos ejemplos fáciles. Este primer método requiere un cierto conocimiento de los archivos temáticos de WordPress. Antes de continuar, cree un tema infantil para su sitio web y cree una copia de seguridad en caso de que algo salga bien. En todos estos ejemplos, usaremos the_field () en campos personalizados avanzados. Primero, editemos nuestra plantilla de publicación única para mostrar el campo. Vaya a aspectos »Editor temático.
Abrí el archivo de tema llamado sencillo.php. En su tema, el nombre de este archivo de plantilla puede ser diferente. Encuentre un lugar para mostrar su campo, luego pegue este código. Este es un ejemplo muy fácil de comenzar: <? Php if (get_field ('autor_website_name'):?
Blog del autor:
Cambie el nombre del campo Autor_website_name con el nombre del campo que creó. Cuando guarde el archivo de plantilla, su campo aparecerá en las publicaciones de blog donde ha colocado el código. También puede usar campos personalizados para reemplazar la información de las publicaciones. Por ejemplo, puede cambiar automáticamente el nombre del autor a una publicación en nombre del autor invitado. Para hacer esto, creamos un campo llamado gest_author y usamos este fragmento de código para cambiar el nombre. Si desea probar esto, le recomendamos usar los fragmentos de Código de complementos en lugar de editar el archivo Functions.php. Función guest_author_name ($ name) {
Global $ post;
$ autor = get_post_meta ($ post- & gt; id, ‘invitados_author’, true);
If ($ autor)
$ name = $ autor;
devolver $ nombre;
}
Si esto parece un poco difícil, le mostraremos rápidamente una forma más fácil de usar campos personalizados con Elementor. Paso 6: Muestre campos personalizados con Elementor antes de completar el tutorial sobre el uso de campos personalizados en las publicaciones del usuario, queríamos mostrarle rápidamente cómo mostrar un campo personalizado en Elemoror. Este método le permite crear fácilmente plantillas avanzadas para el contenido enviado por el usuario. En este ejemplo, tenemos un bloque de texto vacío en Elementor. Haga clic en el icono en la parte superior, etiquetado con etiquetas dinámicas en esta captura de pantalla:
Ahora puede seleccionar el campo ACF y elegir el campo personalizado que hizo en el paso 2.
