Una lista de verificación de desarrollador para el rediseño de los sitios web de sus clientes

Una de las tareas más grandes que puede realizar con un cliente es un rediseño completo de su sitio. Sin embargo, WordPress tiene una multitud de piezas móviles, lo que puede hacer un trabajo consistente para ser un desafío. Al abordar un proyecto de rediseño, se beneficiará de una lista de verificación clara que lo guiará a través del proceso. Cada uno tiene su propio estilo de gestión de estilo, pero siempre debe mantener un servicio de alta calidad. Mantener una lista de verificación para garantizar la calidad lo ayudará a alcanzar sus objetivos cada vez.
En este artículo, le daremos una nueva lista de verificación de puntos para seguir en orden cronológico a medida que rediseñe su próximo sitio de WordPress. ¡Obtengamos su próximo proyecto con confianza! 1. Los elementos de diseño personalizados deben estar en un tema infantil más simple, se recomiendan temas infantiles para cambiar los temas existentes. Heredan la funcionalidad y el estilo de su tema principal y le permiten hacer cambios que no se eliminan cuando se actualizan. Normalmente, las actualizaciones eliminan cualquier código personalizado que agregó al tema deseado. Debido a que a menudo incluyen remedios de seguridad, es una buena idea mantenerlos por separado. Además, la tarea infantil ofrece un lugar limpio y simple para rastrear sus personalizaciones.
Aunque los temas de los niños pueden parecer un poco confundidos al principio, son fáciles de configurar. De hecho, dada la forma en que hereda el código de sus padres, un nuevo tema infantil solo necesita una carpeta con el tema y el archivo de estilo.css para funcionar. 2. La funcionalidad existente debe usarse siempre que WordPress sea una plataforma bien probada, con un código que ha sido revisado por cientos (si no miles) de expertos en la última década. Significa que la experiencia y el conocimiento colectivo de estos contribuyentes han transformado a WordPress en una plataforma increíblemente poderosa inmediatamente desde la caja. Por esta razón, debe evitar escribir funciones personalizadas sobre sus temas y complementos cuando ya existe una característica similar de una manera nativa. Es posible que se sorprenda por la gran cantidad de funciones de utilidad disponibles. Uno de nuestros favoritos es Sanitize_Title, que transforma una serie de palabras en un amigo amigable con la URL, con minúsculas y guiones. Esto es útil para la generación manual de un enlace rápido del contenido existente.
El código de referencia facilita la búsqueda de la funcionalidad existente. La próxima vez tendrá la tentación de programar una nueva utilidad de WordPress, verifique si hay una característica o gancho existente. Si necesita ayuda, la referencia del código WordPress.org es una base de datos completa con funciones, ganchos, clases y métodos y es fácil de buscar.

3. La funcionalidad y el diseño deben mantenerse separados de WordPress se puede extender de dos maneras. En primer lugar, puede implementar funciones adicionales en la plataforma en forma de complementos. En segundo lugar, puede personalizar completamente la presentación frontal por diseño utilizando temas. Los planges y los temas tienen sus propias secciones dedicadas en el sitio web de WordPress.org. Desafortunadamente, es técnicamente posible agregar código para la funcionalidad en un tema y diseño en un complemento. Este no es el uso proporcionado, porque puede causar complicaciones debido al código mal organizado. Todo en WordPress se carga en un cierto orden, por lo que cuando agrega algo al lugar equivocado, puede causar errores.
Simplemente dicho, los complementos y los temas crean modularidad para la funcionalidad y el diseño, respectivamente. Esto proporciona soluciones y actualizaciones fuertes y flexibles en el futuro. Cuando cambie el diseño de un sitio de WordPress, cree un tema. Si extiende sus capacidades técnicas, cree un complemento en su lugar. Sin embargo, ¡no tengas miedo de construirlos en el mismo proyecto! 4. El contenido nunca debe ser codificado por la codificación dura es la práctica de escribir valores de contenido temporales u opcionales directamente en su código, por ejemplo, si el nombre de su sitio es “Joe’s Tasty Toast”, podría escribirlo entre las etiquetas H1 en el tema de WordPress modelo. Sin embargo, ¡esta es una práctica increíblemente estúpida!

Debido a que WordPress es un sistema de administración de contenido (CMS), ese contenido nunca debe incluirse como un código en una plantilla. En cambio, debe incorporarse al entorno administrativo de WordPress utilizando las opciones básicas. Los usuarios deben poder cambiar los valores dinámicamente (como textos de derechos de autor, logotipos y lemas) sin tener que actualizar ningún código de tema. Hay una pequeña curva de aprendizaje para crear opciones de temas si nunca ha trabajado con ellas. Sin embargo, entre las funciones del tema preconstruido y la API de personalización, puede incorporar casi cualquier contenido dinámico deseado. Los formularios deben comportarse como se esperaba, es común usar contenido sustituyente mientras se desarrolla un sitio para demostrar los estilos de versión final. Por ejemplo, es posible que haya reunido algunas cajas introductorias para dar forma a una caja de suscripción falsa. Sin embargo, una vez que el diseño está listo, ¡es fácil olvidar que son solo sustitutos! Si lanza un sitio web con formularios no funcionales, su cliente puede perder clientes debido a suscripciones y páginas no funcionales. Para evitar este tipo de catástrofe, asegúrese de probar cada forma interactiva antes del lanzamiento. Cada uno debe enviar, administrar o enviar el contenido proporcionado de acuerdo con las expectativas.
Para una prueba más robusta, puede ejecutar los formularios a través de una herramienta dedicada para ver cómo se gestiona el contenido inesperado o el spam.
6. El diseño del sitio debe probarse bien en diferentes dispositivos, hay un número aparentemente infinito de dispositivos disponibles para la navegación web.Ya sea que se trate de un teléfono inteligente, una tableta, una computadora portátil o al escritorio de la computadora, no puede predecir el entorno que las personas usarán para acceder al sitio que diseña. Browserstack muestra un vistazo a los muchos dispositivos disponibles.Diseñar para una dimensión de pantalla estática significa que solo unos pocos de estos dispositivos experimentarán su sitio según lo diseñado.En cambio, deberían funcionar bien en cualquier dispositivo.El diseño receptivo es una técnica de construcción de sitios de fluidos, que se adaptan a cualquier tamaño requerido, incluso a las dimensiones que no puede prever.
Para comenzar, puede usar un instrumento como Browserstack para verificar si el sitio se comporta bien en diferentes plataformas y cambia el código en consecuencia. Finalmente, ¡no olvide probar la facilidad de uso para navegar a través de “dedos gordos” y en dispositivos móviles! 7. El contenido de su sitio debe optimizarse para abordar el final y es hora de limpiar el contenido del sitio, incluido el texto, los videos y los gráficos. Sus principales preocupaciones deben ser la optimización para los motores de búsqueda (SEO) y la velocidad del sitio. Lanzar un sitio con contenido débil y tiempos de carga lentos significa que tendrá más trabajo que hacer en el futuro. En su lugar, enseñe un sitio bien engrendido, que está listo para la acción con motores de búsqueda y usuarios y tome tiempo para verificar cada página títulos de calidad, meta descripciones y títulos de página. Un complemento como Yoast SEO hace esto fácil. Luego, asegúrese de que las imágenes en cada página estén optimizadas correctamente, sin perder detalles importantes.
Yoast SEO facilita la gestión de la optimización para los motores de búsqueda. Si ha pasado un tiempo, puede mejorar las técnicas básicas de SEO verificando las publicaciones estándar en la industria antes de realizar la auditoría completa del sitio. Esto (junto con los valores integrales de Yoast) lo ayudará. 8. La carga de puntos de referencia debe durar dos segundos o menos tiempo de carga es el tiempo entre la solicitud de un sitio web y su preparación para que el visitante lo vea realmente en el navegador. En resumen, muchos visitantes no tienen la paciencia para esperar más de dos segundos hasta que se cobra un sitio web. Si enseña un sitio de carga lenta, sus clientes pueden perder tráfico y sentirse frustrado al ver su propio sitio. Además, la velocidad del sitio es un factor de clasificación para Google, por lo que incluso puede costarle al cliente algunos puntos de clasificación necesarios. Para evitar esto, asegúrese de que su sitio esté constantemente cargando. Para hacer esto, primero tome algunos puntos de referencia en el tiempo de carga actual usando un instrumento como GTMetrix, ¡luego comience a la optimización!

Hay muchas técnicas que puede usar, incluida la memorización en el caché del navegador, la concatenación de scripts y la activación de la compresión. Finalmente, continúe volviendo a probar el sitio con nuevos cambios hasta que esté satisfecho con su velocidad. 9. WordPress debe estar “reforzado” para proteger a los usuarios de su sitio una vez que su sitio esté completamente listo para la operación, es hora de “reforzarlo” antes de enseñarlo. Esta es una técnica de seguridad para que los sitios web reduzcan las vulnerabilidades de las fugas de datos o los ataques directos. Es simplemente un paso importante para garantizar la confidencialidad y la seguridad de los usuarios de su sitio. El núcleo de WordPress es bastante seguro. Sin embargo, una vez que agrega complementos o temas, aumenta la posibilidad de nuevas vulnerabilidades, porque simplemente hay más partes móviles. Se necesitará un poco de esfuerzo asegurarse de que todo esté en buenas condiciones, y si ha desarrollado un tema personalizado, hay consideraciones más especiales que tomar antes del lanzamiento. En general, debe seguir las mejores prácticas de seguridad, como usar una contraseña segura y autenticación con dos factores. Por otro lado, evite errores ordinarios, como usar temas de tercera parte de fuentes desconocidas. Para tranquilizar a los usuarios y proteger sus datos personales, también querrá considerar el uso de HTTPS y SSL, especialmente si su cliente tiene aspectos relacionados con el comercio electrónico en su negocio.