Evolução da interface de usuário do WordPress (2003 – 2024)

Desde seu lançamento em 2003, o WordPress passou de uma simples ferramenta de blog para um sistema abrangente de criação de sites. Essa transformação incluiu muitas alterações em sua interface de usuário (UI), o que o tornou mais fácil de usar e mais versátil para vários tipos de sites.

Neste artigo, examinaremos como a interface do usuário do WordPress evoluiu ao longo dos anos, começando com as primeiras versões e passando para as atualizações mais recentes. Destacaremos as principais alterações que tornaram o WordPress a principal escolha dos criadores de sites em todo o mundo.

Esta jornada pela evolução da interface do usuário do WordPress mostrará como cada atualização o tornou mais fácil de usar e capaz de lidar com diferentes tipos de projetos da Web.

O início do WordPress

O WordPress teve início 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 criar uma nova plataforma com base nesse software de blog. Foi assim que o WordPress foi lançado pela primeira vez em 27 de maio de 2003. Você pode saber 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 do WordPress. Neste artigo, destacaremos as versões 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 de destino do painel de administração do WordPress 0.71 era usada para escrever posts de blog diretamente. Na verdade, ela não tinha muitas opções fora da interface do editor de posts.

Ele foi mantido simples, incluindo menos recursos. Por exemplo, os usuários só podiam atribuir uma categoria a cada publicação.

Ele também tinha um método de instalação tedioso, em que muitas informações eram alteradas manualmente por meio da edição dos arquivos principais do software.

WordPress 1.0.1 (Miles – 2004)

O WordPress começou a nomear suas principais versões com nomes de músicos de jazz com o lançamento da versão 1.0.1. Como você pode ver, essa versão recebeu o nome de um músico famoso, Miles Davis.

Nessa versão, o WordPress deixou de usar a estrutura de arquivos b2 e passou a usar seu próprio estilo de estrutura de arquivos.

Os novos recursos incluem várias seleções de categoria, uma estrutura de URL otimizada para SEO, moderação de comentários, um novo instalador e vários outros aprimoramentos.

WordPress 1.2 – Mingus (maio de 2004)

Batizado com o nome de Charles Mingus, o WordPress 1.2 foi um lançamento monumental. Uma das atualizações mais importantes dessa versão foi a introdução de “Plugins”, que agora são um elemento básico do ecossistema do WordPress.

Outras mudanças notáveis foram subcategorias, campos personalizados, criação de miniaturas, visualização de postagens, senhas criptografadas e a capacidade de fazer ping em mais de um serviço ao mesmo tempo.

WordPress 1.5 – Strayhorn (fevereiro de 2005)

Essa versão do WordPress recebeu o nome de Billy Strayhorn. Ela mostrou o primeiro vislumbre de um novo estilo de painel de controle. Ela não usava Ajax e era muito mais lenta do que o WordPress que usamos hoje.

Outro recurso importante foi a introdução de páginas ao lado de posts, permitindo que os usuários criassem páginas estáticas que não fazem parte dos feeds de seus blogs. Essa versão também suportava a 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 da interface de administração do WordPress. Ela tinha um grande cabeçalho azul na parte superior e uma área de administração completamente reimaginada.

Era muito mais rápida do que as versões anteriores, pois usava Ajax para executar determinadas tarefas. Essa versão também incluía um editor WYSIWYG completo.

O Akismet foi introduzido como um plug-in para combater o crescente problema de spam nos comentários. Alguns outros recursos notáveis foram o upload de imagens/arquivos, a visualização do tema por meio de miniaturas (screenshot.png), maior velocidade de postagem, novos ganchos para desenvolvedores e muito mais.

WordPress 2.1 – Ella (janeiro de 2007)

O WordPress 2.1 Ella foi a primeira versão a introduzir uma nova tela de administração para gerenciar comentários.

O processo de gerenciamento de comentários foi significativamente aprimorado porque os usuários podiam excluir ou aprovar comentários sem recarregar as telas de administração.

WordPress 2.3 – Dexter (setembro de 2007)

Essa versão não alterou drasticamente a interface de usuário do WordPress, mas acrescentou vários aprimoramentos significativos. Pela primeira vez, o WordPress aprimorou 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.

Essa 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 em consultoria de web design, para redesenhar a interface de usuário de administração do WordPress.

Foi uma grande melhoria no design e teve um enorme impacto na forma como usamos o WordPress atualmente.

O painel de controle ficou muito melhor, pois foram adicionadas mais informações úteis. Essa 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 nessa versão.

Muitos dos principais componentes desse 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 podem reajustar os elementos do painel do WordPress. Foram introduzidas opções de tela para que os usuários pudessem mostrar e ocultar elementos para atender às suas necessidades.

Outros recursos notáveis incluíam a instalação mais fácil de plug-ins por meio do painel de administração do WordPress, a possibilidade de os administradores adicionarem respostas a comentários no 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 alterou a interface do usuário, mas adicionou vários novos recursos que se integraram perfeitamente à interface existente do WordPress. Uma dessas alterações foi um sistema de atualização de plugins que permitiu aos usuários atualizar seus plugins para as versões mais recentes com um único clique.

Outra grande mudança na versão foram os recursos de edição de imagens, que permitiram aos usuários cortar, redimensionar, girar, dimensionar e inverter imagens no WordPress.

WordPress 3.0 – Thelonious (2010)

O WordPress 3.0 Thelonious foi uma atualização importante que realmente transformou o WordPress de uma plataforma de blog em um CMS completo.

Ela introduziu tipos de postagens, 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 deu início à tradição de introduzir um novo tema padrão a cada ano com o nome do próprio ano.

Essa versão mesclou um projeto irmão do WordPress chamado WordPress MU ao núcleo do WordPress. Esse recurso agora é conhecido como WordPress multisite. O estilo básico da interface de administração poderia se adaptar a todas essas grandes mudanças sem outra revisão significativa da área de administração.

WordPress 3.1 – Django Reinhardt (2011)

O WordPress 3.1 continuou adicionando recursos à robusta interface de usuário do WordPress.

Com essa nova versão, o WordPress introduziu a barra de administração, os formatos de postagem e um melhor recurso de links internos.

WordPress 3.3 – Sonny (2011)

Lançado em dezembro de 2011, o WordPress 3.3 veio repleto de recursos e melhorias na interface de usuário existente do WordPress.

Ele adicionou menus suspensos para melhorar a navegação na área de administração, uma barra de administração renovada, arrastar e soltar para carregar 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)

Os 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 com tela de retina.

Essa 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 interface do usuário do WordPress não tinham sido alterados desde 2008 e já deviam ter passado por uma grande atualização.

Essa atualização tinha como objetivo lidar com dispositivos móveis de forma mais elegante 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 do usuário, que ainda é usada (com pequenos aprimoramentos), era responsiva a dispositivos móveis, tinha mais esquemas de cores, fontes de ícones usadas no painel e usava a fonte Open Sans para a tipografia.

WordPress 3.9 – Smith (2014)

O WordPress 3.9 fez vários aprimoramentos para ampliar a interface do usuário para novos recursos.

Começou a usar botões simples no editor de postagens, uploads de imagens por arrastar e soltar, visualizações de galeria 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)

No mesmo ano, o WordPress 4.0 foi lançado. Não houve grandes mudanças na interface do usuário. No entanto, houve algumas mudanças interessantes que ampliaram a interface de administração existente do WordPress.

Uma nova exibição de grade para a galeria de mídia foi introduzida com rolagem infinita e edição suave. Veja as capturas de tela e os 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 de administração.

Os tons de cinza 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 alguns aprimoramentos muito necessários para o editor de postagens padrão do WordPress. Foram introduzidos um novo recurso de edição de links em linha e alguns novos atalhos de texto em linha.

Foram adicionadas visualizações responsivas no personalizador de temas, permitindo que os usuários visualizem seus temas em telas de desktop, tablet e celular sem mudar de dispositivo. Para obter mais recursos, consulte nosso artigo sobre o lançamento do WordPress 4.5 com capturas de tela.

WordPress 4.6 – Pepper (2016)

Com o WordPress 4.6, a equipe principal decidiu começar a usar fontes nativas em vez de carregar Open Sans dos servidores do Google.

Essa versão também simplificou as atualizações, o que permitiu que os usuários instalassem, atualizassem e excluíssem 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 obter mais recursos e capturas de tela, consulte nossa visão geral do WordPress 4.8.

WordPress 4.9 – Tipton (2017)

A última versão principal 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 realce de sintaxe e preenchimento automático aos editores de código para CSS personalizado e editores de temas/plugins.

WordPress 5.0 – Bebo (2018)

O WordPress 5.0 foi lançado em dezembro de 2018. Foi um marco importante que introduziu um novo editor baseado em blocos com o codinome Gutenberg.

O novo editor de blocos permitiu que os usuários criassem 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 puderam salvar e reutilizar blocos para escrever com muito mais rapidez.

O novo editor de blocos não tinha tantos recursos quanto um construtor de páginas completo do WordPress, 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 do WordPress para obter 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 plug-in Classic Editor.

No entanto, muitos especialistas, incluindo o WPBeginner, acreditavam que esse era um passo necessário para o WordPress. A antiga interface clássica do editor parecia muito desatualizada em comparação com outros criadores de sites populares no mercado.

WordPress 5.2 – Jaco (2019)

Em 2019, o WordPress manteve o foco no aprimoramento do 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 exibia 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 do site corrigissem rapidamente o problema sem passar por várias etapas de solução de problemas.

WordPress 5.4 – Adderley (2020)

O editor de blocos continuou sendo a parte mais importante do desenvolvimento do WordPress também em 2020. A cada versão, ele continuava melhorando com novos blocos e ferramentas e uma experiência muito mais rápida.

Com o WordPress 5.4, o editor de tela cheia tornou-se a configuração padrão do 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)

O WordPress 5.5 introduziu padrões de blocos.

Um padrão é um conjunto de blocos pré-arranjados para adicionar rapidamente elementos de design usados com frequência, como cabeçalhos, rodapés, introduções, chamadas para ação e muito mais.

WordPress 5.8 – Tatum (2021)

Nos últimos anos, o WordPress continuou a aprimorar o editor de blocos em um esforço para oferecer uma solução completa de edição de sites.

No WordPress 5.8, foi introduzido um novo recurso de modelos, juntamente com vários blocos para todo o site, para ajudá-lo a criar facilmente modelos para todo o site no WordPress.

Essa versão também introduziu widgets baseados em blocos. Cada área pronta para widgets em seu tema do WordPress agora aparece como uma guia no editor de blocos. Os usuários puderam adicionar widgets como blocos às barras laterais e às áreas habilitadas para widgets de seus sites.

Esses recursos estabeleceram as bases para futuras atualizações e prepararam o WordPress para usar um editor de sites baseado em blocos.

WordPress 5.9 – Josephine (2022)

O WordPress 5.9 chegou em janeiro de 2022, com a estreia do editor de sites completo.

Ele substituiu os menus de navegação, widgets e links do personalizador de temas da barra lateral de administração por um link para o editor do site.

No entanto, ele só era visível para usuários com um tema baseado em blocos ativado em seus sites. A versão veio com o Twenty Twenty-Two como o novo tema padrão com suporte total para o editor de sites.

O editor de sites usava o editor de blocos, portanto, fornecia a mesma interface de usuário para editar sites que os usuários já usavam para escrever conteúdo.

WordPress 6.0 Arturo (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 de sites.

Isso incluiu a adição de suporte para a edição de mais modelos e a adição de mais ferramentas para diferentes configurações de blocos.

WordPress 6.1 – Misha (2022)

O WordPress 6.1 foi lançado em novembro de 2022 e continuou com os aprimoramentos no editor de sites, especialmente nos modelos e partes de modelos.

Essa versão não fez grandes alterações na interface do usuário principal em si. Entretanto, acrescentou várias novas ferramentas e aprimoramentos ao editor de blocos. Também começou a dar consistência às ferramentas e configurações de blocos.

WordPress 6.2 – Dolphy (2023)

Na primeira metade de 2023, o WordPress continuou focado na edição e personalização mais fáceis 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 do 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 de sites.

Introduziu uma nova tela de navegação para o editor de sites, que proporcionou acesso mais fácil a modelos, páginas, padrões, estilos e menus de navegação.

Essa versão também introduziu uma “paleta de comandos”. Os usuários podem iniciá-la 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.

WordPress 6.4 – Shirley (2023)

O editor de sites continuou sendo o foco do desenvolvimento desta versão. Ele foi fornecido com uma nova maneira de gerenciar padrões e introduziu categorias para classificar padrões facilmente.

A paleta Command introduziu novos comandos e ações para trabalhar com blocos. Isso inclui comandos de duplicação, transformação, exclusão ou inserção.

Ele também recebeu uma atualização da interface do usuário para tornar essas alterações mais proeminentes e úteis.

Nas próximas versões, o WordPress se concentrará no editor do site, na colaboração em tempo real dentro do editor do WordPress e nos recursos multilíngues.

WordPress 6.5 – Regina (2024)

Com os novos recursos de edição de sites, o WordPress agora tem interfaces de usuário ligeiramente diferentes para escrever/editar e gerenciar outras tarefas do site, como instalar plug-ins e temas, moderar comentários e gerenciar configurações.

Em 2024, o WordPress começou a aproximar tudo, criando fluxos de trabalho consistentes para o site e o editor de blocos, melhores exibições de dados e muito mais.

Essa versão também forneceu uma interface de usuário no editor do site para gerenciar e instalar fontes usando um novo recurso chamado Font Library.

Os usuários podem ver as fontes instaladas, fazer upload de fontes personalizadas e até mesmo se conectar ao Google Fonts.

WordPress 6.6 – (2024)

Essa versão do WordPress continuou a organizar as interfaces de usuário do editor de blocos e do editor de sites, tornando-as consistentes.

Foram feitos pequenos aprimoramentos no editor de blocos para que ele se assemelhe à interface do usuário do editor do site.

Há esforços contínuos para aprimorar e modernizar o design do administrador. As mudanças no editor do site e na interface do usuário do editor de blocos fornecem algumas pistas sobre a direção que o novo design de administração poderá tomar.

Esperamos que este artigo o tenha ajudado a ver a evolução da interface de usuário do WordPress desde seu primeiro lançamento em 2003. Talvez você também queira ler a história completa do WordPress ou dar uma olhada nas principais empresas e negócios que cresceram com o WordPress.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.