Ewolucja interfejsu użytkownika WordPressa (2003

Opublikowany: 2023-10-06


Interfejs użytkownika (UI) WordPressa stale ewoluował od czasu jego pierwszego wydania w 2003 roku.

Zaczęło się od prostej platformy do blogowania, ale WordPress stał się pełnoprawną platformą CMS i solidnym frameworkiem aplikacji internetowych. Interfejs użytkownika również ewoluował na przestrzeni lat.

W tym artykule przeniesiemy się w czasie i pokażemy różne etapy ewolucji interfejsu użytkownika WordPress od 2003 roku do chwili obecnej.

Evolution of WordPress user interface since 2003 until now

Początki WordPressa

WordPress powstał w 2003 roku. Stało się tak głównie dlatego, że jego główni twórcy zaprzestali rozwoju już popularnego oprogramowania do blogowania o nazwie b2/cafelog.

Dwóch zapalonych użytkowników b2/cafelog, Matt Mullenweg i Mike Little, zdecydowało się zbudować nową platformę na bazie tego oprogramowania do blogowania. W ten sposób 27 maja 2003 roku wydano po raz pierwszy WordPress. Więcej informacji na temat historii powstania WordPressa można znaleźć w naszym artykule na temat historii WordPressa.

Od tego czasu pojawiło się wiele wersji WordPressa. W tym artykule wyróżnimy wydania, które wprowadziły dużą zmianę w interfejsie użytkownika panelu administracyjnego.

WordPress 0.71 – (czerwiec 2003)

WordPress 0.71

Do bezpośredniego pisania postów na blogu wykorzystano stronę docelową panelu administracyjnego WordPress 0.71. Tak naprawdę nie miał wielu opcji poza interfejsem postedytora.

Utrzymano prostotę, włączając mniej funkcji. Na przykład użytkownicy mogli przypisać tylko jedną kategorię do każdego wpisu.

Miał również żmudną metodę instalacji, w której wiele informacji zmieniano ręcznie, edytując podstawowe pliki oprogramowania.

WordPress 1.0.1 (Miles – 2004)

WordPress  1.0.1 - Miles

WordPress zaczął nadawać swoim głównym wydaniom imiona muzyków jazzowych wraz z wydaniem wersji 1.0.1. Jak widać, to wydawnictwo zostało nazwane na cześć słynnego muzyka Milesa Davisa.

W tej wersji WordPress przestał używać struktury plików b2 i przeszedł w stronę własnego stylu struktury plików.

Nowe funkcje obejmowały wybór wielu kategorii, przyjazną dla SEO strukturę adresów URL, moderowanie komentarzy, nowy instalator i kilka innych ulepszeń.

WordPress 1.2 – Mingus (maj 2004)

WordPress 1.2 - Mingus

Nazwany na cześć Charlesa Mingusa, WordPress 1.2 był monumentalną wersją. Jedną z najważniejszych aktualizacji w tej wersji było wprowadzenie „wtyczek”, które są obecnie podstawą ekosystemu WordPress.

Inne godne uwagi zmiany to podkategorie, pola niestandardowe, tworzenie miniatur, podgląd postów, szyfrowane hasła i możliwość pingowania więcej niż jednej usługi na raz.

WordPress 1.5 – Strayhorn (luty 2005)

WordPress 1.5

Ta wersja WordPressa została nazwana na cześć Billy'ego Strayhorna. Pokazał pierwszy rzut oka na nowy styl deski rozdzielczej. Nie korzystał z Ajaxa i był znacznie wolniejszy niż WordPress, którego używamy dzisiaj.

Kolejną istotną funkcją było wprowadzenie stron obok postów, umożliwiając użytkownikom tworzenie stron statycznych, które nie są częścią kanałów ich blogów. To wydanie obsługiwało również instalację wielu motywów w jednej instalacji WordPress.

WordPress 2.0 – Duke (grudzień 2005)

WordPress 2.0

WordPress 2.0 przyniósł gruntowną zmianę interfejsu administracyjnego WordPress. Miał duży niebieski nagłówek na górze i całkowicie przeprojektowany obszar administracyjny.

Było znacznie szybsze niż poprzednie wydania, ponieważ do wykonywania pewnych zadań wykorzystywało Ajax. To wydanie zawierało także pełny edytor WYSIWYG.

Akismet został wprowadzony jako wtyczka mająca na celu zwalczanie rosnącego problemu spamu w komentarzach. Inne godne uwagi funkcje to przesyłanie obrazów/plików, podgląd motywu za pomocą miniatury (screenshot.png), poprawiona prędkość wysyłania, nowe haczyki dla programistów i wiele innych.

WordPress 2.1 – Ella (styczeń 2007)

WordPress 2.1

WordPress 2.1 Ella był pierwszą wersją, w której wprowadzono nowy ekran administracyjny do zarządzania komentarzami.

Proces zarządzania komentarzami został znacznie ulepszony, ponieważ użytkownicy mogli usuwać lub zatwierdzać komentarze bez ponownego ładowania ekranów administracyjnych.

WordPress 2.3 – Dexter (wrzesień 2007)

WordPress 2.3 Dexter

To wydanie nie zmieniło drastycznie interfejsu użytkownika WordPressa, ale dodało kilka znaczących ulepszeń. Po raz pierwszy WordPress ulepszył natywną obsługę dodawania tagów do postów.

Wprowadzono także system powiadamiania o aktualizacjach, który pozwolił rdzeniowi WordPress i wtyczkom wyświetlać powiadomienia, gdy dostępna będzie nowa wersja.

W tej wersji rozpoczęło się również automatyczne przekierowywanie użytkowników do prawidłowego adresu URL WordPress, zgodnie z definicją w ustawieniach.

WordPress 2.5 – Brecker (marzec 2008)

WordPress 2.5

W przypadku WordPress 2.5 zespół WordPress współpracował z Happy Cog, wiodącą firmą konsultingową zajmującą się projektowaniem stron internetowych, aby przeprojektować interfejs administratora WordPress.

Było to istotne ulepszenie projektu i miało ogromny wpływ na sposób, w jaki dzisiaj korzystamy z WordPressa.

Post editor in WordPress 2.5

Pulpit nawigacyjny stał się znacznie lepszy, ponieważ dodano tam więcej przydatnych informacji. To była pierwsza wersja, w której za pomocą jednego kliknięcia zaobserwowaliśmy aktualizację wtyczek w katalogu wtyczek WordPress.

W tej wersji zawarto także znacznie lepszy edytor wizualny i wbudowaną galerię.

Wiele podstawowych komponentów objętych tym przeprojektowaniem nadal stanowi główną część oprogramowania. Jednak już po 10 miesiącach jego wygląd szybko się zmienił.

WordPress 2.7 – Coltrane (grudzień 2008)

WordPress 2.7

WordPress 2.7 przyniósł kolejną poważną aktualizację interfejsu administratora WordPress. Użytkownicy mogli teraz ponownie dostosować elementy pulpitu nawigacyjnego WordPress. Wprowadzono opcje ekranowe, aby użytkownicy mogli pokazywać i ukrywać elementy zgodnie ze swoimi wymaganiami.

Inne godne uwagi funkcje obejmowały łatwiejszą instalację wtyczek za pośrednictwem panelu administracyjnego WordPress, administratorzy mogli dodawać odpowiedzi na komentarze z panelu administracyjnego, komentarze w wątkach, przyklejane posty, skróty klawiaturowe, paginację komentarzy i wiele więcej.

WordPress 2.9 – Carmen (grudzień 2009)

WordPress 2.9

WordPress 2.9 nie zmienił interfejsu użytkownika, ale dodał kilka nowych funkcji, które pięknie integrowały się z istniejącym interfejsem WordPress. Jedną z tych zmian był system aktualizacji wtyczek, który umożliwiał użytkownikom aktualizację wtyczek do nowszych wersji jednym kliknięciem.

Kolejną ważną zmianą w wersji były funkcje edycji obrazów, które umożliwiły użytkownikom przycinanie, zmianę rozmiaru, obracanie, skalowanie i odwracanie obrazów w WordPress.

WordPress 2.9 image editing

WordPress 3.0 – Thelonious (2010)

WordPress 3.0 Thelonious był poważną aktualizacją, która naprawdę przekształciła WordPress z platformy blogowej w pełnoprawny CMS.

Wprowadzono typy postów, taksonomie, niestandardowe tła, nagłówki, krótkie linki i menu nawigacyjne. Zawierał także nowy domyślny motyw o nazwie Twenty Ten, który zapoczątkował tradycję wprowadzania co roku nowego domyślnego motywu, którego nazwa pochodzi od samego roku.

Navigation menus in WordPress 3.0

To wydanie połączyło siostrzany projekt WordPress o nazwie WordPress MU z rdzeniem WordPress. Ta funkcja jest teraz znana jako wielostanowiskowa WordPress. Podstawowy styl interfejsu administracyjnego można dostosować do wszystkich tych głównych zmian bez kolejnej znaczącej przebudowy obszaru administracyjnego.

WordPress 3.1 – Django Reinhardt (2011)

WordPress 3.1

WordPress 3.1 kontynuował dodawanie funkcji do solidnego interfejsu użytkownika WordPress.

W tej nowej wersji WordPress wprowadził pasek administracyjny, formaty postów i lepszą funkcję wewnętrznego linkowania.

WordPress 3.3 – Sonny (2011)

WordPress 3.3

Wydany w grudniu 2011 r. WordPress 3.3 zawierał mnóstwo funkcji i ulepszeń istniejącego interfejsu użytkownika WordPress.

Dodano wysuwane menu dla lepszej nawigacji w obszarze administracyjnym, odnowiony pasek administracyjny, funkcję przeciągania i upuszczania w celu przesyłania plików multimedialnych oraz podpowiedzi dotyczące narzędzi. Możesz zobaczyć więcej funkcji i zrzutów ekranu WordPress 3.3.

WordPress 3.5 – Elvin (2012)

WordPress 3.5

Urządzenia mobilne i urządzenia o wysokiej rozdzielczości stały się już dostępne dla wszystkich użytkowników. WordPress 3.5 usprawnił interfejs użytkownika dla nowoczesnych urządzeń wyświetlających Retina.

To wydanie zawiera ulepszone ikony i style adaptacyjne, które świetnie wyglądają na każdej rozdzielczości ekranu. Zobacz więcej funkcji i zrzutów ekranu WordPress 3.5.

WordPress 3.8 – Parker (2013)

WordPress 3.8 admin UI

Wygląd i podstawowy styl interfejsu użytkownika WordPress nie zmieniły się od 2008 roku i wymagały znacznej aktualizacji.

To uaktualnienie miało na celu bardziej elegancką obsługę urządzeń mobilnych i zwiększenie dostępności WordPressa. Po mnóstwie pracy nowy interfejs użytkownika WordPress został wydany w wersji WordPress 3.8.

Nowy interfejs użytkownika, który jest nadal używany (z niewielkimi ulepszeniami), był responsywny dla urządzeń mobilnych, miał więcej schematów kolorów, miał czcionki ikon używane na pulpicie nawigacyjnym i wykorzystywał czcionkę Open Sans do typografii.

Mobile admin UI in WordPress 3.8

WordPress 3.9 – Smith (2014)

WordPress 3.9 wprowadził kilka ulepszeń, aby rozszerzyć interfejs użytkownika o nowe funkcje.

WordPress 3.9

Zaczęło się od używania płaskich przycisków w edytorze postów, przesyłania obrazów metodą „przeciągnij i upuść”, podglądu galerii i nie tylko.

Dodano także podgląd na żywo podczas dodawania widżetów w dostosowywaniu motywu. Zobacz więcej funkcji i zrzutów ekranu WordPress 3.9.

WordPress 4.0 – Benny (2014)

WordPress 4.0

W tym samym roku wydano WordPress 4.0. W interfejsie użytkownika nie zaszły żadne istotne zmiany. Wprowadzono jednak kilka fajnych zmian, które rozszerzyły istniejący interfejs administracyjny WordPress.

Wprowadzono nowy widok siatki dla galerii multimediów z nieskończonym przewijaniem i płynną edycją. Zobacz zrzuty ekranu i funkcje WordPress 4.0.

WordPress 4.2 – Powell (2015)

WordPress 4.2 colors

W WordPress 4.2 wprowadzono niewielką, ale znaczącą poprawę schematu kolorów obszaru administracyjnego.

Szarościom nadano lekko niebieski odcień, a błękity zmieniono na czysty błękit bez kanału czerwonego. Zobacz więcej funkcji i zrzutów ekranu WordPress 4.2.

WordPress 4.5 – Coleman (2016)

Inline link editing

WordPress 4.5 wprowadził kilka bardzo potrzebnych ulepszeń do domyślnego edytora postów WordPress. Wprowadzono nową funkcję edycji linków wbudowanych i kilka nowych skrótów tekstowych.

Do dostosowywania motywu dodano responsywne podglądy, umożliwiające użytkownikom podgląd motywu na ekranach komputerów stacjonarnych, tabletów i urządzeń mobilnych bez konieczności zmiany urządzenia. Aby uzyskać więcej informacji, zobacz nasz artykuł na temat wydania WordPress 4.5 ze zrzutami ekranu.

WordPress 4.6 – Pieprz (2016)

Shiny updates and plugin installs

W wersji WordPress 4.6 główny zespół zdecydował się zacząć używać czcionek natywnych zamiast ładować Open Sans z serwerów Google.

W tej wersji usprawniono także aktualizacje, które umożliwiły użytkownikom instalowanie, aktualizowanie i usuwanie wtyczek/motywów bez ponownego ładowania strony.

WordPress 4.8 – Vaughan (2017)

Media widgets in WordPress 4.8

W WordPress 4.8 wprowadzono nowy zestaw widżetów umożliwiających dodawanie multimediów, takich jak obrazy, dźwięk, wideo i tekst sformatowany.

Dodano także nowy widżet pulpitu nawigacyjnego, który wyświetlał wiadomości i wydarzenia WordPress. Więcej funkcji i zrzutów ekranu znajdziesz w naszym przeglądzie WordPressa 4.8.

WordPress 4.9 – Tipton (2017)

Theme browsing experience in WordPress 4.9

Ostatnia główna wersja WordPressa na rok 2017 dodała więcej funkcji do dostosowywania motywów, w tym nowe możliwości przeglądania i podglądu motywów.

Dodano także podświetlanie składni i automatyczne uzupełnianie do edytorów kodu dla niestandardowych edytorów CSS i motywów/wtyczek.

WordPress 5.0 – Bebo (2018)

Block Editor was introduced in WordPress 5.0

WordPress 5.0 został wydany w grudniu 2018 roku. Był to kamień milowy, który wprowadził nowy edytor blokowy o nazwie kodowej Gutenberg.

Nowy edytor bloków umożliwił użytkownikom łatwe tworzenie pięknych układów treści za pomocą nowego, intuicyjnego interfejsu. Każdy element treści został dodany jako blok z własnymi ustawieniami, a użytkownicy mogli zapisywać i ponownie wykorzystywać bloki, aby znacznie przyspieszyć pisanie.

Nowy edytor bloków nie miał tylu funkcji, co w pełni funkcjonalny kreator stron WordPress, ale położył podwaliny pod wykorzystanie tej samej funkcjonalności edytora bloków w innych obszarach WordPressa.

Możesz zobaczyć nasz post na temat narzędzi do tworzenia stron Gutenberg kontra WordPress, aby uzyskać pełne zestawienie różnic w nowym edytorze treści.

To była ogromna zmiana ze zwykłego, starego edytora TinyMCE na bardziej nowoczesny edytor. Użytkownicy, którzy nie byli gotowi na przejście, mogli korzystać ze starego edytora, instalując wtyczkę Classic Editor.

Jednak wielu ekspertów, w tym WPBeginner, uważało, że był to niezbędny krok naprzód dla WordPressa. Stary, klasyczny interfejs edytora wydawał się przestarzały w porównaniu z innymi popularnymi kreatorami stron internetowych dostępnymi na rynku.

WordPress 5.2 – Jaco (2019)

W 2019 roku WordPress nadal skupiał się na ulepszaniu edytora bloków poprzez dodawanie nowych funkcji, naprawianie błędów i zwiększanie komfortu użytkowania.

W WordPress 5.2 wprowadzono funkcję trybu odzyskiwania. Zamiast pokazywać błąd krytyczny, WordPress wyświetlił stronę błędu.

Technical difficulty error

Wysłała także e-mail do administratorów witryny z linkiem umożliwiającym dostęp do obszaru administracyjnego w trybie odzyskiwania.

Umożliwiło to właścicielom witryn szybkie rozwiązanie problemu bez konieczności wykonywania kilku kroków rozwiązywania problemów.

Recovery mode dashboard

WordPress 5.4 – Adderley (2020)

Edytor bloków pozostał najważniejszą częścią rozwoju WordPressa również w 2020 roku. Z każdą wersją było coraz lepiej, dzięki nowym blokom i narzędziom oraz znacznie szybszemu działaniu.

W WordPress 5.4 edytor pełnoekranowy stał się domyślnym ustawieniem edytora bloków.

Full screen block editor

Edytor bloków wprowadził także nowy pasek narzędzi dla ekranów mobilnych.

Pozwoliło to użytkownikom na znacznie czystszą edycję na mniejszych ekranach.

Mobile toolbar in 5.4

WordPress 5.5 – Eckstine (2020)

W WordPress 5.5 wprowadzono wzorce blokowe.

Wzorzec to zestaw wstępnie ułożonych bloków, umożliwiający szybkie dodanie często używanych elementów projektu, takich jak nagłówki, stopki, wstępy, wezwania do działania i inne.

Block patterns

WordPress 5.8 – Tatum (2021)

Template editing in WordPress 5.8

W ciągu ostatnich kilku lat WordPress nadal udoskonalał edytor bloków, starając się zaoferować pełne rozwiązanie do edycji witryny.

W WordPress 5.8 wprowadzono nową funkcję szablonów wraz z kilkoma blokami obejmującymi całą witrynę, które pomogą Ci łatwo tworzyć szablony obejmujące całą witrynę w WordPress.

W tej wersji wprowadzono także widżety oparte na blokach. Każdy obszar gotowy na widżety w motywie WordPress pojawił się teraz jako zakładka w edytorze bloków. Użytkownicy mogli dodawać widżety jako bloki do pasków bocznych swoich witryn internetowych i obszarów obsługujących widżety.

Block widgets

Funkcje te położyły podwaliny pod przyszłe aktualizacje i przygotowały WordPress do korzystania z blokowego edytora witryn.

WordPress 5.9 – Józefina (2022)

WordPress 5.9 pojawił się w styczniu 2022 r. wraz z debiutem pełnego edytora witryny.

Site Editor makes it debut appearance in WordPerss 5.9

Zastąpiło menu nawigacyjne, widżety i łącza do dostosowywania motywu na pasku bocznym administratora łączem do edytora witryny.

Było to jednak widoczne tylko dla użytkowników, którzy na swoich stronach aktywowali motyw blokowy. Wydanie zawierało Twenty Twenty-Two jako nowy domyślny motyw z pełną obsługą edytora witryny.

Edytor witryny korzystał z edytora blokowego, więc udostępniał ten sam interfejs użytkownika do edytowania witryn internetowych, którego użytkownicy używali już do pisania treści.

Site editor interface

WordPress 6.0 Arturo (2022)

WordPress 6.0 został wydany w maju 2022 roku. Nie wprowadził żadnych zmian w głównych komponentach interfejsu użytkownika, ale wprowadził znaczące ulepszenia w edytorze witryny.

Obejmowało to dodanie obsługi edycji większej liczby szablonów i dodanie większej liczby narzędzi do różnych ustawień bloków.

Edit more templates

WordPress 6.1 – Misza (2022)

WordPress 6.1 został wydany w listopadzie 2022 roku i zawierał dalsze ulepszenia edytora witryny, zwłaszcza szablonów i części szablonów.

To wydanie nie wprowadziło większych zmian w samym podstawowym interfejsie użytkownika. Dodał jednak kilka nowych narzędzi i ulepszeń do edytora bloków. Zaczęto także zapewniać spójność narzędzi i ustawień blokowych.

WordPress 6.1 block editor consistency

WordPress 6.2 – Dolphy (2023)

W pierwszej połowie 2023 roku WordPress nadal skupiał się na łatwiejszej edycji i dostosowywaniu witryny.

Wraz z wydaniem WordPress 6.2, nowy blokowy edytor witryn wyszedł z wersji beta. Umożliwiło to użytkownikom korzystanie z edytora bloków w celu dostosowywania motywów WordPress i tworzenia układów, szablonów, stylów i nie tylko.

Style editing in WordPress 6.2

WordPress 6.3 – Lionel (2023)

W drugiej połowie 2023 roku WordPress wydał wersję 6.3 ze znaczącymi aktualizacjami edytora strony.

Wprowadzono nowy ekran nawigacyjny dla edytora witryny, który zapewnił łatwiejszy dostęp do szablonów, stron, wzorców, stylów i menu nawigacyjnych.

WordPress 6.3 site editor navigation

W tej wersji wprowadzono także „Paletę poleceń”. Użytkownicy mogą go uruchomić za pomocą klawiszy Command+K lub CTRL+K na klawiaturze.

Narzędzie poleceń zapewniło także łatwiejszy dostęp do skrótów WordPress i wyszukiwanie istniejącej zawartości, bloków, wzorców, szablonów i nie tylko.

Command tool in WordPress 6.3

W nadchodzących wersjach WordPress będzie skupiał się na edytorze witryn, współpracy w czasie rzeczywistym w edytorze WordPress i możliwościach wielojęzycznych.

Mamy nadzieję, że ten artykuł pomógł Ci zobaczyć ewolucję interfejsu użytkownika WordPressa od jego pierwszego wydania w 2003 roku. Możesz także przeczytać pełną historię WordPressa lub przyjrzeć się najlepszym firmom WordPress i firmom, które rozwinęły się dzięki WordPressowi.

Jeśli spodobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube, aby zapoznać się z samouczkami wideo WordPress. Można nas znaleźć także na Twitterze i Facebooku.