• Saltar a la navegación principal
  • Saltar al contenido principal

Dani Sánchez - Gestionatuweb

Desarrollador web freelance

  • Quién soy
  • ¿Eres agencia?
  • WordPress
    • Mantenimiento WordPress
    • Desarrollo WordPress
    • Soporte técnico WordPress
  • Cursos
  • Blog
  • Portfolio
  • Solicita Presupuesto

Novedades y cambios en la nueva actualización de Contact Form 7

El 25 de febrero de 2021 por dani 2 comentarios

El plugin de formularios por excelencia en WordPress (casi podría llamarse un estándar), recibe una actualización mayor en su versión 5.4

Según el blog del desarrollador, Contact Form 7 recibe los siguientes cambios:

Integración nativa con Sendinblue

Este módulo agrega Sendinblue a la sección de Integración de Contact Form 7

  • Nuevo hook wpcf7_sendinblue_collect_parameters.
  • La función wpcf7_mask_password() se ha mejorado, permitiendo establecer longitudes de texto sin máscara para ambos lados.

Revisión del JavaScript frontal

En la nueva versión 5.4, se han realizado cambios drásticos en el JavaScript que se usa en la parte frontal (zona pública, no adminstrativa) dek sitio web, que durante mucho tiempo no ha cambiado los scripts basados ​​en jQuery. 

La nueva codificación de JavaScript se basa en los @wordpresspaquetes que se incluyen con WordPress y no usa jQuery, salvo pocas excepciones, como la que se usa para el respaldo del selector de fecha, que se basa en la interfaz de usuario de jQuery.

  • Se han eliminado algunas características que hoy en día están desactualizadas o son prescindibles. Estos incluyen el polyfill de marcador de posición y el polyfill de campo numérico.
  • Nuevo tipo de evento DOM: wpcf7reset (se activa al restablecer el formulario).
  • Anteriormente, el target event de los wpcf7* era el elemento div padre del elemento form. En la versión 5.4, ha cambiado al elementor form en sí. Sin embargo, dado que los eventos wpcf7* fluyen hacia la raíz del documento, este cambio no afecta los usos reales de esos eventos DOM, por lo que puede continuar apuntando al elemento div principal .
  • reCAPTCHA recupera un nuevo token antes de enviar un formulario. Esto debería solucionar el problema de caducidad del token.

Se mejora el proceso de carga de archivos

En versiones anteriores a la 5.4, la mayor parte del proceso para los archivos cargados se implementó en el módulo de archivos (modules / file.php). Este enfoque se vuelve problemático cuando intentas desarrollar un módulo de carga de archivos personalizado, ya que tienes que implementar de forma redundante todo el proceso en tu módulo. 

La version 5.4 mueve este proceso a un archivo independiente de los módulos (incluye / file.php) e introduce un nuevo enfoque que le permite procesar los archivos cargados de una forma más segura.

  • add_uploaded_file()y remove_uploaded_files()de la clase WPCF7_Submission se convierten en métodos privados, lo que significa que no pueden ser llamados desde las funciones de tu módulo personalizado. En lugar de llamar a estos métodos, haz que tu etiqueta de formulario personalizada admita la función file-uploading, tal como lo hace el módulo de archivo incorporado .
  • Los archivos cargados se procesan después de la verificación antispam. El proceso consume una cantidad relativa de tiempo y recursos. Puedes y debes cancelarlo cuando sepas que el envío es spam.
  • Las restricciones de validación de entrada (campo obligatorio, tipo de archivo y la verificación del tamaño del archivo, etc.) ahora se realizan en una nueva función, wpcf7_unship_uploaded_file(). Esta función devuelve un objeto WP_Error cuando la entrada no es válida, o una matriz de rutas de archivo cuando es válida.
  • La salida de wpcf7_unship_uploaded_file()se pasa a una función de filtro de validación a través de su tercer parámetro. Cuando la salida es WP_Error, la función debe llamar a invalidate()para enviar el error al formulario.
  • wpcf7_unship_uploaded_file()está diseñado para poder manejar múltiples archivos cargados simultáneamente a través de un solo campo .
  • Hay un cambio en la salida de WPCF7_Submission::uploaded_files(). Anteriormente era una matriz de rutas de archivo pero, en la versión 5.4, la salida es una matriz de matrices de rutas de archivo.
  • El tercer parámetro pasado a las funciones de filtro wpcf7_upload_file_name ahora ha cambiado. Anteriormente, era un objeto WPCF7_FormTag. En la versión 5.4, es la matriz $args pasada a wpcf7_unship_uploaded_file(). Aunque aún puedes acceder al objeto WPCF7_FormTag a través de $args['tag'].

Nuevo icono de ruleta con CSS moderno

La versión 5.4 renueva el ícono de ruleta (también conocido como Ajax-loader) desde cero. Anteriormente, se utilizaba un GIF de animación para el icono. Sin embargo, el nuevo icono se ha implementado aprovechando varios trucos CSS que están disponibles en todos los navegadores modernos.

Por lo que:

  • assets / ajax-loader.gif ha sido eliminado.
  • Contact Form 7, en versiones anteriores, establecía la clase is-active en el elemento span de los iconos giratorios para controlar la visibilidad del icono. En la versión 5.4 se elimina el uso de la clase is-active. En cambio, la clase submitting del elemento form se usa para este propósito.

Transcripción del artículo original: Contact Form 7 5.4 Beta.

Archivado en: Actualidad, Publicaciones, WordPress Etiquetado como: contact form 7, plugins, wordpress

Interacciones con los lectores

Comentarios

  1. Marcel dice

    27 de marzo de 2021 a las 22:36

    Contact form empezó a fallar desde su última actualizacion.
    El loader queda siempre en pantalla..
    Esto afecta decenas de sitios …

    Responder
    • dani dice

      29 de marzo de 2021 a las 08:20

      Hola, desconozco el problema ya que no me ha ocurrido en ninguno de los sitios donde lo tengo. Puede que intefiera con algún otro plugin que haga uso de ajax, ya que comentas que se queda en «loading» permanente y no termina de procesar el envío.

      Comprueba en el inspector del navegador, en la pestaña Network o Red, en qué proceso se está atascando, por si te da alguna pista.

      Saludos.

      Responder

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Acepto la política de privacidad

Hosting recomendado

Raiola Networks

Autor

Dani Sánchez
Dani Sánchez
@danisanchez82

Entradas recientes

  • Optimizar el archivo de configuración de WordPress (wp-config.php)
  • ¿Qué plugins tengo instalados en mi web en 2022?
  • Tu alojamiento web no es compatible con la rotación de imágenes. [Solución]
  • Instalar LAMP en Manjaro (Linux, Apache, MySQL y PHP)
  • Instalar LAMP (Linux, Apache, MySQL y PHP) en Fedora 34

Comentarios recientes

  1. Armando en Instalar LAMP (Linux, Apache, MySQL y PHP) en Fedora 34
  2. Vito en Configurar en español los campos tipo fecha (date) en Ninja Forms
  3. Manel en Calcular rutas con OpenStreetMap partiendo de la geolocalización del usuario
  4. Leo en Modificar textos predefinidos de WordPress sin editar la traducción
  5. Alejo en Instalar LAMP en Manjaro (Linux, Apache, MySQL y PHP)

Categorías

  • Actualidad
  • Afiliación AliExpress
  • Agent Press Pro
  • Bettaso Web Restaurantes
  • Cursos
  • Destacado
  • Divi
  • Drupal
  • Elementor
  • Genesis
  • Iniciación a PHP
  • Joomla!
  • Linux
  • Publicaciones
  • Tutoriales
  • WooCommerce
  • WordPress

Divi 20% descuento

Hosting Recomendado

Raiola Networks
Banner

Sitios web corporativos, blogs y tiendas online cuidando hasta el mínimo detalle

Si deseas proponerme un proyecto web ponte en contacto conmigo.

Contacto

Gestionatuweb © 2022 · Desarrollado con Genesis · Acceder
Política de privacidad · Política de cookies

En Gestionatuweb.net utilizamos cookies técnicas para el correcto funcionamiento del sitio. Además, utilizamos cookies para obtener datos estadísticos sobre el uso de la web, con el fin de mejorar la experiencia de navegación y conocer qué contenidos son los más consultados. Otras cookies son usadas para servicios adicionales, como conexión con redes sociales, marketing o mostrar publicidad acorde a tus gustos. Puedes desactivar todas las cookies (excepto las técnicas) pulsando en Rechazar, o elegir qué cookies admites y cuales no en el botón de Preferencias. Más información sobre las cookies que utilizamos en nuestra: Política de cookies.

Gestor de cookies:  GDPR Cookie Compliance
Resumen de uso de cookies

En Gestionatuweb.net utilizamos cookies técnicas para el correcto funcionamiento del sitio. Además, utilizamos cookies para obtener datos estadísticos sobre el uso de la web, con el fin de mejorar la experiencia de navegación y conocer qué contenidos son los más consultados. Otras cookies son usadas para servicios adicionales, como conexión con redes sociales, marketing o mostrar publicidad acorde con tus intereses. Puedes desactivar todas las cookies (excepto las técnicas) pulsando en Rechazar, o elegir qué cookies admites y cuales no en el botón de Preferencias.

Cookies técnicas (necesarias)

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies. Estas cookies son:

  • moove_gdpr_popup: Comprueba si debe mostrar o no el aviso de cookies (si ya ha sido aceptado o rechazado no se vuelve a mostrar mientras persista esta cookie). Expira en 1 año.
  • cpnb_cookiesSettings: Comprueba qué categorías de cookies se aceptan o rechazan (por ejemplo, cookies analíticas, cookies de publicidad dirigida, etc.). Expira en 1 año.
  • _GRECAPTCHA: Esta web utiliza el servicio reCAPTCHA para fortalecer la seguridad en los formularios y evitar el envío masivo de SPAM. reCAPTCHA utiliza esta cookie necesaria para realizar su análisis de riesgo. Expira en 6 meses.

Si desactivas esta cookie no podremos guardar tus preferencias. Esto significa que cada vez que visites esta web tendrás que activar o desactivar las cookies de nuevo.

Cookies de analítica

Utilizamos Google Analytics para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares. Dejando estas cookies activas nos permite mejorar nuestra web.

  • _ga: Analítica de Google. Se usa para distinguir a los usuarios. Expira en 2 años.
  • _gid: Se usa para distinguir a los usuarios. Expira en 24 horas.
  • _gat: Se usa para limitar el porcentaje de solicitudes. Expira en 1 minuto.

¡Por favor, activa primero las cookies estrictamente necesarias para que podamos guardar tus preferencias!

Cookies de publicidad

Utilizamos Google Adsense para mostrar publicidad en los artículos del blog acordes a tus intereses. Esta publicidad nos ayuda al mantenimiento del sitio web y del tiempo dedicado a la redacción del blog.

  • _gads: Publicidad de Google Adsense. Proporciona la publicación de anuncios de interés para el usuario. Expira en 13 meses.

¡Por favor, activa primero las cookies estrictamente necesarias para que podamos guardar tus preferencias!

Política de cookies

Más información sobre nuestra política de cookies