Cómo crear módulos de testimonio dinámico con DIV y ACF

La brecha funciona bien con contenido dinámico. El contenido dinámico se puede usar para mostrar texto, títulos y más. Se puede usar incluso en el módulo de testimonio de la división, combinándolo con un complemento llamado avanzado campos personalizados. En esta publicación, veremos cómo crear módulos de testimonios dinámicos con DIV y ACF. Div y ACF trabajan muy bien juntos, y esta publicación lo ayudará a comprender cómo! Vamos a eso. Configuración avanzada de campos personalizados primero, necesitaremos instalar la versión gratuita del complemento avanzado de campos personalizados. Instale campos personalizados avanzados para instalarlo en WordPress, Access Plugins> Agregar nuevo al tablero de WordPress. Busque campos personalizados avanzados y haga clic en Instalar ahora.
complementos
Agregar nuevo
Búsqueda
Instalar ahora

Después de completar la instalación, haga clic en Activación.
habilitar

Ahora estamos listos para configurar los campos personalizados para nuestro testimonio. Cree un nuevo grupo de campo, cree un grupo de campos. Este grupo de campos contendrá todos los campos necesarios para un solo testimonio. Luego podemos clonar este grupo de campos para crear cuántos testimonios queremos. Para crear el grupo de campo, vaya a campos personalizados> Agregar nuevo al tablero de WordPress.
Campos personalizados
Agregar nuevo

Cree el grupo de campo para el testimonio 1 primero, agregue un título y haga clic en Agregar el campo.
Añadir título
Haga clic en Agregar campo

Esto abre el editor en el que crearemos los campos. Tendremos que agregar un campo a la vez. Cada campo incluirá la etiqueta, el nombre y el tipo de campo. El nombre y la etiqueta pueden encajar. Testimonio 1 Descripción Escriba la etiqueta de campo y el nombre del campo. Haga clic en el cuadro de tipo desplegable de tipo desplegable para ver las opciones. Este campo utiliza un campo de campo diferente de los otros tres campos. Ética del campo: Test 1 Descripción
Nombre del campo: Testimonio 1 Descripción
Seleccione el área de texto de la lista.

Tipo de campo: área de texto
Testimonio 1 Nombre Luego, desplácese hacia abajo y haga clic en Agregar campo.

Luego ingrese el nombre del testimonio 1 para el nombre del campo y la etiqueta de campo. Deje el tipo de campo al valor predeterminado (texto).

Nombre del campo: Prueba 1 Nombre
Etiqueta de campo: testimonio 1 nombre
Testimonio 1 Posición Luego, haga clic en Agregar campo e ingrese el puesto de trabajo Testimonial 1 para el nombre del campo y la etiqueta de campo.

Nombre del campo: testimonio 1 posición
Etiqueta de campo: testimonio 1 posición
Prueba 1 Compañía Luego haga clic en el campo Addit e ingrese la compañía Testimonial 1 para el nombre de campo y la etiqueta de campo.

Nombre del campo: Testimonial 1 Company
Etiqueta de campo: Testimonio 1 Compañía
Ubicación a continuación, estableceremos las reglas de ubicación. Elegiremos la página o páginas en las que queremos usar el testimonio. Tiene que la regla de tipo de publicación es igual a la página de forma predeterminada. Mantendremos esta regla y agregaremos una más. Haga clic en Agregar un grupo de reglas.

Seleccione el cuadro de tipo desplegable de tipo desplegable para la nueva regla y elija la página. Seleccione el cuadro de publicación NEGNES para la nueva regla y seleccione la página que desea usar. Si desea usar varias páginas, agregue una nueva regla para cada página. El primer campo: página

Segundo campo: el nombre de tu página
Publique el nuevo grupo de campo Finalmente, haga clic en el botón de publicación en la esquina superior derecha del editor para publicar el nuevo grupo de campo.
Una vez que se publique el grupo de campo, verá la lista de campos y reglas.

Cierra el grupo de campos de testimonio, clonaremos el grupo de campos de testimonio. Esto nos permitirá crear otro testimonio. Tendremos que repetir esto para cada testimonio que queramos crear. En el tablero de WordPress, vaya a grupos de campo de campo personalizado. Coloque el cursor sobre el grupo de campo que desea hacer clic y haga clic en la duplicación.

Campos personalizados

Grupos de campo
Duplicar
Luego haga clic en Editar para abrir el nuevo grupo de campo y cambiar el nombre del grupo y cada campo dentro del grupo.
Cambie el título y seleccione cada campo y cambie 1 por 2. Haga clic en Actualizar cuando esté listo.

Luego elija la página donde desee que esté disponible este testimonio.

Ahora tiene el grupo de campo para su segundo testimonio.

Cree el testimonio de los campos de testimonio que aparecen en la parte inferior del editor de la página para la página que ha seleccionado como ubicación del testimonio. Este ejemplo tiene solo los campos para testimonio 1. Hemos seleccionado otra página para la ubicación testimonial 2, por lo que no aparece aquí.

Completa los campos como de costumbre. Luego, estará listo para usar los campos en el aspecto de la división para esta página. Cortar el módulo de testimonio dinámico Una ventaja de él es que cualquiera puede ingresar la información o editar los campos sin tener que abrir los módulos DIVI. Los campos tendrán que ser MAPATE en el módulo de testimonio de la división. Haga clic para usar Divic Builder para esta página.

Puede agregar el grupo de campo personalizado a cualquier página, pero crearé una nueva página. Debido a que llamé a esta página sobre nosotros, usaré la página sobre el paquete de producto de producto gratuito disponible en el DIV. Agregaré un nuevo módulo de testimonio y lo pegaré en función de la página. En primer lugar, pasaré por el proceso de agregar testimonio a la página.

Agregue una nueva sección y una fila de testimonio Agregue una nueva sección habitual en la segunda sección de la apariencia.

Luego agregue una fila con una sola columna.

Agregue el módulo de división y luego, agregue un módulo de testimonio en una fila.
Cree el contenido de testimonio dinámico, agregaremos los datos de los campos personalizados avanzados al módulo de testimonio. Lo lograremos agregando los datos del grupo de campo como un contenido dinámico a cada campo. Abra la configuración del módulo como de costumbre. Verá la opción dinámica cuando pase con el mouse sobre cada campo, como se muestra en la imagen a continuación.


El nombre del autor dinámico primero, coloque el cursor sobre el campo del autor y haga clic en el icono de contenido dinámico.

Verá las opciones de ACF en la parte inferior de la lista. Estas son las etiquetas que di a los campos cuando creé el grupo de campo. Seleccione Testimonio 1 Nombre.

Si desea enviar mensajes de texto antes o por su nombre, agrégalo a los campos antes o después. También puede agregar HTML si desea activarlo. Haga clic en el Bifa verde cuando haya terminado. El autor del autor ahora muestra el nombre de su contenido dinámico. El texto ingresado en el campo ahora aparece como el nombre del autor.

El nombre de la publicación dinámica entonces, coloque el cursor sobre el campo para el título y haga clic en el icono de contenido dinámico.

Elija Testimonial 1 Job Post de la lista.

Agregue cualquier texto antes o como se desee en los campos y seleccione la verificación verde.

El nombre de la compañía dinámica entonces, coloque el cursor en el campo de la empresa y seleccione su icono dinámico.

Elija Testimonial 1 Company de la lista.

Agregue el texto antes y después si lo desea y haga clic en la verificación verde.

Descripción dinámica eventualmente coloque el cursor sobre el área de contenido del cuerpo y seleccione el icono dinámico.

Elija Testimonio 1 Descripción de la lista.

Luego agregue el texto antes y después si lo desea y haga clic en la verificación verde. Salga del módulo y guarde su página.

Ahora tenemos un testimonio que utiliza contenido dinámico para campos.

Edición del contenido de testimonio dinámico Cualquiera de los campos de testimonio se puede actualizar sin tener que abrir el generador de la Divic. Para editar el contenido dinámico, simplemente vaya al editor de páginas y cambie los contenidos en los campos en la parte inferior de la página. En este ejemplo, agrego mi apellido al nombre del campo testimonial 1.

El nombre se actualiza automáticamente en el modo.

Modele el módulo de testimonio dinámico y luego modele el módulo de testimonio para que coincida con la plantilla de página. Imagen de contenido En la pestaña Contenido, desplácese hacia abajo hasta la imagen y agregue la imagen de la persona en sus medios. Imagine: Fotografía de la persona

El icono citado entonces, vaya a la pestaña Design. Elija negro para el color del icono citado.

Color: #000000

Imagen entonces, desplácese hacia abajo hasta la imagen. Establezca el ancho y la altura en 150 px. Cambie las esquinas redondeadas a 0px.

Ancho: 150px
Altura: 150px

Esquinas redondeadas: 0px
El cuerpo del texto se desplaza hacia abajo hasta el texto del cuerpo. Elija Montserrat para la fuente. Cambia el color a negro.

Fuente: Montserrat
Color: #000000
Establezca el tamaño del escritorio en 16 px, el tamaño del teléfono a 14 px y la altura de la línea a 1.8 em.
Tamaño: 16px, 14px

Altura de la línea: 1.8 em
El texto del autor se desplazó al texto del autor. Cambie la fuente a Montserrat y cambie el color a negro. Establezca el tamaño del escritorio en 20px, el tamaño de la tableta a 18 px y el tamaño del teléfono a 16 px.
Fuente: Montserrat

Color: #000000
Tamaño: 20px, 18px, 16px
Coloque el texto y luego, desplácese hacia abajo para colocar el texto y cambie la fuente a Montserrat.

Fuente: Montserrat
El texto de la compañía eventualmente, desplácese hacia abajo hasta el texto de la compañía y establezca la fuente en Montserrat. Cierre el módulo y guarde la página.
Fuente: Montserrat
El resultado del módulo de testimonio dinámico es el aspecto final del módulo dinámico del testimonio.

Así es como se ve la página.