WordPress 4.4 «Clifford»: адаптивные изображения, Twenty Sixteen и многое другое

После четырех месяцев активной разработки под руководством Скотта Тейлора стала доступна для скачивания свежая версия WordPress 4.4 «Clifford», названная в честь джазового трубача Клиффорда Брауна. Релиз включает в себя адаптивные изображения, встраиваемые WordPress-записи, дефолтную тему Twenty Sixteen, первую часть REST API, а также некоторые другие небольшие улучшения.

Адаптивные изображения

ResponsiveImagesFeature

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

  • Full Size (полноразмерное) – 1500 x 706
  • Large (большой) – 500 x 235
  • Medium (средний) – 300 x 141
  • Thumbnail (миниатюра) – 150 x 150

В WordPress 4.4 добавлена поддержка srcset и sizes. Это позволяет системе автоматически использовать и выводить подходящее изображение, основываясь на размере экрана устройства. Если я прикреплю полноразмерное изображение 1500 x 706 к посту в WordPress 4.4, на мобильных устройствах это изображение будет выведено в среднем (medium) размере.

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

Встраивание WordPress-записей

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

Встраиваемый контент выводится в iframe со ссылкой на комментарии, иконкой шаринга, а также цитатой поста. Вот пример того, как выглядит встроенный пост на сайте с установленной версией WordPress 4.4.

vstr

Если вы хотите запретить пользователям встраивать ваш контент, вы можете установить и активировать специальный плагин Disable Embeds. Этот плагин делает следующее:

  • Запрещает встраивание вашего контента.
  • Запрещает вам встраивать контент с сайтов, которые не входят в белый список.
  • Отключает все JS-скрипты, связанные с этой особенностью.

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

Первая фаза REST API

WordPress 4.4 включает в себя первую часть REST API. В этой версии API включает в себя обработку маршрутов (роутинг), обработку аргументов, сериализацию и десериализацию JSON, коды статусов, а также другие особенности, связанные с API.

Авторы плагинов и тем могут уже использовать инфраструктуру в ядре для замены существующих произвольных конечных точек admin-ajax.

Twenty Sixteen

Twenty Sixteen – новая дефолтная тема, разработанная Такаши Ири. Тема является адаптивной, разработанной с учетом подхода mobile first. В ней присутствует дополнительный правый сайдбар; также в теме реализован вывод информации об авторе слева от записей. Тема идет с четырьмя цветовыми схемами: темной, серой, красной и желтой. Каждая схема может быть настроена через кастомайзер.

TwentySixteenHomepage

Другие примечательные изменения

Мультисайты

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

Компонент WP_Comments был изменен

Компонент комментариев был полностью пересмотрен. Самое заметное отличие заключается в том, что поле с комментарием теперь выводится в самом верху формы. Далее идет поле Name, Email и URL. Это изменение значительно улучшает навигацию с помощью клавиатуры при переключении между полями формы. Также это упрощает комментирование записей для пользователей.

CommentsFirst

Изменения, внесенные в иерархию заголовков на экране администратора

Иерархия заголовков в бэкэнде WordPress 4.4 была пересмотрена с целью улучшения доступности. Теперь на страницах администратора вновь присутствуют заголовки H1. Это позволяет программам чтения с экрана находить и различать важную информацию на странице.

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

Метаданные таксономий

В последних версиях WordPress команда активно работала над таксономиями.

В WordPress 4.3 команда разработчиков эффективно разбила расшаренные термы таксономий, что позволило дать каждому терму уникальный идентификатор term_id. В версии 4.4 параметр $taxonomy стал необязательным в get_term() и get_term_field(); ранее эти функции требовали обязательного использования $term_id и taxonomy.

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

WP_Title пока не признан устаревшим

Вопреки прошлым сообщениям, команда разработчиков ядра приняла решение не делать WP_Title устаревшим. WP_Title в данный момент рассматривается как «зомби»-функция, а add_theme_support( ‘title-tag’ ); остается рекомендуемым способом добавления тега Title в темы.

Другие изменения

  • my-hacks.php остается в WordPress и не считается устаревшим;
  • новый шаблон тем в WordPress 4.4: single-{post_type}-{post_name}.php
  • Неприкрепленные вложения получили красивые постоянные ссылки
  • Аргумент show_ui для типов записей теперь исправлен, чтобы устранить неожиданное поведение.

WordPress 4.4 собрал свыше 2000 коммитов от более чем 400 участников. На выступлении State of The Word 2015 Тэйлор рассказал, что одной из целей релиза было пройтись по скопившемуся списку тикетов и рассмотреть патчи, которые были забыты. Благодаря усилиям многих участников эта цель была достигнута.

Что вы думаете по поводу новой версии? Понравилась / не понравилась?

Источник: wptavern.com

Блог про WordPress
Комментарии: 26
  1. Андрей

    Интересует момент с изображениями… Придется ли загружать новые изображения или для уже имеющихся заработает адаптивность?

    1. Дмитрий Донченко

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

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

      Как-то так. :)

      1. Дмитрий (автор)

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

  2. Николай

    Дмитрий, благодарю за обзор!
    Я правильно понимаю, что если у картинки есть заголовок () с указанным размером, но адаптивности изображения не будет?

    1. Дмитрий (автор)

      Тесты пользователей показали, что размеры все равно создаются даже для мелких изображений. Вот тут можно почитать ответы на вопросы пользователей: https://make.wordpress.org/core/2015/11/10/responsive-images-in-wordpress-4-4/

  3. Виктор

    После обновления заметил что на вкладке настройка экрана в разделе меню если выставить галки на «показывать расширенные свойства меню» и перейти кудани-будь в другой раздел а потом вернуться обратно и убрать их то теперь они остаються на месте, не знаю может у меня одного так)

    1. Дмитрий (автор)

      Возможно, что баг какой-то. Надо смотреть.

  4. Дасиб

    Поставил адаптивную тему и все))

  5. seoonly.ru

    Тема кстати крутая!

    1. Вася

      Согласен

  6. mihail

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

  7. Klaid

    После установки этого обновления половина картинок стали мутными, будто отображаются не в полном размере, а растягиваются миниатюры. Смотрю я с большого монитора PC, как и раньше, и выглядит очень некрасиво. Помогает только удалить картинку с сайта, перезалить ее и перевставить. Тогда она полноразмерно отображается. Как избавится от этой адаптивности изображений, которая испортила мой сайт?

    1. Дмитрий (автор)

      Поставляются специальные фильтры, которые позволяют изменить эту функциональность. Читайте вот тут: https://make.wordpress.org/core/2015/11/10/responsive-images-in-wordpress-4-4/

  8. Анатолий

    Проверил работу отображения ссылок на страницы http://systemo.biz/vyshel-wordpress-4-4-chto-interesnogo/

    это круто :)

    1. Дмитрий (автор)

      Да, работает красиво)

  9. Владимир

    А у меня после этого обновления форма комментариев стала кривой. Кнопка «Отправить комментарий» налезла на поле «Сайт». Пришлось править стили темы. Ох уж эти обновления.

  10. Игорь Петренко

    Я думаю самое полезная функция это адаптивность изображений. Это круто!!

    1. Klaid

      Очень круто. По всему интернету ищу, как эту функцию отключить, потому что она все испортила у меня. Никак не могу найти.

  11. Антон С.

    Очень интересная и полезная статья! Тоже увидел в админ панели анонс обновления 4.4, но меня терзают сомнения. Дело в том, что у меня стоит версия 4.3.1 и было внесено немалое количество правок в файлы, в том числе шаблонов. Боюсь при обновлении все эти изменения не сохранятся и произойдет откат к стандартной версии. Если я не буду устанавливать обновление, чем мне это грозит в будущем?

    1. Дмитрий (автор)

      В принципе, ничего серьезного. Сам сидел очень долгое время на старой версии. Особых проблем не замечал.

  12. Антон С.

    Спасибо за ответ! Я пожалуй тоже потерплю на старой…

  13. Otshelnik-fm

    Вот еще куча картинок, которые регистрирует вордпресс. Я против таких адаптивных изображений. т.к. не люблю «про запас» держать на серваке хлам. Зачем мне миллионы картинок? Почему бы не сделать как в скрипте обрезки изображений от wp-kama — по запросу режутся и кэшируются (к примеру на неделю, месяц, полгода). Как только срок подходит — они удаляются из кэша. И картинки создаются по запросу — не захламляя сервак. Очень удобное решение.

    Ах да. Вордпресс же для домохозяек. Зачем такие сложности, когда можно напилить 100 размеров, которые может и не пригодятся никогда.

    — это не критично для бложиков. Но портал заваливает быстро — свободное место тает на глазах.

    1. Дмитрий (автор)

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

  14. Otshelnik-fm

    Адаптивность кончится))

    К чему мой тот комментарий — мы живем в технологическое время, а в некоторых моментах ощущаешь себя как в 2000-х. Именно такая жесткая нарезка картинок и отбрасывает меня на годы назад.

  15. Юрий

    Благодарю за обзор!

  16. Анна

    Очень интересная и полезная статья! Увидела в админ панели анонс обновления 4.4

Добавить комментарий

Получать новые комментарии по электронной почте.