126. Checklist de desarrollo web con WordPress

En este episodio vamos a repasar todas aquellas tareas que no pueden ser olvidadas antes de entregar la página web al cliente. Tareas que o bien olvidamos por estar enfocados en otras cosas o bien dejamos para el final y muchas veces pasamos por alto.

Novedades

Jet Engine nos trae novedades por partida doble. Por un lado lanza su última versión estable (la version 2.5.6) que arregla algunos errores además de incorporar el campo de tipo datetime a los formularios.

Novedades de la última versión estable de Jet Engine

Pero es que además, tenemos la lista de novedades de la futura version 2.6 que ahora mismo está en beta. Esta futura versión trae increíbles mejoras en el módulo de creación de perfiles, que ahora permite asignar diferentes páginas en función del rol de usuario. Además, también se han mejorado muchísimo los Custom Content Types, implementando ahora herramientas para gestionarse desde la API, nuevos endpoints… Y atención, una nueva acción o notificación para los formularios llamada Rest API Request que nos va a permitir conectar el formulario con aplicaciones externas.

Novedades de la versión 2.6 Beta de Jet Engine

Y hablando de los formularios de Jet Engine, Yannick nos ha sorprendido con un nuevo vídeo en el canal de YouTube donde «desbloquea» la función de pasarela de pago oculta en el código de Jet Engine. De momento, funciona con PayPal. ¡Gran avance!

En la web de La Máquina del Branding, esta semana tenéis disponibles 2 nuevos vídeos exclusivos donde además de realizar un mapa de concesionarios (salidos de un custom post type), Yannick realiza algo bastante interesante: un formulario de contacto donde los destinatarios se eligen desde un campo select donde se extraen los posts de concesionarios y donde el envío se realiza al campo de email de cada uno de ellos.

https://lamaquinadelbranding.com/mapa-dinamico-de-concesionarios-o-tiendas/
https://lamaquinadelbranding.com/formulario-con-select-de-concesionarios-cpt-que-envia-a-diferentes-emails-custom-field/

Por parte de Elías veremos como avanza un proyecto en el que está realizando un formulario personalizado con Gravity Forms. Este formulario por pasos se conecta con la API de Google para sugerir direcciones que después separa en diferentes campos del formulario (que más tarde irán ocultos). Dependiendo de la dirección, el formulario mostrará una u otra opción. Super interesante.

Checklist de desarrollo

Aquí están las tareas que comentamos durante nuestro episodio, no te pierdas el capítulo para saber más acerca de ellas:

  • Cliente
    • Revisión de los permisos del usuario del cliente. Revisar que puede añadir y editar los contenidos que necesita y acceder a las opciones correctas. Del mismo modo, comprobar que no puede acceder a las opciones que no queramos, como por ejemplo las plantillas de Elementor.
    • Personalizar todo lo que tenga que ver con el panel, como logotipos, copyright, etc
  • SEO
    • Desmarcar la casilla de bloqueo de indexación en motores de búsqueda en Ajustes > Lectura.
    • Revisión del sitemap y robots para no indexar cosas como las páginas de autor, secciones legales, etc.
    • Que haya página 404 (o que no esté en inglés), o que redireccione a la home (o página que queramos)
    • Favicon y Descripción del sitio (los pongo porque por algún motivo la cantidad de webs que lo olvidan me hace pensar que es fácilmente olvidable)
  • Usabilidad
    • Revisión general y navegación por todas las secciones de la web en distintos dispositivos y viewport sizes.
    • Durante esa revisión general, revisar que la optimización no da problemas con JavaScript, CSS, etc…
    • Si es una tienda online, realizar una prueba de compra bajo el dominio final.
  • Privacidad
    • Comprobar formularios
      • Email del cliente (no el nuestro de pruebas)
      • ReCaptcha
      • Casillas de RGPD
    • Tras colocarlo en el servidor final, instalar Cookie First para que detecte las cookies y colocar el código de la tabla de cookies en la página de “Política de Cookies”
  • Rendimiento (y seguridad)
    • Eliminar cualquier rastro de plugins o temas que finalmente no vamos a utilizar.
    • Sería maravilloso implementar una fase de carga condicional de plugins una vez que sabemos todo lo que va a tener la web final. Pero ojo con esto, da miedito.
    • Comprobar la salud del sistema (Información del sistema en Elementor)
  • Migración
    • Si es una migración, (o vamos a migrar de nuestro servidor de pruebas al suyo), comprobar el servidor de destino para que cumpla los requisitos como el memory limit, versión de PHP, SSL, etc…
    • Si es una migración, better search and replace (y reemplazo de urls en Elementor)
    • Si es un rediseño web, comprobar las redirecciones que hay que activar para que el contenido indexado en Google de la web vieja lleve a los nuevos contenidos.

Algunos plugins mencionados:

Herramientas

Gravity Wiz
Blog con plugins y todo tipo de recursos, tutoriales y artículos para sacar el máximo partido a Gravity Forms.

Gravity Perks
Planes de suscripción a los plugins distribuidos por Gravity Wiz para amantes de Gravity Forms.

Enlaces