Tendencias en el diseño de diseño de WordPress (2003-2021)

Cuando se entregó la primera versión de WordPress en mayo de 2003, tenía características de diseño innovadoras para ese tiempo y definió el primer lote de tendencias de diseño de WordPress. Hubo interrupciones de línea muy inteligentes, hermosas texturas y la capacidad de los bloggers para agregar enlaces a sus blogs. ¿Recuerdas Blogroll? Eran un gran problema hace 16 años. Todos aquellos que eran cualquiera que hicieran enlaces a otros bloggers y esperaban recibir enlaces. Hoy, los blogrols están en el campo del pasado. En 2022, tenemos creadores y bloques de página basados ​​en bloques que permiten a cualquiera crear y personalizar un sitio de WordPress; no se requiere código.
Entonces … ¿cómo fue que llegamos aquí? Para comprender qué es WordPress hoy, echemos un vistazo a cómo los temas de WordPress han evolucionado en los últimos 16 años.

Tema #Wordpress #Design #trends (2003-2021)
Haga clic en Tweet
Tendencias de diseño de WordPress de 2003-2022
La primera WordPress predeterminada (Sugerencia: no Kubrick) Cuando se lanzó WordPress 0.71-Gold en 2003, vino con el B2Layout predeterminado. La plantilla era básica e ideal para bloguear en ese momento. Tenía un encabezado simple y una barra lateral negra. Debe recordar que las velocidades de Internet eran relativamente lentas en ese momento, y el diseño simple del tema de WordPress no solo se cargaba lo suficiente, sino que era fácil de cambiar en comparación con la plataforma de tipo móvil de blogs rival.

Barras laterales: un pilar de los primeros blogs, las barras laterales eran un componente importante del diseño web temprano, porque los diseñadores intentaron descubrir cómo diseñar para la web y el diseño de los temas de WordPress no era una excepción. Las barras laterales serían prominentes durante muchos años, desapareciendo en veinte trece por un corto tiempo y volviendo a veinte Cuartre de Catorce. En los primeros días de las tendencias de diseño de WordPress, las barras laterales permitieron a los bloggers mostrar con orgullo sus blogrols. Con el lanzamiento de WordPress 0.7 y el Administrador de enlaces, los bloggers podrían administrar mejor sus blogrols y agregarlos automáticamente a la barra lateral. El eje básico que vino con WordPress recibió un levantamiento para WordPress 1.2. El nuevo esquema de color era un bocado de aire fresco, un cambio agradable al tema oscuro anterior.
WordPress 1.2 presentó por primera vez la arquitectura de arado, que permitió a los desarrolladores expandir la funcionalidad del diseño base y compartir sus complementos con la comunidad en desarrollo de WordPress. En 2004, WordPress era el nuevo niño en el bloque de blogs, y algo divertido para las personas a las que les gustaba jugar con el código personalizado. Estos blogueros expertos en tecnología han utilizado complementos con entusiasmo y han contribuido al desarrollo de WordPress en general, informando errores, proporcionando comentarios y exigiendo nuevas funciones.

Los desarrolladores básicos de WordPress eran todos voluntarios y usaban WordPress para sus blogs. Siendo un proyecto de código abierto, los comentarios fueron bienvenidos y alentados, y permitió un enfoque centrado en el usuario para el desarrollo de WordPress, que era diferente de otras plataformas de blogs en ese momento. Con el usuario de WordPress, consulte la evolución de la interfaz de usuario de WordPress.
Era Kubrick: 2005-2010 En 2005, WordPress 1.5 introdujo un nuevo sistema de tema flexible. Los temas se dividieron en diferentes secciones y archivos, dando a los usuarios más control sobre cómo personalizaron sus sitios.
Por ejemplo, los elementos comunes del sitio, como la sede, los sótanos y las barras laterales, se han dividido en sus propios archivos. Los usuarios podrían hacer un cambio en un solo archivo (es decir, home.php o comentarios.php) y verlo todo de inmediato. WordPress 1.5 también anunció el comienzo de la era de Kubrick larga. En general, reconocido como el primer tema implícito real para WordPress, Kubrick ha mostrado el poder del nuevo sistema temático.
Michael Heilemann creó la simple plantilla de blog azul y blanco y, por su tiempo, este diseño de WordPress fue sorprendente. Con sus esquinas redondeadas, el encabezado personalizado y dos columnas blancas, incluida una amplia para pilares y una más delgada para una barra lateral, ¡Kubrick fue la última!
Kubrick fue el primer tema flexible que funcionó de inmediato con muchos complementos. También fue la cara delantera de WordPress de 2005 a 2010, haciendo el pilar de las tendencias de diseño de WordPress para los próximos años.

Temas premium: un feliz accidente El depósito del tema de WordPress se lanzó en 2008, lo que permite a los bloggers descargar temas gratuitos de WordPress y cargar y compartir sus propios temas personalizados. El almacén era algo similar a un escaparate de diseño de WordPress, lo que permite a los usuarios ver cómo otros personalizaban WordPress y extendían las pequeñas limitaciones. Descargó temas, hizo sus propias personalizaciones y luego cargó sus diseños actualizados para que otros pudieran usarlos de forma gratuita. Esto ha llevado a solicitudes de personalizaciones. Al principio, los bloggers pagaron $ 25-50 para cambiar cosas como colores. Pero pronto recibió solicitudes de personalizaciones más complejas. Como luego le diría al Podcast StudioPress.fm, gané “dinero de vacaciones” y fue divertido en comparación con su aburrido trabajo de oficina.
Las cosas cambiaron cuando un agente de bienes raíces le pidió que personalizara su blog. Brian fue cada vez más, creando un diseño de tema de WordPress que podría funcionar como la primera página para que se parezca más a un sitio web que a un blog. Sin embargo, el agente la ha rechazado diciendo que solo quiere un blog básico. Brian fue aplastado. En lugar de renunciar al diseño, escribió una publicación de blog al respecto y preguntó a sus seguidores si el tema personalizado era algo que les interesaba comprar. La respuesta fue abrumadoramente positiva. Brian llamó al diseño del tema de la revolución.
Vea la revolución del tema original:

En 2009, Revolution pasó a llamarse en lo que sabemos hoy: StudioPress.
Aumento y aumento de la personalización de WordPress en 2008 y 2009, se lanzaron tiendas temáticas premium y proyectos de WordPress y hubo una ola de nuevos sitios web de tutoriales que ofrecen hacks e ideas de código para personalizar el diseño de diseño que no los encontraría en Codex. Era una era completamente nueva en las tendencias de diseño de WordPress, lo que le daba energía al usuario. Entre estos sitios de instrucciones estaba themeshaper.com. Inicialmente, comenzando por Ian Stewart, Themeshaper era un lugar para que Ian compartiera su tema. Pero el theatic era más que un tema: fue una oportunidad para averiguar cómo funciona el sistema temático de WordPress y compartir la comunidad de sus enseñanzas. Después de que recuerda a Jeff Chandler de WP Tavern sobre Ian y Thematic, 2008 fue el “Wild West fue el” salvaje oeste. Del desarrollo del tema y cualquier persona que regularmente compartiera las técnicas de desarrollo base se ha convertido en un miembro influyente de la comunidad “.
La aparición de temas durante este período, Brian Gardner colaboró ​​con Nathan Rice para lanzar Genesis, uno de los primeros temas de WordPress. Estos marcos han permitido a los desarrolladores crear temas que compartieran una base de código común, ofreciendo una biblioteca de codificación y una arquitectura básica para temas que permitieron a los usuarios poner diferentes diseños en la parte superior. Como dijo Brian Podcast StudioPress.fm:

“Una vez que construí Génesis e introduje la idea y el concepto en la comunidad de WordPress, la gente la compró. Obviamente, tenía un seguimiento bastante bueno a través de StudioPress y conmigo personalmente. Este tipo ha pasado de los autopicales a lo que ahora es Génesis, el marco y el sistema temático que viene con él ”. Otros marcos temáticos han surgido pronto, como la tesis. Estos marcos marcaron un paso evolutivo en el desarrollo de temas de WordPress, que Joost de Valk de Yoast ha resumido en una publicación Themeshaper 2009:
“La tesis de Chris Pearson y el tema de Ian Stewart podrían enderezar (las tendencias de diseño de WordPress) en la dirección en la que debe ir: un tema que es prácticamente un tema, es un motor de diseño”.

WordPress 3.0: Un punto de inflexión en 2010, el lanzamiento de WordPress 3.0 obtuvo un salto importante en el desarrollo de la plataforma. Con funciones que incluyen tipos de publicaciones personalizadas, mejores taxonomías personalizadas, encabezados y menús personalizados, WordPress se convirtió en un sistema de gestión de contenido completo, no solo una plataforma de blogs simple. WordPress 3.0 vino con veinte diez, terminando oficialmente el reinado de Kubrick como un tema predeterminado e introduciendo la tradición de un nuevo tema predeterminado para cada año, que representaba una piedra fronteriza para las tendencias de diseño de WordPress.
Personalización del tema hasta 2012, la evolución del diseño de diseño de WordPress fue a un ritmo constante. Ahora que las empresas comerciales se han invertido en ver crecer a WordPress, desarrollando temas premium con varias características y funcionalidades que permitieron a los usuarios personalizarlos más fácilmente a través de los paneles de administrador de WordPress. Durante este tiempo, la personalización del tema se introdujo en WordPress 3.4. La personalización del tema permite a los usuarios hacer cambios básicos de temas, como colores y fondo, y verlos previamente antes de ponerlos en vivo. La gente usó sus teléfonos inteligentes para acceder a la web. Veinte doce fue el primer tema implícito con una respuesta completamente creada con una apariencia móvil, de modo que se puede ver en dispositivos de cualquier tamaño, desde teléfonos inteligentes hasta grandes pantallas HID/retina. Veinte doce también fueron especialmente por otra razón: fue el primer tema predeterminado que se le ocurrió una plantilla de página inicial especial, en lugar de obligar a los usuarios a mostrar publicaciones de blog en la página de inicio.
La aparición de los temas de la personalización del constructor de WordPress durante este período comenzó a ser más fácil. Gracias al personalizador del tema y a los numerosos sitios web que han publicado tutoriales sobre cómo personalizar WordPress, los usuarios podrían hacer cualquier cambio en su sitio. El único problema era que los usuarios necesitaban algunos conocimientos sobre CSS y PHP si querían personalizar más allá de la configuración avanzada disponible con muchos temas en ese momento. Esto cambió en 2013, cuando aparecieron los creadores de las páginas, y el más conocido en ese momento era la división. Permite a los usuarios atraer y colocar diferentes secciones en una página y controlar cada aspecto de un sitio, desde colores y fuentes hasta encabezados y sótanos. Llegó con varios modelos preconstruidos y podría integrarse fácilmente con WooCommerce. Era receptivo y se podía usar para mostrar imágenes y videos de ancho completo. Div fue un éxito instantáneo: ¡los 965 comentarios sobre la publicación de anuncios demuestran esto! Por primera vez, cualquiera podría construir un sitio web sin tener que alcanzar una sola línea de código. El mundo de las tendencias de diseño de WordPress ha evolucionado hasta ahora de la capacidad de tirar y colocar widgets, tirar y colocar páginas, y ahora tirar y colocar temas.

Los temas de la revista para detener un minuto y dar el reloj en 2009. El depósito del tema aún era bastante nuevo, pero estaba creciendo. Los usuarios descargaron el tema y contribuyeron a sus propios modelos. Al mismo tiempo, los temas premium de WordPress también aumentaron en popularidad. En comparación con la tarea gratuita, los temas premium han proporcionado funciones avanzadas. Pero lo más importante, no había temas para los blogs. El depósito de la tarea fue un gran lugar para descargar un tema, si desea un blog. Entonces, un nuevo capítulo comenzó en los temas de Magazine de tendencias de diseño de WordPress, que permitió a las personas ejecutar blogs y sitios de noticias más sofisticados, con más contenido que un diseño de blog tradicional. Estos tipos de temas a menudo incluían espacio publicitario, que atraía a los usuarios que querían ganar dinero a través de su sitio. Un ejemplo de tema de revista:
Los temas de las revistas fueron una evolución natural de los temas de blogs que permitieron a los usuarios acceder a la mayoría de las categorías, etiquetas y publicaciones. Avance rápido hasta 2014 y finalmente llegó el tema predeterminado de WordPress. Veinte catorce presentaban un diseño elegante, moderno y bien realizado que receptivo que permitía a cualquiera convertir su sitio en una revista.
Ver veinte Cuartre en Acción:

Temas de negocios y cartera en 2015, a medida que WordPress continuó convirtiéndose en un CMS completo, la próxima evolución natural fue el temas de negocios y cartera. La gente comenzaba a usar WordPress para alimentar sus sitios comerciales y agencias, e incluso sitios corporativos, mientras que los trabajadores independientes usaban WordPress para presentar sus carteras.

El tema más popular disponible en este momento fue Avada, que hoy sigue siendo el tema más popular en Themeforest.com. ¿Qué es mejor: el tema Avada, Div o X?

Lanzado en 2006, ThmeForest ayudó a impulsar los temas premium de WordPress. Thmeforest ofreció un mercado donde los usuarios pudieran comprar temas y, al mismo tiempo, ofreciendo un lugar donde los desarrolladores y agencias pudieran vender sus creaciones.


Mientras tanto, las barras laterales eran menos frecuentes en los temas comerciales, que tendían a presentar un diseño horizontal y estratificado similar al tema Zelle en la imagen a continuación. La popularidad de las barras laterales disminuyó a medida que evolucionó el diseño receptivo (las barras laterales eran difíciles de mostrar en dispositivos más pequeños). Los modelos de barra lateral, similares al tema predeterminado de veinte trece, se han vuelto cada vez más populares.
También fue durante el período en que los diseños mínimos y planos, como Flat by Themy, se hicieron populares entre las tendencias de diseño de WordPress.
Los temas multipropósito hasta 2015, los temas multifuncionales eran una cosa, y Thmephorest era el lugar para encontrarlos. La proliferación de temas multifuncionales se debió sin duda a la popularidad del vasto mercado, así como a las tiendas temáticas independientes premium. El popular tema Neve de ThemeIsle, por ejemplo, es extremadamente personalizable e ideal para su uso en cualquier tipo de sitio debido

Estos temas multifuncionales, con la excepción del fregadero de la cocina, han empaquetado toneladas de diferentes opciones en un solo tema en Backyt, al tiempo que ofrecen muchos modelos diferentes en la parte delantera. Similar a los temas, este tipo de diseño de tema de WordPress se puede configurar para muchos propósitos diferentes. Puede usar el mismo tema para crear un sitio de comercio electrónico, un sitio de negocios o una cartera simplemente actualizando el panel de opciones de base. Por ejemplo, estas son solo algunas de las más de 400 demostraciones de Betheme: inicialmente, estos temas tenían todas las funcionalidades necesarias para que el tema funcione dentro del tema en sí. Pero luego comenzaron a agrupar los terceros complementos para administrar cualquier funcionalidad adicional. Los paquetes populares incluirían un tema premium como Avada + Slider Revolution + Visual Composer. Los complementos de construcción de páginas, como Visual Composer (ahora WPBakery Page Builder) a menudo se han incluido con temas premium, lo que permite a los usuarios personalizar sus temas en la parte delantera y obtener una vista previa de los cambios en vivo.
Completa pantalla y héroes hasta 2016, los encabezados se volvieron más grandes y audaces. Al principio, tenían un ancho completo, luego se convirtieron en una pantalla completa y presentaron imágenes o videos deslizantes. Esta tendencia en la comunidad de diseño web más grande se reflejó en los populares temas de WordPress Premium, incluidos Avada, X Theme, Bridge y Betheme, que ofrecían un héroe completo y modelos de encabezado de pantalla, como el tema sobresaliente a continuación.

Temas de nicho hasta 2017, temas premium de Thmephorest e Independientes más bajos desarrollaron temas de nicho. Mientras que los temas multifuncionales permitieron a los implementos de los usuarios a crear cualquier tipo de sitio de WordPress, los temas de nicho han atendido industrias específicas. Iglesias, organizaciones benéficas, músicos, entrenadores personales, entrenadores de vida, firmas de abogados, agentes inmobiliarios, que, que había un tema de nicho. Estos temas se entregaron con funciones que fueron útiles para fines específicos. Por ejemplo, jugadores musicales para tropas, recaudación de fondos para organizaciones sin fines de lucro e incluso la gestión de puntos para clubes deportivos.
Hoy: creadores de páginas y editor de bloques y ahora estamos en temas para la fusión de constructores y gutenberg en el núcleo de WordPress. Durante un tiempo, Visual Composer fue el arado para crear la página con arrastrar y soltar para el diseño de WordPress-Themephorest y su paquete de tareas. Div fue otra solución extremadamente popular para los usuarios que desean crear sitios web rápidamente. Y sí, ha habido muchas otras herramientas similares para crear páginas a lo largo de los años. Beaver Builder y, más recientemente, Elementor ha permitido que los usuarios y desarrolladores creen sitios complejos usando arrastrar y soltar. Y ahora, incluso puedes descargar los temas y las plantillas.
Elementor, Beaver Builder o Div? ¿Cuál es el mejor?
Las nuevas plataformas de sitios web como Squarespace y Wix han causado la dominación de WordPress como el CMS más popular del mundo. La verdad es que estos competidores ofrecen una construcción de páginas de uso fácil para usar, que el núcleo de WordPress simplemente no tiene. Bueno, no tenía hasta WordPress 5.0. WordPress 5.0 y la combinación del proyecto Gutenberg en el código de WordPress es el intento de WordPress de atrapar a este último y, por lo tanto, puede atraer a los usuarios que ahora esperan la funcionalidad de las páginas en las plataformas del sitio web.

“Gutenberg es más que un editor. También es la base la que revolucionará la personalización y la construcción del sitio en WordPress “.

Gutenberg (y temas compatibles con Gutenberg) proporcionan una experiencia de edición y edificio basada en bloque que permite a los usuarios crear publicaciones de blog (al menos por ahora). Un bloque es cualquier elemento de contenido único: una imagen, un párrafo de texto o un video de YouTube, y estos bloques se pueden insertar, configurar y mover para crear modelos de publicación. El valor predeterminado actual de veinte veinte ha sido diseñado para mostrar el poder del editor de bloques. Tiene estilos personalizados para todos los bloques implícitos y, a diferencia de muchos temas predeterminados de WordPress que se ajustan a un solo propósito (blogs de es decir, revistas), veinte veinte se pueden adaptar para su uso en una amplia gama de sitios web, desde carteras y sitios comerciales hasta blogs y blogs y blogs y blogs organizaciones sin fines de lucro.

¿Qué sigue para el editor de bloques? El proyecto todavía está en desarrollo activo como un complemento separado, con planes de continuar el desarrollo del proyecto para proporcionar una mayor experiencia de páginas en WordPress, no solo en publicaciones. Sube

Conclusión Ha habido muchas tendencias diferentes de diseño de WordPress a lo largo de los años, y WordPress como plataforma ha seguido un largo camino desde 2003. Ahora, los usuarios pueden controlar todos los aspectos del diseño de su sitio debido al desarrollo de páginas. ¿A dónde se diseñará el diseño de WordPress en los próximos años? Quién sabe. El editor de bloques sigue siendo nuevo y tiene un largo camino por recorrer. Los creadores de la página se convirtieron en la norma, ofreciendo personalización a la que los usuarios hace 16 años solo podían soñar. Mientras tanto, en el backend, WordPress API REST significa que lo que sea que se vuelva a ser completamente no reconocido en los sitios web desacoplados, incluso las soluciones estáticas de WordPress aparecen aquí y allá. Finalmente, si desea un enfoque fácil de lo que WordPress hace excelente, consulte nuestras razones completamente legítimas para evitar WordPress. ¿Cuáles son sus pronósticos para el futuro de las tendencias de diseño de WordPress? Háganos saber en los comentarios a continuación.

Créditos de imagen:
WP Lift, Binary Bonsai, WP Tavern, StudioPress, Smashing Magazine, temas elegantes, ducha WP, Themify, Salie, Eduma, Splash, WordPress.org.

Tema #Wordpress #Design #trends (2003-2021)

Haga clic en Tweet

… Recuerde unirse a nuestro curso rápido para acelerar su sitio de WordPress. Con algunos remedios simples, puede reducir el tiempo de carga incluso en 50-80%: