9 mejores prácticas para plantillas CMS exitosas Desarrollo de temas bajo WordPress
16/08/2021
Autor / editor: Christian Rentrop / Stephan Augsten
El desarrollo de temas para WordPress puede ser un negocio lucrativo: una buena plantilla de máscara genera decenas de miles de ventas en mercados como Themeforest. Sin embargo, el desarrollo de temas para Wordpress también tiene sentido para sus propias necesidades.
empresa sobre el tema
Un sitio de Wordpress es más que una instalación de Wordpress con contenido: la apariencia, la funcionalidad y, por último, pero no menos importante, la velocidad de un tema deciden si un sitio web basado en Wordpress tendrá éxito o no. Porque si la plantilla no encaja, los usuarios saltan, o Google devalúa la página porque carga demasiado lento.
Por lo tanto, el desarrollo de temas de Wordpress es siempre un campo de juego interesante para los desarrolladores de software. Los usuarios de Wordpress están increíblemente dispuestos a gastar dinero en temas, y una plantilla sólida no solo garantiza una buena reputación como desarrollador de Wordpress, sino también un ingreso mensual básico.
Los temas se pueden agregar a los repositorios habituales de forma gratuita como autopromoción, distribuidos por usted mismo utilizando un código de licencia y una versión premium, o vendidos en mercados como Envato Themeforest. Los que ofrecen buena calidad y actualizaciones periódicas con un diseño fiable ya han ganado. En consecuencia, la tematización de WordPress ofrece a los desarrolladores web oportunidades considerables para obtener ingresos adicionales y aumentar su propia conciencia.
1. Establecer un tema
Por supuesto, tiene poco sentido empezar a piratear: antes de crear un tema, siempre está la cuestión de a qué clientes debería atraer el tema. En primer lugar, los desarrolladores deben tener claro el propósito del tema: ¿servirá como tema de cartera para fotógrafos o como plantilla de tienda web? ¿Debe operarse con una revista en línea o con una comunidad basada en BuddyPress o BBPress? Tanto el diseño como las funciones del futuro tema dependen de estas consideraciones.
2. ¿Velocidad o características?
Por supuesto, también es posible desarrollar una plantilla multipropósito que sea adecuada para todos los propósitos posibles. Los marcos temáticos, que puede desarrollar usted mismo o utilizar como base, también ayudan aquí.
Sin embargo, los marcos y las páginas multifunción tienen una desventaja significativa: rápidamente parecen sobrecargados para el usuario promedio y, en la práctica, a menudo requieren un esfuerzo de optimización considerable, como sus propios complementos de rendimiento, para no ralentizar innecesariamente el sitio web. Por lo tanto, todo desarrollador debe ponerse primero en la piel de su cliente o usuario potencial: ¿qué esperaría de un tema para poder utilizarlo él mismo?
3. Determinar los requisitos y el diseño
Como parte de estas consideraciones, tiene sentido definir un tipo de especificación: cada función, cada página y tipo de medio y cada elemento visual que debe contener el tema debe escribirse aquí. De esta manera, por ejemplo, el marco CSS se puede crear con bastante rapidez.
Además, es recomendable crear una maqueta del diseño incluyendo las tipografías para tener un primer vistazo a la web sin tener que escribir una línea de código: En un programa de edición de imágenes como Photoshop, Affinity Photo o el gratuito Gimp , los elementos se pueden mover y cambiar sin escribir una línea de código.
4. Crea un entorno de prueba con contenido ficticio
Cada sitio de WordPress tiene tres elementos: el sistema básico, el tema y el contenido. Si bien el tema, por supuesto, aún está en desarrollo, un sistema Wordpress se puede configurar rápidamente, ya sea en un servidor LAMP local o remoto o como una máquina virtual.
El contenido es esencial para el diseño de una página, pero no es suficiente para empaquetar página por página texto ficticio en la base de datos utilizando el generador de Lorem Ipsum: las páginas de Wordpress también se componen de imágenes, comentarios y otros elementos. Los complementos como FakerPress, que escriben estructuras completas de sitios web con contenido ficticio en la base de datos, ayudan aquí.
5. Crea la estructura básica de la página
Ahora los desarrolladores de temas pueden realmente ponerse a trabajar: los temas de Wordpress no son solo archivos de diseño, sino que tienen funciones adicionales que se basan en el sistema básico. Los llamados temas iniciales, que ya tienen la estructura básica necesaria, son un buen punto de partida. Esto también ahorra el trabajo de crear todos los archivos y directorios manualmente.
Un tema inicial de este tipo es, por ejemplo, Underscores del fabricante de Wordpress Automattic. Si desea usar el popular marco Bootstrap, también puede usar WP Bootstrap Starter, que se basa en guiones bajos. Naked también es apto para principiantes, lo que también explica las funciones individuales en su estructura básica y, por lo tanto, facilita mucho el aprendizaje del códice de Wordpress.
6. Sea creativo
Una vez que la idea básica y el marco técnico están en su lugar, no hay nada que le impida finalmente ser creativo. Por supuesto, tiene sentido echar un vistazo a la competencia de antemano: ¿Cómo son los diseños actuales, qué tipos de letra y estilos se utilizan, qué tipos de letra y qué reglas de diseño se utilizan?
Puede recurrir a clásicos casi irrefutables, por ejemplo, botones rojos y verdes para la suscripción, por ejemplo, de un boletín informativo. Pero también hay mucha libertad creativa. Las fuentes en particular son importantes para crear una cierta apariencia en el sitio. Si tiene tiempo, puede integrar Google Fonts en su tema y ofrecer al usuario opciones para el espaciado entre letras y la altura de las líneas.
7. Trabaja con responsabilidad
Los sitios web modernos generalmente están optimizados para su uso en dispositivos móviles, tabletas y computadoras de escritorio. Los desarrolladores de temas modernos siempre deben tener en cuenta este enfoque de diseño y optimizar el tema en diferentes dispositivos y tamaños de pantalla.
8. Menos es más
Incluso si los temas de inicio y algunos marcos pueden permitir innumerables funciones: los diseñadores web que trabajan con temas de WordPress siempre deben tener en cuenta la idea del minimalismo. Esto se aplica sobre todo a la funcionalidad y la base de código utilizada, aquí siempre debe codificar tanto como sea necesario y lo menos posible. Los clientes y usuarios se benefician de sitios web rápidos y el esfuerzo de desarrollo y mantenimiento para el desarrollador también es limitado.
9. Prueba, prueba, prueba
La codificación real se puede hacer fácilmente en un editor de texto fuente, pero los desarrolladores también deben probar una y otra vez en el medio: por un lado, si el tema se muestra de manera óptima en todos los dispositivos; y por otro lado, si también se corresponde con las especificaciones dadas por los creadores de Wordpress. Los complementos de Wordpress como Theme Check, que se instalan en el desarrollador de WordPress y ejecutan el tema a través de todas las pruebas que también realiza wordpress.org para su publicación, ayudan con esto.
(DNI:47503287)
