WordPress 7.1 „Mary Lou“ носи responsive стилове, Notes и нов Media Editor

WordPress 7.1 „Mary Lou“ поставя фокус върху ежедневната работа в администрацията, дизайна на сайтове, съвместното редактиране и разширяването на платформата. Сред водещите промени са responsive стилове в Site Editor, нов редактор за медийни файлове, Notes с форматиран текст и споменавания, както и нови блокове.

Версията носи името на джаз пианистката, аранжор и композитор Mary Lou Williams. Тя свири публично още от шестгодишна възраст, преминава през swing, bebop и sacred jazz и постоянно променя собствения си стил. През 40-те години апартаментът ѝ в Harlem се превръща във вечерно място за обмен на идеи, където Thelonious Monk, Dizzy Gillespie и Bud Powell участват във формирането на bebop. Можеш да разгледаш музиката на Mary Lou Williams.

Изтегли WordPress 7.1 wordpress-7.1.zip

Responsive стилове директно в Site Editor

WordPress 7.1 добавя responsive контроли в Site Editor. Можеш да задаваш как изглежда блокът на различни размери екрани през Global Styles или от настройките на конкретния блок, без да пишеш custom CSS.

Редакторът позволява и преглед на промените при различни размери на viewport-а. Така по-лесно изграждаш оформления, които се адаптират към начина, по който хората разглеждат сайта.

Административната лента присъства във всеки редактор

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

Лентата получава и малки визуални промени, които уеднаквяват и завършват интерфейса.

Нов единен процес за изрязване на изображения

Нов модален Media Editor заменя досегашния инструмент за изрязване в самия интерфейс. Познатият бутон Crop остава входната точка, но отваря отделен процес за редактиране.

На едно място вече можеш да изрязваш свободно или по съотношение на страните, да обръщаш изображението хоризонтално и вертикално, да го завърташ прецизно или със стъпки и да редактираш metadata.

Notes вече поддържат rich text и споменавания

Notes поддържат rich text и споменавания, което прави обратната връзка по-ясна и насочва известието към правилния сътрудник. Можеш да форматираш текста с получер, курсив и код, да добавяш връзки или да въведеш @, за да споменеш човек.

Бележка вече се поставя и върху конкретен откъс от текст, а не само върху целия блок. Един блок може да съдържа няколко отделни разговора, а дългите бележки се свиват, за да не претрупват полето встрани. Това покрива по-добре обсъжданията при съвместен преглед на съдържание.

По-бърза и по-гъвкава обработка на медия

Компресирането, преоразмеряването и генерирането на миниатюри вече се изпълняват в браузъра. Това намалява натоварването на сървъра, създава по-малки файлове и избягва ограниченията на PHP паметта и timeout-и при качване.

WordPress 7.1 добавя и вградена поддръжка за AVIF, HEIC и HDR gain maps – формати, които съвременните камери и телефони вече създават.

Нови блокове и още контроли за съдържанието

Създавай плейлисти

Новият блок Playlist събира няколко аудиозаписа в един плейлист. По избор можеш да покажеш waveform, който дава визуална представа за всеки запис по време на възпроизвеждане.

Задавай собствени responsive breakpoints

Блоковите теми могат да дефинират собствени breakpoints за mobile и tablet в theme.json. Така темата заменя стойностите по подразбиране за responsive стиловете и видимостта на блокове.

Подреждай съдържание в табове

Новият блок Tabs организира свързана информация в панели с табове, вместо да показва всичко наведнъж. Така представяш повече съдържание без излишно претрупване.

Добавяй собствени икони

Разработчиците могат да разширят библиотеката с икони на WordPress със собствени колекции. Иконите им стават достъпни в целия редактор редом с вградената библиотека.

Настройвай интерактивните състояния на Button

За блоковете Button можеш да задаваш отделни стилове за състоянията hover, focus и active директно от контролите за стил в редактора. Настройката може да важи за един бутон или за всички бутони.

По-последователен редактор

Post Editor вече работи изцяло в iframe при всички теми, както Site Editor. Платното за редактиране се изпълнява отделно от административния интерфейс на WordPress, затова стиловете на администрацията не пречат на съдържанието.

Viewport-relative единиците и media queries вече се насочват директно към платното за редактиране. Промяната остава почти незабележима в интерфейса, но responsive оформлението се държи по-предвидимо и редакторът работи по-еднакво.

Инструменти за разработчици

WordPress 7.1 разширява API и инструментите за икони, автоматизация, административни интерфейси и responsive стилове.

SVG Icon API вече е публично API. Можеш да регистрираш собствени колекции и икони и да ги използваш в редактора чрез wp_register_icon_collection(), wp_register_icon() и wp_get_icon().

Abilities API надгражда инфраструктурата от WordPress 6.9 с lifecycle на изпълнение, който се променя чрез филтри, персонализирана валидация и споделено откриване. Тези допълнения улесняват интеграциите и автоматизацията върху WordPress, включително инструменти, задвижвани от AI.

Новият Design System осигурява базова поддръжка за темизиране на административни интерфейси на WordPress, включително за цветове, заобленост и стилове на курсора. Използвай семантични design tokens и React компонента ThemeProvider, за да направиш собствените административни екрани по-последователни, без да изглеждат чужди на WordPress.

Авторите на теми получават responsive стилове и стилове за pseudo-state състоянията hover, focus, focus-visible и active чрез theme.json. Нови филтри позволяват и конфигурация на екраните DataViews и DataForm, които стоят зад Pages, Templates, Parts и Patterns в Site Editor.

Подобрения за достъпност

WordPress 7.1 подобрява достъпността в ядрото на WordPress и редактора. Новите функции wp_get_tooltip() и wp_get_toggletip() добавят достъпни подсказки в повече области на администрацията, включително post meta boxes и екрана за вход.

Поддръжката за screen reader се подобрява и в административните интерфейси чрез по-ясни етикети и по-предвидима навигация в таблиците със списъци на публикации. Новите блокове Tabs и Playlist, както и подобренията в навигацията и взаимодействието с редактора, допълват работата по достъпността.

Промени в производителността

Обработката на изображения в браузъра използва WebAssembly версия на libvips. Това сваля изчислителното натоварване от сървъра и помага да избегнеш лимитите за памет и timeout-ите при големи качвания.

Конвертирането на GIF към видео се включва по избор и обичайно създава по-малки файлове. Индикаторите за напредъка при качване и автоматичните повторни опити правят качванията по-устойчиви при прекъсване на връзката.

Media Library използва infinite scrolling по подразбиране, но всеки потребител може да върне страницирането от личните си настройки. Можеш да задаваш настройките по подразбиране за speculative loading чрез environment variables или константи, така че хостингът и собственикът на сайта да контролират предварителното зареждане на страници без разширение.

Какво да направиш след обновяването

Провери responsive стиловете на блоковите си теми и при нужда дефинирай mobile и tablet breakpoints в theme.json. Тествай и iframe платното на Post Editor, особено ако темата ти използва viewport-relative единици или media queries.

За пълния списък с новостите използвай страницата с възможностите на WordPress 7.1. Learn WordPress предлага безплатни how-to видеа, интерактивни работилници и планове за уроци за начинаещи и напреднали потребители.

Преди deploy прегледай Release Notes за WordPress 7.1 за инсталация, подобрения, поправени проблеми, учебни материали и промени по файловете. За детайлни бележки за разработчици отвори WordPress 7.1 Field Guide.