Evolução da interface de usuário do WordPress (2003
Publicados: 2023-10-06A interface de usuário (IU) do WordPress evoluiu constantemente desde seu primeiro lançamento em 2003.
Começou como uma plataforma simples de blog, mas o WordPress cresceu e se tornou uma plataforma CMS completa e uma estrutura robusta de aplicativos da web. A interface do usuário também evoluiu ao longo dos anos.
Neste artigo, iremos levá-lo de volta no tempo para mostrar os diferentes estágios na evolução da interface de usuário do WordPress de 2003 até agora.

O início do WordPress
O WordPress começou em 2003. Isso ocorreu principalmente porque o desenvolvimento de um software de blog já popular chamado b2/cafelog foi descontinuado por seus principais desenvolvedores.
Dois usuários apaixonados do b2/cafelog, Matt Mullenweg e Mike Little, decidiram construir uma nova plataforma em cima desse software de blog. Foi assim que o WordPress foi lançado em 27 de maio de 2003. Você pode aprender mais sobre a história da origem do WordPress em nosso artigo sobre a história do WordPress.
Desde então, houve muitos lançamentos de WordPress. Neste artigo, destacaremos os lançamentos que introduziram uma grande mudança na interface do usuário do painel de administração.
WordPress 0.71 – (junho de 2003)

A página inicial do painel de administração do WordPress 0.71 foi usada para escrever postagens de blog diretamente. Na verdade, não tinha muitas opções fora da interface pós-editor.
Foi mantido simples, incluindo menos recursos. Por exemplo, os usuários só podiam atribuir uma categoria a cada postagem.
Ele também tinha um método de instalação tedioso, onde muitas informações eram alteradas manualmente, editando os arquivos principais do software.
WordPress 1.0.1 (Milhas – 2004)

O WordPress começou a nomear seus principais lançamentos em homenagem a músicos de jazz com o lançamento da versão 1.0.1. Como você pode ver, este lançamento recebeu o nome de um músico famoso, Miles Davis.
Nesta versão, o WordPress parou de usar a estrutura de arquivo b2 e passou para seu próprio estilo de estrutura de arquivo.
Os novos recursos incluem seleções de múltiplas categorias, uma estrutura de URL amigável para SEO, moderação de comentários, um novo instalador e várias outras melhorias.
WordPress 1.2 – Mingus (maio de 2004)

Nomeado em homenagem a Charles Mingus, o WordPress 1.2 foi um lançamento monumental. Uma das atualizações mais importantes nesta versão foi a introdução de 'Plugins', que agora são um elemento básico do ecossistema WordPress.
Outras mudanças notáveis foram subcategorias, campos personalizados, criação de miniaturas, pré-visualização de postagens, senhas criptografadas e a capacidade de executar ping em mais de um serviço por vez.
WordPress 1.5 – Strayhorn (fevereiro de 2005)

Esta versão do WordPress recebeu o nome de Billy Strayhorn. Ele mostrou o primeiro vislumbre de um novo estilo de painel. Ele não usava Ajax e era bem mais lento que o WordPress que usamos hoje.
Outro recurso significativo foi a introdução de páginas ao lado das postagens, permitindo aos usuários criar páginas estáticas que não fazem parte dos feeds de seus blogs. Esta versão também oferece suporte à instalação de vários temas em uma única instalação do WordPress.
WordPress 2.0 – Duke (dezembro de 2005)

O WordPress 2.0 trouxe uma grande reformulação na interface de administração do WordPress. Ele tinha um grande cabeçalho azul na parte superior e uma área de administração completamente reimaginada.
Era muito mais rápido que as versões anteriores, pois usava Ajax para realizar determinadas tarefas. Esta versão também incluiu um editor WYSIWYG completo.
O Akismet foi introduzido como um plugin para combater o crescente problema de spam de comentários. Alguns outros recursos notáveis foram upload de imagens/arquivos, visualização do tema via miniatura (screenshot.png), velocidade de postagem aprimorada, novos ganchos para desenvolvedores e muito mais.
WordPress 2.1 – Ella (janeiro de 2007)

WordPress 2.1 Ella foi o primeiro lançamento a introduzir uma nova tela de administração para gerenciar comentários.
O processo de gerenciamento de comentários foi significativamente melhorado porque os usuários podiam excluir ou aprovar comentários sem recarregar as telas de administração.
WordPress 2.3 – Dexter (setembro de 2007)

Esta versão não mudou drasticamente a interface do usuário do WordPress, mas adicionou várias melhorias significativas. Pela primeira vez, o WordPress melhorou o suporte nativo para adicionar tags às suas postagens.
Ele também introduziu um sistema de notificação de atualização, que permitiu que o núcleo e os plug-ins do WordPress mostrassem notificações quando uma nova versão estivesse disponível.
Esta versão também começou a redirecionar automaticamente os usuários para o URL correto do WordPress, conforme definido nas configurações.
WordPress 2.5 – Brecker (março de 2008)

Para o WordPress 2.5, a equipe do WordPress colaborou com a Happy Cog, uma empresa líder de consultoria em web design, para redesenhar a interface de usuário administrativa do WordPress.
Foi uma grande melhoria de design e teve um enorme impacto na forma como usamos o WordPress hoje.

O painel ficou muito melhor à medida que foram adicionadas mais informações úteis. Esta foi a primeira versão em que vimos uma atualização com um clique para plug-ins no diretório de plug-ins do WordPress.
Um editor visual muito melhor e uma galeria integrada também foram incluídos nesta versão.
Muitos dos componentes principais deste redesenho ainda são uma parte importante do software. No entanto, sua aparência mudou rapidamente apenas 10 meses depois.
WordPress 2.7 – Coltrane (dezembro de 2008)

O WordPress 2.7 trouxe outra grande atualização para a interface de usuário de administração do WordPress. Os usuários agora podiam reajustar os elementos do painel do WordPress. Opções de tela foram introduzidas para que os usuários pudessem mostrar e ocultar elementos para atender às suas necessidades.
Outros recursos notáveis incluem instalação mais fácil do plug-in por meio do painel de administração do WordPress, os administradores podem adicionar respostas de comentários do painel de administração, comentários encadeados, postagens fixas, atalhos de teclado, paginação de comentários e muito mais.
WordPress 2.9 – Carmen (dezembro de 2009)

O WordPress 2.9 não mudou a interface do usuário, mas adicionou vários novos recursos que se integraram perfeitamente à interface existente do WordPress. Uma dessas mudanças foi um sistema de atualização de plugins que permitia aos usuários atualizar seus plugins para versões mais recentes com um único clique.
Outra grande mudança no lançamento foram os recursos de edição de imagens, que permitiam aos usuários cortar, redimensionar, girar, dimensionar e inverter imagens no WordPress.

WordPress 3.0 – Thelonious (2010)
WordPress 3.0 Thelonious foi uma grande atualização que realmente transformou o WordPress de uma plataforma de blog em um CMS completo.
Ele introduziu tipos de postagem, taxonomias, planos de fundo personalizados, cabeçalhos, links curtos e menus de navegação. Ele também veio com um novo tema padrão chamado Twenty Ten, que iniciou a tradição de introduzir um novo tema padrão a cada ano com o nome do próprio ano.

Esta versão fundiu um projeto irmão do WordPress chamado WordPress MU no núcleo do WordPress. Este recurso agora é conhecido como WordPress multisite. O estilo básico da interface administrativa poderia se adaptar a todas essas mudanças importantes sem outra revisão significativa da área administrativa.
WordPress 3.1 – Django Reinhardt (2011)

O WordPress 3.1 continuou adicionando recursos à robusta interface de usuário do WordPress.
Com esta nova versão, o WordPress introduziu a barra de administração, formatos de postagem e um melhor recurso de links internos.
WordPress 3.3 – Filho (2011)

Lançado em dezembro de 2011, o WordPress 3.3 veio repleto de recursos e melhorias na interface existente do WordPress.
Ele adicionou menus suspensos para melhor navegação na área de administração, uma barra de administração renovada, arrastar e soltar para fazer upload de arquivos de mídia e dicas de ferramentas. Você pode ver mais recursos e capturas de tela do WordPress 3.3.
WordPress 3.5 – Elvin (2012)

Dispositivos móveis e de alta resolução já estavam se tornando acessíveis a todos os usuários. O WordPress 3.5 simplificou a interface do usuário para dispositivos modernos de exibição retina.
Esta versão incluiu ícones atualizados e estilos adaptáveis que ficaram ótimos em qualquer resolução de tela. Veja mais recursos e capturas de tela do WordPress 3.5.
WordPress 3.8 – Parker (2013)

A aparência e o estilo básico da UI do WordPress não foram alterados desde 2008 e já precisavam de uma grande atualização.
Esta atualização teve como objetivo lidar com dispositivos móveis com mais elegância e tornar o WordPress mais acessível. Depois de muito trabalho, a nova interface de usuário do WordPress foi lançada com o WordPress 3.8.
A nova interface de usuário, que ainda é usada (com pequenas melhorias), era responsiva a dispositivos móveis, tinha mais esquemas de cores, fontes de ícones usadas no painel e usava a fonte Open Sans para tipografia.

WordPress 3.9-Smith (2014)
O WordPress 3.9 fez várias melhorias para estender a interface do usuário para novos recursos.

Ele começou a usar botões planos no editor de postagem, uploads de imagens com arrastar e soltar, visualizações de galerias e muito mais.

Ele também adicionou visualizações ao vivo ao adicionar widgets no personalizador de temas. Veja mais recursos e capturas de tela do WordPress 3.9.
WordPress 4.0 – Benny (2014)

Nesse mesmo ano, o WordPress 4.0 foi lançado. Não houve grandes mudanças na IU. No entanto, houve algumas mudanças interessantes que ampliaram a interface de administração existente do WordPress.
Uma nova visualização em grade para a galeria de mídia foi introduzida com rolagem infinita e edição suave. Veja capturas de tela e recursos do WordPress 4.0.
WordPress 4.2 – Powell (2015)

O WordPress 4.2 veio com uma pequena, mas significativa melhoria no esquema de cores da área administrativa.
Os cinzas receberam uma leve tonalidade azul e os azuis foram alterados para azul puro, sem canal vermelho. Veja mais recursos e capturas de tela do WordPress 4.2.
WordPress 4.5 – Coleman (2016)

O WordPress 4.5 trouxe algumas melhorias necessárias ao editor de postagem padrão do WordPress. Um novo recurso de edição de links embutidos e alguns novos atalhos de texto embutidos foram introduzidos.
Visualizações responsivas foram adicionadas ao personalizador de tema, permitindo que os usuários visualizem seu tema para telas de desktop, tablet e celular sem alterar os dispositivos. Para mais recursos, consulte nosso artigo sobre o lançamento do WordPress 4.5 com capturas de tela.
WordPress 4.6 – Pimenta (2016)

Com o WordPress 4.6, a equipe principal decidiu começar a usar fontes nativas em vez de carregar o Open Sans dos servidores do Google.
Esta versão também simplificou as atualizações, o que permitiu aos usuários instalar, atualizar e excluir plug-ins/temas sem recarregar a página.
WordPress 4.8 – Vaughan (2017)

O WordPress 4.8 introduziu um novo conjunto de widgets para adicionar mídia como imagens, áudio, vídeo e rich text.
Ele também adicionou um novo widget de painel que exibia notícias e eventos do WordPress. Para mais recursos e capturas de tela, consulte nossa visão geral do WordPress 4.8.
WordPress 4.9 – Tipton (2017)

A última grande versão do WordPress para 2017 adicionou mais recursos ao personalizador de temas, incluindo uma nova experiência de navegação e visualização de temas.
Ele também adicionou destaque de sintaxe e preenchimento automático a editores de código para CSS personalizado e editores de tema/plugin.
WordPress 5.0 – Bebo (2018)

WordPress 5.0 foi lançado em dezembro de 2018. Foi um marco importante que introduziu um novo editor baseado em blocos de codinome Gutenberg.
O novo editor de blocos permitiu aos usuários criar facilmente belos layouts de conteúdo com uma nova interface intuitiva. Cada elemento de conteúdo foi adicionado como um bloco com suas próprias configurações, e os usuários podiam salvar e reutilizar blocos para uma gravação muito mais rápida.
O novo editor de blocos não tinha tantos recursos quanto um construtor de páginas WordPress completo, mas lançou as bases para usar a mesma funcionalidade do editor de blocos em outras áreas do WordPress.
Você pode ver nossa postagem sobre Gutenberg vs. construtores de páginas WordPress para uma análise completa das diferenças no novo editor de conteúdo.
Foi uma grande mudança do antigo editor TinyMCE para um editor mais moderno. Os usuários que não estavam prontos para a transição puderam usar o editor antigo instalando o plugin Classic Editor.
No entanto, muitos especialistas, incluindo WPBeginner, acreditavam que era um passo necessário para o WordPress. A antiga interface do editor clássico parecia desatualizada em comparação com outros construtores de sites populares no mercado.
WordPress 5.2 – Jacó (2019)
Em 2019, o WordPress continuou focado em melhorar o editor de blocos, adicionando novos recursos, corrigindo bugs e melhorando a experiência do usuário.
Com o WordPress 5.2, foi introduzido um recurso de modo de recuperação. Em vez de mostrar um erro fatal, o WordPress exibiu uma página de erro.

Ele também enviou um e-mail aos administradores do site com um link para acessar a área de administração no modo de recuperação.
Isso permitiu que os proprietários de sites corrigissem o problema rapidamente, sem passar por várias etapas de solução de problemas.

WordPress 5.4 – Adderley (2020)
O editor de blocos também continuou sendo a parte mais importante do desenvolvimento do WordPress em 2020. A cada lançamento, ele foi melhorando com novos blocos e ferramentas e uma experiência muito mais rápida.
Com o WordPress 5.4, o editor de tela inteira tornou-se a configuração padrão para o editor de blocos.

O editor de blocos também introduziu uma nova barra de ferramentas para telas móveis.
Isso permitiu que os usuários tivessem uma experiência de edição muito mais limpa em telas menores.

WordPress 5.5 – Eckstine (2020)
WordPress 5.5 introduziu padrões de bloco.
Um padrão é um conjunto de blocos pré-organizados para adicionar rapidamente elementos de design comumente usados, como cabeçalhos, rodapés, introduções, frases de chamariz e muito mais.

WordPress 5.8 – Tatum (2021)

Nos últimos anos, o WordPress continuou a melhorar o editor de blocos em um esforço para oferecer uma solução completa de edição de sites.
No WordPress 5.8, um novo recurso de modelos foi introduzido junto com vários blocos para todo o site para ajudá-lo a criar facilmente modelos para todo o site no WordPress.
Esta versão também introduziu widgets baseados em blocos. Cada área pronta para widget em seu tema WordPress agora aparece como uma guia no editor de blocos. Os usuários puderam adicionar widgets como blocos às barras laterais e áreas habilitadas para widgets de seus sites.

Esses recursos lançaram as bases para atualizações futuras e prepararam o WordPress para usar um editor de sites baseado em blocos.
WordPress 5.9 – Josefina (2022)
O WordPress 5.9 chegou em janeiro de 2022, com a estreia do editor completo do site.

Ele substituiu menus de navegação, widgets e links do personalizador de tema da barra lateral do administrador por um link para o editor do site.
No entanto, ele só era visível para usuários com tema baseado em blocos ativado em seus sites. O lançamento veio com Twenty Twenty-Two como novo tema padrão com suporte total para o editor do site.
O editor de sites usava o editor de blocos, portanto fornecia a mesma interface de usuário para edição de sites que os usuários já usavam para escrever conteúdo.

WordPress 6.0 Arthur (2022)
O WordPress 6.0 foi lançado em maio de 2022. Ele não fez nenhuma alteração nos principais componentes da interface do usuário, mas fez atualizações significativas na experiência do editor do site.
Isso incluiu a adição de suporte para edição de mais modelos e a adição de mais ferramentas para diferentes configurações de bloco.

WordPress 6.1 – Misha (2022)
O WordPress 6.1 foi lançado em novembro de 2022 e continuou com melhorias no editor do site, principalmente templates e partes de templates.
Esta versão não fez grandes alterações na interface principal em si. No entanto, adicionou várias novas ferramentas e melhorias ao editor de blocos. Também começou a trazer consistência às ferramentas e configurações de bloco.

WordPress 6.2-Dolphy (2023)
No primeiro semestre de 2023, o WordPress continuou focado em facilitar a edição e customização do site.
Com o lançamento do WordPress 6.2, o novo editor de sites baseado em blocos saiu da versão beta. Isso permitiu que os usuários usassem o editor de blocos para personalizar seus temas WordPress e criar layouts, modelos, estilos e muito mais.

WordPress 6.3 – Lionel (2023)
No segundo semestre de 2023, o WordPress lançou a versão 6.3 com atualizações significativas no editor do site.
Ele introduziu uma nova tela de navegação para o editor do site, que proporcionou acesso mais fácil a modelos, páginas, padrões, estilos e menus de navegação.

Esta versão também introduziu uma 'Paleta de Comandos'. Os usuários podem iniciá-lo com as teclas Command+K ou CTRL+K em seus teclados.
A ferramenta de comando também forneceu acesso mais fácil aos atalhos do WordPress e pesquisa de conteúdo, blocos, padrões, modelos existentes e muito mais.

Nas próximas versões, o WordPress se concentrará no editor de sites, na colaboração em tempo real dentro do editor WordPress e nos recursos multilíngues.
Esperamos que este artigo tenha ajudado você a ver a evolução da interface do usuário do WordPress desde seu primeiro lançamento em 2003. Você também pode ler a história completa do WordPress ou dar uma olhada nas principais empresas e negócios do WordPress que cresceram com o WordPress.
Se você gostou deste artigo, inscreva-se em nosso canal no YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.