Mejores consejos desarrollar un tema WordPress

El desarrollo de temas para WordPress puede ser un negocio rentable: una buena plantilla de interfaz genera decenas de miles de ventas en mercados como Themeforest. Pero el desarrollo de temas para WordPress también tiene sentido para tus propias necesidades.

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 determina el éxito o el fracaso de un sitio web basado en WordPress. Porque si la plantilla no encaja, los usuarios se van, o Google devalúa la página porque se carga demasiado lento.

Por lo tanto, el desarrollo de temas de WordPress es siempre un campo 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 ingresar de forma gratuita como autopromoción en los repositorios habituales, distribuirse utilizando un código de licencia y una versión premium o venderse a través de mercados como Envato Themeforest. Cualquiera que ofrezca buena calidad y actualizaciones periódicas con un diseño confiable ya ha ganado. En consecuencia, la tematización de WordPress ofrece a los desarrolladores web considerables oportunidades para obtener ingresos adicionales y aumentar su propia conciencia.

Consejos desarrollar un tema WordPress

Define un tema

Por supuesto, no tiene mucho sentido crear un tema de inmediato: antes de crear un tema, siempre existe 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 portafolio para fotógrafos o como plantilla de tienda web? ¿Debería operarse una revista en línea con él o una comunidad basada en Buddypress o BBPress? Tanto el diseño como las funciones del tema futuro dependen de estas consideraciones.

¿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 pueden desarrollarse internamente o utilizarse como base también ayuda.

Sin embargo, los marcos y las páginas multifuncionales tienen una desventaja significativa: parecen sobrecargados rápidamente para los usuarios promedio y, en la práctica, a menudo requieren un esfuerzo de optimización considerable, como sus propios complementos de rendimiento, para no ralentizar el sitio web innecesariamente. Por tanto, todo desarrollador debería ponerse primero en la piel de sus clientes o usuarios potenciales: ¿Qué le pedirían a un tema para poder utilizarlo ellos mismos?

Definir requisitos y diseño

Como parte de estas consideraciones, tiene sentido definir una especie de hoja de especificaciones: cada función, cada página y tipo de medio y cada elemento visual que debe contener el tema deben estar escritos. De esta manera, el marco CSS, por ejemplo, se puede crear con bastante rapidez.

Además, es recomendable crear una maqueta del diseño incluyendo las fuentes para que puedas echar un primer vistazo al sitio web sin haber escrito una línea de código: En un programa de edición de imágenes como Photoshop, Affinity Photo o Gimp, los elementos se pueden mover y cambiar sin escribir una línea de código.

Crea un entorno de prueba con contenido ficticio

Cada página de WordPress tiene tres elementos: el sistema básico, el tema y el contenido. Si bien el tema, naturalmente, todavía 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 empaquetar el texto ficticio página por página en la base de datos utilizando el generador Lorem Ipsum: las páginas de WordPress también constan de imágenes, comentarios y otros elementos. Los complementos como FakerPress, que escriben estructuras de sitios web completas con contenido ficticio en la base de datos, ayudan aquí.

Crea la estructura básica de la página

Crea la estructura básica de la página
Crea la estructura básica de la página

Los desarrolladores de temas ahora pueden ponerse manos a la obra: los temas de WordPress no son solo archivos de diseño, sino que también tienen funciones adicionales que se basan en el sistema básico. Como punto de partida se pueden utilizar los denominados temas de inicio, que ya tienen la estructura básica necesaria. Esto también ahorra el trabajo de crear todos los archivos y directorios manualmente.

Uno de esos temas de inicio es Underscores del creador de WordPress Automattic. Si deseas utilizar el popular marco Bootstrap, también puede utilizar WP Bootstrap Starter, que se basa en Underscores. Naked también es amigable para los principiantes, cuya estructura básica también explica las funciones individuales y, por lo tanto, hace que el aprendizaje del Codex de WordPress sea mucho más fácil.

Ser creativo

Una vez que la idea básica y el marco técnico están en su lugar, nada habla en contra de ser finalmente creativo. Por supuesto, tiene sentido echar un vistazo a la competencia de antemano: ¿Cómo se ven los diseños actuales, qué fuentes y estilos se utilizan, qué fuentes y qué reglas de diseño se utilizan?

Puedes recurrir a clásicos casi irrefutables, por ejemplo, botones rojos y verdes para suscribirte, por ejemplo, un boletín. Pero también hay mucha libertad creativa. Las fuentes en particular son importantes para crear un cierto aspecto en la página. Si tienes tiempo libre, puedes incorporar Google Fonts en tu tema y ofrecer al usuario opciones para el espaciado de letras y la altura de las líneas.

Trabajar de forma responsable

Los sitios web modernos generalmente están optimizados para su uso en dispositivos móviles, tablets 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.

Menos, es más

Incluso si los temas de inicio y algunos marcos pueden permitir innumerables funciones: los diseñadores web que se ocupan de los temas de WordPress siempre deben estar atentos al minimalismo. Esto se aplica sobre todo a la funcionalidad y la base de código utilizada, aquí siempre debes codificar tanto como sea necesario y lo menos posible. Los clientes y usuarios se benefician de los sitios web rápidos y el esfuerzo de desarrollo y mantenimiento también es limitado para el desarrollador.

Pruebas, pruebas, pruebas

La codificación real puede tener lugar convenientemente 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 corresponde a las especificaciones dadas por los creadores de WordPress. Los complementos de WordPress como Theme Check, que están instalados en el desarrollador de WordPress y guían el tema a través de todas las pruebas que también realiza wordpress.org para su publicación, ayudan en esto.

Deja un comentario

Ver más

  • Responsable: Charles Stuber.
  • Finalidad:  Moderar los comentarios.
  • Legitimación:  Por consentimiento del interesado.
  • Destinatarios y encargados de tratamiento: No se ceden o comunican datos a terceros para prestar este servicio. El Titular ha contratado los servicios de alojamiento web a Hostinger que actúa como encargado de tratamiento.
  • Derechos: Acceder, rectificar y suprimir los datos.
  • Información Adicional: Puede consultar la información detallada en la Política de Privacidad.