Эволюция пользовательского интерфейса WordPress (2003 г.)

Опубликовано: 2023-10-06


Пользовательский интерфейс WordPress (UI) постоянно развивался с момента его первого выпуска в 2003 году.

Он начинался как простая платформа для ведения блогов, но WordPress превратился в полноценную платформу CMS и надежную среду веб-приложений. Пользовательский интерфейс также развивался с годами.

В этой статье мы вернем вас в прошлое и покажем различные этапы эволюции пользовательского интерфейса WordPress с 2003 года по настоящее время.

Evolution of WordPress user interface since 2003 until now

Начало WordPress

WordPress стартовал в 2003 году. Это произошло главным образом потому, что его основные разработчики прекратили разработку и без того популярного программного обеспечения для ведения блогов под названием b2/cafelog.

Два страстных пользователя b2/cafelog, Мэтт Малленвег и Майк Литтл, решили создать новую платформу на основе этого программного обеспечения для ведения блогов. Именно так WordPress был впервые выпущен 27 мая 2003 года. Вы можете узнать больше об истории происхождения WordPress в нашей статье об истории WordPress.

С тех пор было выпущено множество релизов WordPress. В этой статье мы опишем релизы, в которых были внесены большие изменения в пользовательский интерфейс панели администратора.

WordPress 0.71 – (июнь 2003 г.)

WordPress 0.71

Целевая страница панели администратора WordPress 0.71 использовалась для непосредственного написания сообщений в блоге. На самом деле у него не было большого количества опций за пределами интерфейса постредактора.

Его удалось сохранить простым за счет включения меньшего количества функций. Например, пользователи могли назначить каждому сообщению только одну категорию.

У него также был утомительный метод установки, при котором большая часть информации менялась вручную путем редактирования основных файлов программного обеспечения.

WordPress 1.0.1 (Майлз – 2004 г.)

WordPress  1.0.1 - Miles

WordPress начал называть свои основные релизы в честь джазовых музыкантов с выпуском версии 1.0.1. Как видите, этот релиз был назван в честь известного музыканта Майлза Дэвиса.

В этой версии WordPress перестал использовать файловую структуру b2 и перешел к собственному стилю файловой структуры.

Новые функции включали выбор нескольких категорий, оптимизированную для SEO структуру URL-адресов, модерацию комментариев, новый установщик и ряд других улучшений.

WordPress 1.2 – Мингус (май 2004 г.)

WordPress 1.2 - Mingus

WordPress 1.2, названный в честь Чарльза Мингуса, стал монументальным выпуском. Одним из наиболее важных обновлений в этой версии стало появление «плагинов», которые теперь являются основой экосистемы WordPress.

Другими заметными изменениями стали подкатегории, настраиваемые поля, создание миниатюр, предварительный просмотр публикации, зашифрованные пароли и возможность проверять связь с несколькими службами одновременно.

WordPress 1.5 — Strayhorn (февраль 2005 г.)

WordPress 1.5

Эта версия WordPress была названа в честь Билли Стрейхорна. Он показал первый взгляд на новый стиль приборной панели. Он не использовал Ajax и работал намного медленнее, чем WordPress, который мы используем сегодня.

Еще одной важной особенностью стало введение страниц рядом с публикациями, что позволило пользователям создавать статические страницы, не являющиеся частью каналов их блогов. В этом выпуске также поддерживается установка нескольких тем в одной установке WordPress.

WordPress 2.0 — Duke (декабрь 2005 г.)

WordPress 2.0

В WordPress 2.0 был существенно переработан интерфейс администратора WordPress. У него был большой синий заголовок сверху и полностью переосмысленная административная область.

Он был намного быстрее, чем предыдущие версии, поскольку для выполнения определенных задач использовался Ajax. В этот выпуск также включен полноценный редактор WYSIWYG.

Akismet был представлен как плагин для борьбы с растущей проблемой спама в комментариях. Среди других примечательных функций — загрузка изображений/файлов, предварительный просмотр темы через миниатюру (screenshot.png), улучшенная скорость публикации, новые возможности для разработчиков и многое другое.

WordPress 2.1 – Элла (январь 2007 г.)

WordPress 2.1

WordPress 2.1 Ella был первым выпуском, в котором появился новый экран администратора для управления комментариями.

Процесс управления комментариями был значительно улучшен, поскольку пользователи могли удалять или одобрять комментарии без перезагрузки экранов администратора.

WordPress 2.3 — Декстер (сентябрь 2007 г.)

WordPress 2.3 Dexter

В этом выпуске пользовательский интерфейс WordPress кардинально не изменился, но было добавлено несколько существенных улучшений. Впервые WordPress улучшил встроенную поддержку добавления тегов к вашим сообщениям.

Он также представил систему уведомлений об обновлениях, которая позволила ядру WordPress и плагинам показывать уведомления о доступности новой версии.

В этом выпуске также началось автоматическое перенаправление пользователей на правильный URL-адрес WordPress, определенный в настройках.

WordPress 2.5 – Брекер (март 2008 г.)

WordPress 2.5

Для WordPress 2.5 команда WordPress сотрудничала с Happy Cog, ведущей консалтинговой фирмой по веб-дизайну, чтобы изменить дизайн пользовательского интерфейса администратора WordPress.

Это было серьезное улучшение дизайна, и оно оказало огромное влияние на то, как мы используем WordPress сегодня.

Post editor in WordPress 2.5

Приборная панель стала намного лучше, так как туда добавили больше полезной информации. Это была первая версия, в которой мы увидели обновление плагинов в каталоге плагинов WordPress одним щелчком мыши.

В этот выпуск также были включены гораздо улучшенный визуальный редактор и встроенная галерея.

Многие из основных компонентов этого редизайна по-прежнему составляют основную часть программного обеспечения. Однако всего 10 месяцев спустя его внешний вид быстро изменился.

WordPress 2.7 – Колтрейн (декабрь 2008 г.)

WordPress 2.7

WordPress 2.7 принес еще одно серьезное обновление пользовательского интерфейса администратора WordPress. Пользователи теперь могли настраивать элементы панели управления WordPress. Были введены параметры экрана, чтобы пользователи могли показывать и скрывать элементы в соответствии со своими требованиями.

Другие примечательные функции включали упрощенную установку плагинов через панель администратора WordPress, администраторы могли добавлять ответы на комментарии из панели администратора, цепочки комментариев, прикрепленные сообщения, сочетания клавиш, нумерацию страниц комментариев и многое другое.

WordPress 2.9 – Кармен (декабрь 2009 г.)

WordPress 2.9

WordPress 2.9 не изменил пользовательский интерфейс, но добавил несколько новых функций, которые прекрасно интегрировались в существующий интерфейс WordPress. Одним из этих изменений стала система обновления плагинов, которая позволяла пользователям обновлять свои плагины до более последних версий одним щелчком мыши.

Еще одним важным изменением в выпуске стали функции редактирования изображений, которые позволили пользователям обрезать, изменять размер, вращать, масштабировать и переворачивать изображения в WordPress.

WordPress 2.9 image editing

WordPress 3.0 – Телониус (2010 г.)

WordPress 3.0 Thelonious стал крупным обновлением, которое действительно превратило WordPress из платформы для ведения блогов в полноценную CMS.

В нем представлены типы сообщений, таксономии, настраиваемые фоны, заголовки, короткие ссылки и навигационные меню. Он также поставляется с новой темой по умолчанию под названием Twenty Ten, которая положила начало традиции ежегодного введения новой темы по умолчанию, названной в честь самого года.

Navigation menus in WordPress 3.0

В этом выпуске родственный проект WordPress под названием WordPress MU был объединен с ядром WordPress. Эта функция теперь известна как многосайтовый WordPress. Базовый стиль интерфейса администратора может адаптироваться ко всем этим основным изменениям без еще одной существенной переработки административной области.

WordPress 3.1 – Джанго Рейнхардт (2011 г.)

WordPress 3.1

В WordPress 3.1 продолжилось добавление функций в надежный пользовательский интерфейс WordPress.

В этом новом выпуске WordPress представила панель администратора, форматы сообщений и улучшенную функцию внутренних ссылок.

WordPress 3.3 – Сонни (2011 г.)

WordPress 3.3

Выпущенная в декабре 2011 года версия WordPress 3.3 содержала множество функций и улучшений существующего пользовательского интерфейса WordPress.

Добавлены всплывающие меню для лучшей навигации в области администрирования, обновленная панель администратора, возможность перетаскивания для загрузки медиафайлов и подсказки по инструментам. Вы можете увидеть больше возможностей и скриншоты WordPress 3.3.

WordPress 3.5 – Элвин (2012 г.)

WordPress 3.5

Мобильные устройства и устройства с высоким разрешением уже становились доступными для всех пользователей. WordPress 3.5 упростил пользовательский интерфейс для современных устройств отображения Retina.

В этот выпуск вошли обновленные значки и адаптивные стили, которые отлично смотрелись на любом разрешении экрана. Ознакомьтесь с дополнительными функциями и скриншотами WordPress 3.5.

WordPress 3.8 – Паркер (2013 г.)

WordPress 3.8 admin UI

Внешний вид и основной стиль пользовательского интерфейса WordPress не менялись с 2008 года и уже давно нуждались в серьезном обновлении.

Это обновление направлено на то, чтобы сделать работу с мобильными устройствами более элегантной и сделать WordPress более доступным. После огромной работы новый пользовательский интерфейс WordPress был выпущен вместе с WordPress 3.8.

Новый пользовательский интерфейс, который до сих пор используется (с небольшими улучшениями), был адаптирован для мобильных устройств, имел больше цветовых схем, имел шрифты значков, используемые на информационной панели, и шрифт Open Sans для типографики.

Mobile admin UI in WordPress 3.8

WordPress 3.9 – Смит (2014 г.)

В WordPress 3.9 внесено несколько улучшений, расширяющих пользовательский интерфейс новыми функциями.

WordPress 3.9

Он начал использовать плоские кнопки в редакторе сообщений, загрузку изображений с помощью перетаскивания, предварительный просмотр галереи и многое другое.

Также добавлен предварительный просмотр в реальном времени при добавлении виджетов в настройщик темы. Ознакомьтесь с дополнительными функциями и скриншотами WordPress 3.9.

WordPress 4.0 – Бенни (2014 г.)

WordPress 4.0

В том же году был выпущен WordPress 4.0. Никаких серьезных изменений в пользовательском интерфейсе не произошло. Однако было несколько интересных изменений, которые расширили существующий интерфейс администратора WordPress.

Был представлен новый вид сетки для медиа-галереи с бесконечной прокруткой и плавным редактированием. Посмотрите скриншоты и возможности WordPress 4.0.

WordPress 4.2 – Пауэлл (2015 г.)

WordPress 4.2 colors

В WordPress 4.2 было сделано небольшое, но значительное улучшение цветовой схемы административной области.

Серым цветам был придан легкий синий оттенок, а синий был изменен на чистый синий без красного канала. Ознакомьтесь с дополнительными функциями и скриншотами WordPress 4.2.

WordPress 4.5 – Коулман (2016 г.)

Inline link editing

WordPress 4.5 внес некоторые столь необходимые улучшения в редактор записей WordPress по умолчанию. Были представлены новая функция редактирования встроенных ссылок и несколько новых ярлыков для встроенного текста.

В настройщик темы были добавлены адаптивные предварительные просмотры, позволяющие пользователям просматривать свою тему на экранах настольных компьютеров, планшетов и мобильных устройств, не меняя устройства. Дополнительные возможности смотрите в нашей статье о выпуске WordPress 4.5 со скриншотами.

WordPress 4.6 – перец (2016 г.)

Shiny updates and plugin installs

В WordPress 4.6 основная команда решила начать использовать собственные шрифты вместо загрузки Open Sans с серверов Google.

В этом выпуске также были оптимизированы обновления, что позволило пользователям устанавливать, обновлять и удалять плагины/темы без перезагрузки страницы.

WordPress 4.8 – Вон (2017 г.)

Media widgets in WordPress 4.8

В WordPress 4.8 представлен новый набор виджетов для добавления мультимедийных данных, таких как изображения, аудио, видео и форматированный текст.

Также добавлен новый виджет панели управления, который отображает новости и события WordPress. Дополнительные функции и снимки экрана можно найти в нашем обзоре WordPress 4.8.

WordPress 4.9 – Типтон (2017 г.)

Theme browsing experience in WordPress 4.9

В последнем крупном выпуске WordPress за 2017 год в настройщик тем добавлены дополнительные функции, включая новые возможности просмотра и предварительного просмотра тем.

Он также добавил подсветку синтаксиса и автодополнение в редакторы кода для пользовательских CSS и редакторов тем/плагинов.

WordPress 5.0 – Бебо (2018)

Block Editor was introduced in WordPress 5.0

WordPress 5.0 был выпущен в декабре 2018 года. Это стало важной вехой в появлении нового блочного редактора под кодовым названием Gutenberg.

Новый редактор блоков позволил пользователям легко создавать красивые макеты контента с новым интуитивно понятным интерфейсом. Каждый элемент контента был добавлен как блок со своими собственными настройками, и пользователи могли сохранять и повторно использовать блоки для гораздо более быстрого написания.

Новый редактор блоков не обладал таким количеством функций, как полнофункциональный конструктор страниц WordPress, но он заложил основу для использования тех же функций редактора блоков в других областях WordPress.

Вы можете прочитать нашу публикацию о Гутенберге и конструкторах страниц WordPress, чтобы получить полное представление о различиях в новом редакторе контента.

Это был масштабный переход от простого старого редактора TinyMCE к более современному редактору. Пользователи, не готовые к переходу, смогли использовать старый редактор, установив плагин Classic Editor.

Однако многие эксперты, в том числе WPBeginner, считали, что это необходимый шаг вперед для WordPress. Старый классический интерфейс редактора казался устаревшим по сравнению с другими популярными конструкторами веб-сайтов на рынке.

WordPress 5.2 – Жако (2019 г.)

В 2019 году WordPress по-прежнему фокусировался на улучшении редактора блоков, добавляя новые функции, исправляя ошибки и улучшая взаимодействие с пользователем.

В WordPress 5.2 появилась функция режима восстановления. Вместо отображения фатальной ошибки WordPress отображал страницу с ошибкой.

Technical difficulty error

Он также отправил администраторам веб-сайта по электронной почте ссылку для доступа к административной области в режиме восстановления.

Это позволило владельцам сайтов быстро решить проблему, не проходя несколько этапов устранения неполадок.

Recovery mode dashboard

WordPress 5.4 – Аддерли (2020 г.)

Редактор блоков остался важнейшей частью разработки WordPress и в 2020 году. С каждым выпуском он улучшался, добавлялись новые блоки и инструменты, а работа становилась намного быстрее.

В WordPress 5.4 полноэкранный редактор стал настройкой по умолчанию для редактора блоков.

Full screen block editor

В редакторе блоков также появилась новая панель инструментов для мобильных экранов.

Это позволило пользователям получить более удобный опыт редактирования на экранах меньшего размера.

Mobile toolbar in 5.4

WordPress 5.5 – Экстайн (2020)

В WordPress 5.5 появились шаблоны блоков.

Шаблон — это набор блоков, предварительно организованных для быстрого добавления часто используемых элементов дизайна, таких как верхние и нижние колонтитулы, вступления, призывы к действию и т. д.

Block patterns

WordPress 5.8 – Татум (2021 г.)

Template editing in WordPress 5.8

В течение последних нескольких лет WordPress продолжал совершенствовать редактор блоков, стремясь предложить полноценное решение для редактирования сайта.

В WordPress 5.8 была представлена ​​новая функция шаблонов вместе с несколькими блоками для всего сайта, которые помогут вам легко создавать шаблоны для всего сайта в WordPress.

В этой версии также представлены виджеты на основе блоков. Каждая область, готовая для виджетов, в вашей теме WordPress теперь отображается в виде вкладки в редакторе блоков. Пользователи могли добавлять виджеты в виде блоков на боковые панели своих веб-сайтов и в области, где разрешены виджеты.

Block widgets

Эти функции заложили основу для будущих обновлений и подготовили WordPress к использованию блочного редактора сайтов.

WordPress 5.9 – Жозефина (2022 г.)

WordPress 5.9 вышел в январе 2022 года, и дебютировал полноценный редактор сайтов.

Site Editor makes it debut appearance in WordPerss 5.9

Он заменил навигационные меню, виджеты и ссылки на настройку тем на боковой панели администратора ссылкой на редактор сайта.

Однако это было видно только пользователям, у которых на сайтах активирована блочная тема. В выпуске Twenty Twenty-Two стала новой темой по умолчанию с полной поддержкой редактора сайта.

Редактор сайта использовал редактор блоков, поэтому он предоставлял тот же пользовательский интерфейс для редактирования веб-сайтов, который пользователи уже использовали для написания контента.

Site editor interface

WordPress 6.0 Артуро (2022 г.)

WordPress 6.0 был выпущен в мае 2022 года. Он не внес никаких изменений в основные компоненты пользовательского интерфейса, но внес существенные улучшения в работу редактора сайта.

Это включало добавление поддержки редактирования большего количества шаблонов и добавление дополнительных инструментов для различных настроек блока.

Edit more templates

WordPress 6.1 – Миша (2022 г.)

WordPress 6.1 был выпущен в ноябре 2022 года и продолжил улучшения редактора сайта, особенно шаблонов и их частей.

Этот выпуск не внес серьезных изменений в сам основной пользовательский интерфейс. Однако в редактор блоков было добавлено несколько новых инструментов и улучшений. Также стало возможным обеспечить единообразие инструментов и настроек блоков.

WordPress 6.1 block editor consistency

WordPress 6.2 – Долфи (2023 г.)

В первой половине 2023 года WordPress по-прежнему фокусировался на упрощении редактирования и настройки сайтов.

С выпуском WordPress 6.2 новый блочный редактор сайтов вышел из бета-версии. Это позволило пользователям использовать редактор блоков для настройки своих тем WordPress и создания макетов, шаблонов, стилей и многого другого.

Style editing in WordPress 6.2

WordPress 6.3 – Лайонел (2023 г.)

Во второй половине 2023 года WordPress выпустил версию 6.3 со значительными обновлениями редактора сайта.

Он представил новый экран навигации для редактора сайта, который обеспечил более легкий доступ к шаблонам, страницам, шаблонам, стилям и меню навигации.

WordPress 6.3 site editor navigation

В этой версии также появилась «Палитра команд». Пользователи могут запустить его с помощью клавиш Command+K или CTRL+K на клавиатуре.

Командный инструмент также обеспечил более простой доступ к ярлыкам WordPress и поиск существующего контента, блоков, шаблонов, шаблонов и многого другого.

Command tool in WordPress 6.3

В следующих выпусках WordPress основное внимание будет уделено редактору сайта, совместной работе в режиме реального времени внутри редактора WordPress и многоязычным возможностям.

Мы надеемся, что эта статья помогла вам увидеть эволюцию пользовательского интерфейса WordPress с момента его первого выпуска в 2003 году. Возможно, вы также захотите прочитать полную историю WordPress или взглянуть на ведущие компании и предприятия WordPress, которые выросли с помощью WordPress.

Если вам понравилась эта статья, подпишитесь на наш канал YouTube с видеоуроками по WordPress. Вы также можете найти нас в Twitter и Facebook.