Share
Lo que vas a crearMi cliente vende algunos productos y quería que los visitantes del sitio pudieran enviar un comentario o testimonio sobre un producto en particular y mostrar esos comentarios en sus respectivas páginas de productos en su sitio de WordPress..
Trabajé en esta tarea toda la tarde de ayer para mi gran frustración, y justo ahora la puse en funcionamiento. Me di cuenta de que lo estaba haciendo mucho Más difícil de lo que realmente es. Formas de gravedad al rescate!
Hay algunos pasos en este proceso:
Empecemos.
Esta es una situación perfecta para una publicación personalizada, como una publicación de blog, solo especial. Los tipos de publicaciones personalizadas están separados de las publicaciones de blog normales; pueden ayudarlo a convertir su sitio en una base de datos de películas o un sitio de recetas, con sus propias taxonomías personalizadas (en lugar de categorías de blog, piense en Directores de películas, actores y géneros).
Si bien puede crear manualmente un tipo de publicación personalizada (CPT) usando codificación, hagámoslo de la manera más fácil. Instale la IU de tipo de entrada personalizada y actívela. Este es un complemento muy útil y estable que ha existido durante muchos años..
En la IU de tipo de publicación personalizada, configurará un nuevo tipo de publicación Aquí hay una captura de pantalla mía. Nombre lo que quieras; en este caso el mio es Reviews.
Puedes dejar el Etiquetas sección sola Pero en Ajustes, querrás hacer algunos cambios.
He dejado la mayoría de los valores predeterminados bajo Ajustes solo, pero han marcado la casilla de Excluir de la búsqueda Como no quiero comentarios de revisión en los resultados de búsqueda. Y en la sección. Ayudas, Solo he marcado las casillas de verificación de los elementos que necesito mostrar en mi página de revisión de edición de revisión: Título, Editor, y Campos Personalizados.
Si pasa el mouse sobre los signos de interrogación rojos en el panel Configuración, verá lo que hace cada elemento; Siempre puedes volver y hacer cambios..
Gravity Forms es un excelente complemento, pero no manejará publicaciones personalizadas por sí solo. Para eso necesitarás instalar y activar otro complemento, Gravity Forms + Custom Post Types. Continúa y haz eso, y comenzaremos con el formulario..
En Formas de gravedad, crea una nueva forma; Llamémoslo Enviar una revisión. Guárdalo, y luego abre el Campos de post en la columna derecha El uso de estos campos en lugar de los campos de formulario habituales creará una nueva publicación cuando el usuario envíe el formulario.
Primero, haga clic en Título de la entrada para agregar ese campo En este caso, quiero que el título de mi publicación sea el nombre de la persona que envía la revisión; vea la captura de pantalla a continuación.
Asigne un nombre a su campo (aquí está Su nombre, por lo que esta es la etiqueta que verá el usuario). por Estado de publicación, probablemente quieras Borrador; esto significa que la nueva publicación estará en formato Borrador y no se publicará en su sitio hasta que la apruebe.
Autor predeterminado de la publicación está configurado para usted y eso está bien, no importará aquí, y tampoco lo hará Categoría de puesto ya que estamos usando un tipo de mensaje personalizado. Hacer este campo Necesario marcando la casilla inferior.
Entonces ve a la Avanzado lengüeta. Marque la casilla para Guardar como tipo de publicación y elija el tipo de publicación personalizada que creó al principio de este tutorial.
Entonces haga clic Actualizar para guardar tus cambios.
Luego agregaremos un campo de correo electrónico Campos avanzados sección) como con cualquier forma, haciéndolo Necesario.
A continuación añadiremos otro campo de post., Cuerpo. Esto funciona igual que el campo Texto de párrafo en una forma normal. No debería necesitar cambiar ninguna configuración para este campo que no sea el Etiqueta de campo y marcando el Necesario caja.
¡Casi termino! Ahora porque mi cliente tiene varios productos, queremos preguntar al usuario qué producto compró. Para ello vamos a agregar un campo personalizado desde el Campos de post área (arrástrela hacia arriba para que aparezca antes del campo Cuerpo para que el flujo tenga sentido).
Para nuestros propósitos, queremos que este campo personalizado sea un botón de radio, así que elige ese Tipo de campo. Entonces necesitamos darle un nombre a nuestro campo personalizado. Elegir la Nuevo botón ya que lo estamos haciendo aquí, y luego escriba un nombre en el cuadro de texto. En este caso es nombre_producto..
Luego complete las opciones del botón de opción como de costumbre, asegurándose de ingresar tanto una etiqueta (lo que el usuario ve) como un valor (que puede usar para separar las revisiones por nombre de producto).
Hacer este campo Necesario (y no olvides añadir tu propia Etiqueta de campo en la parte superior, para el usuario) y actualizar el formulario. Ya hemos terminado con la parte 2..
Espero que ya sepas cómo hacerlo, pero si no, es muy simple. Vaya a la página donde desea colocar su formulario y edite la página.
Ponga el cursor donde desee agregar el formulario. Hacer clic Añadir formulario en la parte superior, elige tu nueva forma, desmarca la Título y Descripción casillas de verificación, y haga clic en Insertar formulario. Agregará un shortcode a la página..
Eso es. Y así es como se ve el formulario en la página..
Continúe y pruebe el formulario, agregando un par de revisiones. Le sugeriría agregar revisiones para al menos dos o tres productos, para que tengamos algo con que trabajar en la siguiente parte de este tutorial. Siempre puedes borrar tus comentarios de prueba más tarde.
Ahora llegamos a la parte que tiene muchas posibilidades. Si miras en el Administración menú en el lado izquierdo, ahora tendrá un nuevo elemento de menú, en mi caso se llama Opiniones. Si observa eso, verá las revisiones de las pruebas que envió (si no las hay, omitió la última parte del Paso 3: vaya a su formulario y envíe las revisiones de las pruebas, al menos para algunos productos, ya que Necesito material para trabajar en este paso..
Estas son publicaciones de blog, pero tienen su propio elemento de menú debido a su tipo de publicación personalizada. Esto te ayuda a mantener las cosas separadas en tu sitio; puede tener un blog regular, y luego cualquier número de tipos de publicaciones personalizadas para manejar información más especializada. Bastante guay si?
Abra una de estas publicaciones y verá solo los elementos que marcó en Compatibilidad en el Paso 1 cuando configura su tipo de publicación personalizada. En este caso, es el título, el editor y los campos personalizados. Nos gusta que sea lo más simple posible. Mire el campo personalizado y verá que tiene un nombre (la etiqueta que ingresó) y un valor (que también ingresó). Ese valor se puede usar para controlar qué revisiones se muestran en una plantilla personalizada.
Mostrar publicaciones en su sitio se puede hacer con codificación en sus archivos de tema o con complementos; existen muchos muchos maneras de hacer esto Para este tutorial, vamos a agregar las revisiones a un widget de barra lateral. Le mostraré dos formas de hacer esto con un complemento: una fácil y una mejor.
Para este ejemplo usaremos el complemento de publicaciones recientes especiales. Instalarlo y activarlo y luego ir a Ajustes> Widgets. Arrastra el widget a una barra lateral.
Cuando lo abras verás muchas opciones. Para este ejemplo, esta es la configuración que usé para obtener la lista de publicaciones que se muestra aquí, pero puede usar lo que sea que funcione con su sitio..
Así es como se ve en mi barra lateral:
Funciona bastante bien de inmediato, pero puede personalizar la pantalla si sabe algo de CSS. Sin embargo, no tienes mucho control sobre lo que se muestra; no puedes elegir mostrar críticas de un producto y ocultarlas para otro. Pero te mostraré cómo hacerlo en la siguiente parte..
Custom Content Shortcode es un complemento increíblemente útil que te permitirá mostrar cualquier tipo de contenido en cualquier lugar de tu sitio, incluidos los widgets. Tiene una pequeña curva de aprendizaje, pero también tiene una gran documentación que se incluye en la sección de Referencia directamente en el panel de administración. Brinda mucho control sobre lo que se muestra, y no te decepcionará si te tomas un poco de tiempo para aprender a usarlo. Es una herramienta que puede utilizar una y otra vez en su sitio web o blog..
Deberá sentirse un poco cómodo con HTML y CSS para personalizar la visualización de este widget, solo para avisarle. No parece que haya salido de la caja. Puedes agregar los estilos al archivo style.css de tu tema.
Usemos el código de contenido personalizado para crear otro widget, pero esta vez limitaremos lo que se muestra para que podamos mostrar solo las revisiones de un determinado producto..
En Ajustes> Widgets, arrastre un widget de texto a una barra lateral y agregue su título.
Le mostraré cómo configurar el código corto para este ejemplo, pero le recomiendo que eche un vistazo a través del Referencia sección para el plugin, que se encuentra en el Complementos página (verás un enlace debajo del nombre del complemento). Es una herramienta muy poderosa.!
Aquí está el código corto que estoy usando. Voy a ir a través de línea por línea.
[loop type = "review" field = "product_name" value = "boulder_case"] [content] [título del campo] [fecha del campo] [/ loop]
por tipo de bucle, ingrese el nombre de su campo personalizado, probablemente singular (si eso no funciona, intente plural).
Campo es el nombre del campo personalizado que usaste en Gravity Forms. Valor es el valor asociado con el botón de opción en Formas de gravedad.
Estos elementos controlan el bucle, lo que significa que pasará por cada publicación de "revisión" una por una, mostrando los que tienen el valor 'boulder_case' hasta que se analicen todos..
Así que dentro de su bucle, se mostrarán tres cosas: el contenido de la publicación (del campo Cuerpo en Formularios de gravedad), el título (el nombre del usuario) y la fecha de publicación..
¿Tiene sentido? Escribe o copia esto en tu widget de texto, reemplazando los elementos de la sección con tus propios nombres, guárdalos y observa lo que genera..
Probablemente se vea como un desastre, pero el contenido es todo lo que hay, y te darás cuenta de que solo se muestran las publicaciones con el valor particular que ingresaste. Esto es poderoso; significa que puedes crear Un widget de revisión para cada producto.En lugar de tener todos los comentarios mezclados.
Así que ahora tendrá que hacer algún formato para que las cosas se vean mejor, se necesita un poco de HTML.
[loop type = "review" field = "product_name" count = "3"][/lazo][contenido]- [título del campo]
[fecha de campo]
Esto hace que las cosas sean mucho más fáciles de leer, pero ahora se necesita algo de CSS para personalizarlo. Añadiré algunas clases a este código para el estilo..
/ * Reviews * / # sidebar-primary .widget .review-loop .review margin-bottom: 1.5em; # sidebar-primary .widget .review-loop div.text p margin: 0; # sidebar-primary .widget .review-loop div.text p: antes de contenido: '\ 201C'; # sidebar-primary .widget .review-loop div.text p: after content: '\ 201D'; # sidebar-primary .widget .review-loop .author font-size: 1.5rem; altura de línea: 2.1rem; estilo de letra: cursiva; margen: 0.5em 0 0.2em; text-align: right; # sidebar-primary .widget .review-loop .date margin: 0; tamaño de letra: 1.4rem; altura de línea: 1.96rem; estilo de letra: cursiva; text-align: right;
Y aquí está el producto terminado, todo diseñado y listo para más contenido..
Así que ya sabes:
En un seguimiento de esta publicación, le mostraré cómo mostrar su nuevo contenido personalizado en una página utilizando una plantilla y un bucle personalizados. Es un poco más difícil, pero le dará el poder de controlar realmente el contenido enviado por el usuario. Y luego puede pensar en otras formas de usar el contenido de usuarios que envían fotos a una galería, por ejemplo. Involucrar a los visitantes es una excelente manera de promocionar su sitio de negocios.
Accentsconagua