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

Dani Sánchez

  • ¿Eres agencia?
  • Quién soy
  • Servicios WordPress
    • Mantenimiento
    • Maquetación
    • Soporte técnico
  • Máster en WordPress
  • Portfolio
  • Blog
  • Presupuestos
Estás en: Inicio / Actualidad / Novedades y cambios en la nueva actualización de Contact Form 7

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

El 25 de febrero de 2021 por dani.sanchez

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.

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

¿Quiéres invitarme a un café?

Si te has fijado en este blog no hay ni rastro de publicidad, todo el contenido publicado lo hago de forma artruista al igual que yo recurro a otros sitios cuando necesito algo. Pero si te he servido de ayuda y quieres agradecérmelo, puedes hacer una pequeña donación (el importe que quieras):

Entradas similares

  • Instalar WordPress + MySQL + phpMyAdmin desde Docker Compose
  • Instalar LAMP (Linux, Apache, MySQL, PHP) en Opensuse Tumbleweed
  • PRO Elements, o como tener Elementor Pro libre y gratuito
  • Tip para Elementor: Alinea elementos de forma óptima
  • Habilitar el soporte de Wayland en Firefox

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 …

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

Barra lateral principal

Autor

Dani Sánchez

logo mastodon @danisanchez

Entradas recientes

  • Importar un proyecto WordPress en un contenedor Docker
  • Instalar WordPress + MySQL + phpMyAdmin desde Docker Compose
  • Instalar LAMP (Linux, Apache, MySQL, PHP) en Opensuse Tumbleweed
  • PRO Elements, o como tener Elementor Pro libre y gratuito
  • Tip para Elementor: Alinea elementos de forma óptima

Comentarios recientes

  1. Laura en Habilitar el soporte de Wayland en Firefox
  2. Laura en Habilitar el soporte de Wayland en Firefox
  3. Denys Vega en Instalar WordPress + MySQL + phpMyAdmin desde Docker Compose
  4. Ramon Tubau en Evitar que WordPress pida los datos FTP al instalar o actualizar un plugin o tema en localhost
  5. Ramon Tubau en Evitar que WordPress pida los datos FTP al instalar o actualizar un plugin o tema en localhost

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

Maquetación web, landings, blogs y tiendas online
cuidando hasta el mínimo detalle

Si necesitas que desarrolle tu proyecto web ponte en contacto conmigo.

Contacto
  • Mastodon
  • YouTube
  • LinkedIn

Dani Sánchez © 2023 · Política de privacidad · Política de cookies

En mi sitio web utilizo cookies de carácter técnico para el correcto funcionamiento de la plataforma. Además de cookies analíticas de terceros 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. 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 el uso de cookies en la: Política de cookies.

Powered by  GDPR Cookie Compliance
Resumen de privacidad

En mi sitio web utilizo cookies de carácter técnico para el correcto funcionamiento de la plataforma. Además de cookies analíticas de terceros 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. 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 el uso de cookies en la: Política de cookies.

Cookies técnicas necesarias

Las cookies técnicas necesarias tienen que activarse siempre para poder guardar tus preferencias de ajustes de cookies.

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

Cookies analíticas

Utilizo Google Analytics para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

Dejar este tipo de cookies activas me permite mejorar la web y mis servicios.

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

Política de cookies

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