Evolución de la interfaz de usuario de WordPress (2003

Publicado: 2023-10-06


La interfaz de usuario (UI) de WordPress ha evolucionado constantemente desde su primer lanzamiento en 2003.

Comenzó como una simple plataforma de blogs, pero WordPress se ha convertido en una plataforma CMS completa y un sólido marco de aplicaciones web. La interfaz de usuario también ha evolucionado a lo largo de los años.

En este artículo, lo llevaremos atrás en el tiempo para mostrarle las diferentes etapas en la evolución de la interfaz de usuario de WordPress desde 2003 hasta ahora.

Evolution of WordPress user interface since 2003 until now

El comienzo de WordPress

WordPress comenzó en 2003. Esto se debió principalmente a que sus principales desarrolladores interrumpieron el desarrollo de un software de blogs ya popular llamado b2/cafelog.

Dos usuarios apasionados de b2/cafelog, Matt Mullenweg y Mike Little, decidieron crear una nueva plataforma sobre ese software de blogs. Así es como se lanzó WordPress por primera vez el 27 de mayo de 2003. Puede obtener más información sobre la historia del origen de WordPress en nuestro artículo sobre la historia de WordPress.

Desde entonces, ha habido muchos lanzamientos de WordPress. En este artículo, destacaremos las versiones que introdujeron un gran cambio en la interfaz de usuario del panel de administración.

WordPress 0.71 – (junio de 2003)

WordPress 0.71

La página de inicio del panel de administración de WordPress 0.71 se utilizó para escribir publicaciones de blog directamente. Realmente no tenía muchas opciones fuera de la interfaz del poseditor.

Se mantuvo simple al incluir menos funciones. Por ejemplo, los usuarios sólo podían asignar una categoría a cada publicación.

También tenía un método de instalación tedioso en el que mucha información se cambiaba manualmente editando los archivos principales del software.

WordPress 1.0.1 (Millas – 2004)

WordPress  1.0.1 - Miles

WordPress comenzó a nombrar sus principales lanzamientos en honor a músicos de jazz con el lanzamiento de la versión 1.0.1. Como puede ver, este lanzamiento lleva el nombre de un músico famoso, Miles Davis.

En esta versión, WordPress dejó de usar la estructura de archivos b2 y avanzó hacia su propio estilo de estructura de archivos.

Las nuevas funciones incluyeron selecciones de categorías múltiples, una estructura de URL compatible con SEO, moderación de comentarios, un nuevo instalador y varias otras mejoras.

WordPress 1.2 – Mingus (mayo de 2004)

WordPress 1.2 - Mingus

WordPress 1.2, que lleva el nombre de Charles Mingus, fue un lanzamiento monumental. Una de las actualizaciones más importantes de esta versión fue la introducción de 'Complementos', que ahora son un elemento básico del ecosistema de WordPress.

Otros cambios notables fueron subcategorías, campos personalizados, creación de miniaturas, vista previa de publicaciones, contraseñas cifradas y la capacidad de hacer ping a más de un servicio a la vez.

WordPress 1.5 – Strayhorn (febrero de 2005)

WordPress 1.5

Esta versión de WordPress lleva el nombre de Billy Strayhorn. Mostró el primer vistazo de un nuevo estilo de tablero. No usaba Ajax y era mucho más lento que el WordPress que usamos hoy.

Otra característica importante fue la introducción de páginas junto con las publicaciones, lo que permite a los usuarios crear páginas estáticas que no forman parte de las fuentes de su blog. Esta versión también admitió la instalación de varios temas en una sola instalación de WordPress.

WordPress 2.0 – Duke (diciembre de 2005)

WordPress 2.0

WordPress 2.0 trajo una importante revisión de la interfaz de administración de WordPress. Tenía un gran encabezado azul en la parte superior y un área de administración completamente renovada.

Era mucho más rápido que las versiones anteriores, ya que utilizaba Ajax para realizar determinadas tareas. Esta versión también incluyó un editor WYSIWYG completo.

Akismet se introdujo como un complemento para combatir el creciente problema del spam en los comentarios. Algunas otras características notables fueron la carga de imágenes/archivos, vista previa del tema mediante miniatura (screenshot.png), velocidad de publicación mejorada, nuevos enlaces para desarrolladores y más.

WordPress 2.1 – Ella (enero de 2007)

WordPress 2.1

WordPress 2.1 Ella fue la primera versión que introdujo una nueva pantalla de administración para gestionar los comentarios.

El proceso de gestión de comentarios mejoró significativamente porque los usuarios podían eliminar o aprobar comentarios sin recargar las pantallas de administración.

WordPress 2.3 – Dexter (septiembre de 2007)

WordPress 2.3 Dexter

Esta versión no cambió drásticamente la interfaz de usuario de WordPress, pero agregó varias mejoras significativas. Por primera vez, WordPress mejoró el soporte nativo para agregar etiquetas a sus publicaciones.

También introdujo un sistema de notificación de actualizaciones, que permitía que el núcleo y los complementos de WordPress mostraran notificaciones cuando había una nueva versión disponible.

Esta versión también comenzó a redirigir automáticamente a los usuarios a la URL correcta de WordPress según lo definido en la configuración.

WordPress 2.5 – Brecker (marzo de 2008)

WordPress 2.5

Para WordPress 2.5, el equipo de WordPress colaboró ​​con Happy Cog, una empresa líder en consultoría de diseño web, para rediseñar la interfaz de usuario de administración de WordPress.

Fue una mejora importante en el diseño y tuvo un gran impacto en la forma en que usamos WordPress hoy.

Post editor in WordPress 2.5

El tablero mejoró mucho a medida que agregaron más información útil allí. Esta fue la primera versión en la que vimos una actualización con un solo clic para complementos en el directorio de complementos de WordPress.

En esta versión también se incluyeron un editor visual mucho mejor y una galería integrada.

Muchos de los componentes centrales de este rediseño siguen siendo una parte importante del software. Sin embargo, su apariencia cambió rápidamente apenas 10 meses después.

WordPress 2.7 – Coltrane (diciembre de 2008)

WordPress 2.7

WordPress 2.7 trajo otra actualización importante a la interfaz de usuario de administración de WordPress. Los usuarios ahora podían reajustar los elementos del panel de WordPress. Se introdujeron opciones de pantalla para que los usuarios pudieran mostrar y ocultar elementos para satisfacer sus necesidades.

Otras características notables incluyeron una instalación de complementos más sencilla a través del panel de administración de WordPress, los administradores podían agregar respuestas a comentarios desde el panel de administración, comentarios en hilos, publicaciones fijas, atajos de teclado, paginación de comentarios y más.

WordPress 2.9 – Carmen (diciembre de 2009)

WordPress 2.9

WordPress 2.9 no cambió la interfaz de usuario, pero agregó varias características nuevas que se integraron maravillosamente en la interfaz existente de WordPress. Uno de estos cambios fue un sistema de actualización de complementos que permitía a los usuarios actualizar sus complementos a las versiones más recientes con un solo clic.

Otro cambio importante en el lanzamiento fueron las funciones de edición de imágenes, que permitieron a los usuarios recortar, cambiar el tamaño, rotar, escalar y voltear imágenes en WordPress.

WordPress 2.9 image editing

WordPress 3.0 – Thelonious (2010)

WordPress 3.0 Thelonious fue una actualización importante que realmente transformó WordPress de una plataforma de blogs a un CMS completo.

Introdujo tipos de publicaciones, taxonomías, fondos personalizados, encabezados, enlaces cortos y menús de navegación. También vino con un nuevo tema predeterminado llamado Twenty Ten, que inició la tradición de introducir un nuevo tema predeterminado cada año que lleva el nombre del año en sí.

Navigation menus in WordPress 3.0

Esta versión fusionó un proyecto hermano de WordPress llamado WordPress MU en el núcleo de WordPress. Esta característica ahora se conoce como WordPress multisitio. El estilo básico de la interfaz de administración podría adaptarse a todos estos cambios importantes sin otra revisión significativa del área de administración.

WordPress 3.1 – Django Reinhardt (2011)

WordPress 3.1

WordPress 3.1 continuó agregando funciones a la sólida interfaz de usuario de WordPress.

Con esta nueva versión, WordPress introdujo la barra de administración, los formatos de publicación y una mejor función de enlaces internos.

WordPress 3.3 – Sonny (2011)

WordPress 3.3

Lanzado en diciembre de 2011, WordPress 3.3 incluía características y mejoras a la interfaz de usuario de WordPress existente.

Agregó menús desplegables para una mejor navegación en el área de administración, una barra de administración renovada, arrastrar y soltar para cargar archivos multimedia e información sobre herramientas. Puede ver más funciones y capturas de pantalla de WordPress 3.3.

WordPress 3.5 – Elvin (2012)

WordPress 3.5

Los dispositivos móviles y de alta resolución ya estaban siendo accesibles para todos los usuarios. WordPress 3.5 simplificó la interfaz de usuario para los dispositivos de visualización retina modernos.

Esta versión incluyó íconos actualizados y estilos adaptables que se veían geniales en cualquier resolución de pantalla. Vea más funciones y capturas de pantalla de WordPress 3.5.

WordPress 3.8 – Parker (2013)

WordPress 3.8 admin UI

La apariencia y el estilo básico de la interfaz de usuario de WordPress no habían cambiado desde 2008 y hacía tiempo que se necesitaba una actualización importante.

Esta actualización tenía como objetivo manejar dispositivos móviles de manera más elegante y hacer que WordPress sea más accesible. Después de mucho trabajo, se lanzó la nueva interfaz de usuario de WordPress con WordPress 3.8.

La nueva interfaz de usuario, que todavía se utiliza (con mejoras menores), respondía a dispositivos móviles, tenía más combinaciones de colores, se usaban fuentes de íconos en el tablero y usaba la fuente Open Sans para la tipografía.

Mobile admin UI in WordPress 3.8

WordPress 3.9 – Smith (2014)

WordPress 3.9 realizó varias mejoras para ampliar la interfaz de usuario para nuevas funciones.

WordPress 3.9

Comenzó a usar botones planos en el editor de publicaciones, carga de imágenes con arrastrar y soltar, vistas previas de la galería y más.

También agregó vistas previas en vivo al agregar widgets en el personalizador de temas. Vea más funciones y capturas de pantalla de WordPress 3.9.

WordPress 4.0 – Benny (2014)

WordPress 4.0

Ese mismo año se lanzó WordPress 4.0. No hubo cambios importantes en la interfaz de usuario. Sin embargo, hubo algunos cambios interesantes que ampliaron la interfaz de administración de WordPress existente.

Se introdujo una nueva vista de cuadrícula para la galería de medios con desplazamiento infinito y edición fluida. Vea capturas de pantalla y características de WordPress 4.0.

WordPress 4.2 – Powell (2015)

WordPress 4.2 colors

WordPress 4.2 vino con una pequeña pero significativa mejora en la combinación de colores del área de administración.

A los grises se les dio un ligero tono azul y los azules se cambiaron a azul puro sin canal rojo. Vea más funciones y capturas de pantalla de WordPress 4.2.

WordPress 4.5 – Coleman (2016)

Inline link editing

WordPress 4.5 trajo algunas mejoras muy necesarias al editor de publicaciones predeterminado de WordPress. Se introdujeron una nueva función de edición de enlaces en línea y algunos nuevos atajos de texto en línea.

Se agregaron vistas previas receptivas en el personalizador de temas, lo que permite a los usuarios obtener una vista previa de su tema para pantallas de escritorio, tabletas y dispositivos móviles sin cambiar de dispositivo. Para obtener más funciones, consulte nuestro artículo sobre el lanzamiento de WordPress 4.5 con capturas de pantalla.

WordPress 4.6 – Pimienta (2016)

Shiny updates and plugin installs

Con WordPress 4.6, el equipo central decidió empezar a utilizar fuentes nativas en lugar de cargar Open Sans desde los servidores de Google.

Esta versión también simplificó las actualizaciones, lo que permitió a los usuarios instalar, actualizar y eliminar complementos/temas sin recargar la página.

WordPress 4.8 – Vaughan (2017)

Media widgets in WordPress 4.8

WordPress 4.8 introdujo un nuevo conjunto de widgets para agregar medios como imágenes, audio, video y texto enriquecido.

También agregó un nuevo widget de panel que mostraba noticias y eventos de WordPress. Para obtener más funciones y capturas de pantalla, consulte nuestra descripción general de WordPress 4.8.

WordPress 4.9 – Tipton (2017)

Theme browsing experience in WordPress 4.9

La última versión importante de WordPress para 2017 agregó más funciones al personalizador de temas, incluida una nueva experiencia de navegación y vista previa de temas.

También agregó resaltado de sintaxis y autocompletado a los editores de código para CSS personalizados y editores de temas/complementos.

WordPress 5.0 – Bebo (2018)

Block Editor was introduced in WordPress 5.0

WordPress 5.0 se lanzó en diciembre de 2018. Fue un hito importante que introdujo un nuevo editor basado en bloques con nombre en código Gutenberg.

El nuevo editor de bloques permitió a los usuarios crear fácilmente hermosos diseños de contenido con una nueva interfaz intuitiva. Cada elemento de contenido se agregó como un bloque con su propia configuración, y los usuarios podían guardar y reutilizar bloques para escribir mucho más rápido.

El nuevo editor de bloques no tenía tantas funciones como un creador de páginas de WordPress con todas las funciones, pero sentó las bases para utilizar la misma funcionalidad del editor de bloques en otras áreas de WordPress.

Puede ver nuestra publicación sobre los creadores de páginas de Gutenberg y WordPress para obtener un desglose completo de las diferencias en el nuevo editor de contenido.

Fue un cambio masivo del antiguo editor TinyMCE a un editor más moderno. Los usuarios que no estaban preparados para la transición pudieron utilizar el editor anterior instalando el complemento Classic Editor.

Sin embargo, muchos expertos, incluido WPBeginner, creyeron que era un paso adelante necesario para WordPress. La antigua interfaz del editor clásico parecía muy desactualizada en comparación con otros creadores de sitios web populares en el mercado.

WordPress 5.2 – Jacó (2019)

En 2019, WordPress siguió centrándose en mejorar el editor de bloques añadiendo nuevas funciones, corrigiendo errores y mejorando la experiencia del usuario.

Con WordPress 5.2, se introdujo una función de modo de recuperación. En lugar de mostrar un error fatal, WordPress mostró una página de error.

Technical difficulty error

También envió un correo electrónico a los administradores del sitio web con un enlace para acceder al área de administración en modo de recuperación.

Esto permitió a los propietarios del sitio solucionar rápidamente el problema sin tener que seguir varios pasos de solución.

Recovery mode dashboard

WordPress 5.4 – Adderley (2020)

El editor de bloques también siguió siendo la parte más importante del desarrollo de WordPress en 2020. Con cada lanzamiento, siguió mejorando con nuevos bloques y herramientas y una experiencia mucho más rápida.

Con WordPress 5.4, el editor de pantalla completa se convirtió en la configuración predeterminada para el editor de bloques.

Full screen block editor

El editor de bloques también introdujo una nueva barra de herramientas para pantallas móviles.

Esto permitió a los usuarios tener una experiencia de edición mucho más limpia en tamaños de pantalla más pequeños.

Mobile toolbar in 5.4

WordPress 5.5 – Eckstine (2020)

WordPress 5.5 introdujo patrones de bloques.

Un patrón es un conjunto de bloques predispuestos para agregar rápidamente elementos de diseño de uso común, como encabezados, pies de página, introducciones, llamadas a la acción y más.

Block patterns

WordPress 5.8 – Tatum (2021)

Template editing in WordPress 5.8

En los últimos años, WordPress ha seguido mejorando el editor de bloques en un esfuerzo por ofrecer una solución completa de edición de sitios.

En WordPress 5.8, se introdujo una nueva función de plantillas junto con varios bloques para todo el sitio para ayudarlo a crear fácilmente plantillas para todo el sitio en WordPress.

Esta versión también introdujo widgets basados ​​en bloques. Cada área lista para widgets en su tema de WordPress ahora apareció como una pestaña en el editor de bloques. Los usuarios pudieron agregar widgets como bloques a las barras laterales de sus sitios web y a las áreas habilitadas para widgets.

Block widgets

Estas características sentaron las bases para futuras actualizaciones y prepararon a WordPress para utilizar un editor de sitios basado en bloques.

WordPress 5.9 – Josefina (2022)

WordPress 5.9 llegó en enero de 2022 y debutó el editor de sitio completo.

Site Editor makes it debut appearance in WordPerss 5.9

Reemplazó los menús de navegación, los widgets y los enlaces del personalizador de temas de la barra lateral de administración con un enlace al editor del sitio.

Sin embargo, sólo era visible para los usuarios con un tema basado en bloques activado en sus sitios. El lanzamiento vino con Twenty Twenty-Two como nuevo tema predeterminado con soporte completo para el editor del sitio.

El editor del sitio utilizó el editor de bloques, por lo que proporcionó la misma interfaz de usuario para editar sitios web que los usuarios ya usaban para escribir contenido.

Site editor interface

WordPress 6.0 Arturo (2022)

WordPress 6.0 se lanzó en mayo de 2022. No realizó ningún cambio en los componentes principales de la interfaz de usuario, pero realizó actualizaciones significativas en la experiencia del editor del sitio.

Esto incluyó agregar soporte para editar más plantillas y agregar más herramientas a diferentes configuraciones de bloques.

Edit more templates

WordPress 6.1 – Misha (2022)

WordPress 6.1 se lanzó en noviembre de 2022 y continuó con las mejoras en el editor del sitio, especialmente en las plantillas y partes de la plantilla.

Esta versión no realizó cambios importantes en la interfaz de usuario principal. Sin embargo, agregó varias herramientas nuevas y mejoras al editor de bloques. También comenzó a aportar coherencia a las herramientas y configuraciones de bloques.

WordPress 6.1 block editor consistency

WordPress 6.2 – Dolphy (2023)

En la primera mitad de 2023, WordPress siguió centrado en facilitar la edición y personalización del sitio.

Con el lanzamiento de WordPress 6.2, el nuevo editor de sitios basado en bloques salió de la versión beta. Esto permitió a los usuarios utilizar el editor de bloques para personalizar sus temas de WordPress y crear diseños, plantillas, estilos y más.

Style editing in WordPress 6.2

WordPress 6.3 – Lionel (2023)

En la segunda mitad de 2023, WordPress lanzó la versión 6.3 con importantes actualizaciones en el editor del sitio.

Introdujo una nueva pantalla de navegación para el editor del sitio, que proporcionó un acceso más fácil a plantillas, páginas, patrones, estilos y menús de navegación.

WordPress 6.3 site editor navigation

Esta versión también introdujo una 'Paleta de comandos'. Los usuarios pueden iniciarlo con las teclas Comando+K o CTRL+K en sus teclados.

La herramienta de comando también proporcionó un acceso más fácil a los accesos directos de WordPress y la búsqueda de contenido, bloques, patrones, plantillas y más existentes.

Command tool in WordPress 6.3

En las próximas versiones, WordPress se centrará en el editor del sitio, la colaboración en tiempo real dentro del editor de WordPress y las capacidades multilingües.

Esperamos que este artículo le haya ayudado a ver la evolución de la interfaz de usuario de WordPress desde su primer lanzamiento en 2003. Quizás también desee leer la historia completa de WordPress o echar un vistazo a las principales empresas y negocios de WordPress que crecieron con WordPress.

Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en vídeo de WordPress. También puedes encontrarnos en Twitter y Facebook.