Обзор улучшений и изменений в редакторе Gutenberg 8.5

Gutenberg 8.5 добавляет редактирование изображений из одной галереи, позволяет загружать изображения из внешних источников и улучшает перетаскивание.

Команда Гутенберга выпустила версию 8.5 своего плагина для общественности. Это будет последний выпуск основных плагинов, который войдет в предстоящий WordPress 5.5 с целевой датой выпуска 11 августа. Это обновление не включает каких-либо новаторских функций, но предлагает некоторые улучшения и усовершенствует продукт.

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

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

Загрузить внешние изображения

Нажмите кнопку загрузки внешнего изображения в блоке изображений Гутенберга.Новая кнопка загрузки внешнего изображения.

Самое большое усовершенствование в Gutenberg 8.5 – это улучшение вставки изображения с внешнего URL. Это обновление позволяет пользователям загружать изображение в свою медиатеку .

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

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

Дополнительным преимуществом самостоятельного размещения изображения является то, что становятся доступными другие графические инструменты редактора. Пользователи могут изменять размер, поворачивать или обрезать изображение, параметры которого были добавлены в Gutenberg 8.4 .

Улучшено перетаскивание

Перетаскивание двух блоков в редакторе.Перетаскивание нескольких блоков в редакторе.

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

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

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

Редактировать отдельные галереи изображений

Редактирование одного изображения галереи в редакторе блоков.Редактирование отдельного изображения галереи.

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

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

Тем не менее, это еще не совсем идеально. Самая большая проблема возникает после нажатия кнопки редактирования. Внезапно, нет хорошего способа отменить редактирование, если я передумаю. Я обошел это ограничение, выбрав добавить изображение из библиотеки мультимедиа, в которой автоматически было выбрано предыдущее изображение. Моей первой мыслью было щелкнуть значок x . Однако это удаляет изображение из галереи. Значок мусорной корзины имеет больше смысла для удаления изображения, в то время как значок x имеет больше смысла для отмены действия.

Вкладка «Многоразовые блоки»

Вкладка «Многоразовые блоки» в блоке вставки блоков.Новая вкладка многоразовых блоков в инсерторе.

Многоразовые блоки больше не спрятаны в нижней части списка обычных блоков во вставке. Команда переместила их на свою вкладку . Теперь модуль вставки разделен на вкладки «Блоки», «Шаблоны» и «Многоразовые». Это будет совершенно новый опыт для пользователей, когда WordPress 5.5 упадет, потому что функция шаблонов и соответствующая вкладка также являются новыми.

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

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

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь

СЕГОДНЯ ЧИТАЮТ

Сниппет Woocommerce для добавления итого при выборе количества товаров на странице

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

Секреты и навыки работы с файлами Excel для web мастера

В своей работе web мастеру приходится использовать различные программы, которые работают с файлами, например notepad +++ и MS Office Excel. Зачастую приходится выполнять различные...

Как работать с header в теме Newspaper: делаем лого и настраиваем элементы

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

Голосовой поиск и электронная коммерция – как подготовить свой интернет магазин

Будущее поиска более интуитивное, более естественное и более громкое. Голосовой поиск был на горизонте в течение многих лет, и некоторые утверждают, что к 2020...

Новая сборка OKWP WordPress 1.9.4 для информационных сайтов

Много прошло времени, с момента последнего выхода сборки OkWP Wordpress. За это время я перебрал несколько вариантов сборки, что то добавлялось, что убирал. На...

Лучшие плагины для организации поиска на сайте WordPress

Мы все хотим, чтобы инструменты были надежными в лучшие времена. Но когда вы разработчик, у которого много проектов, они неоценимы. Особенно, когда время имеет...

ПОХОЖИЕ МАТЕРИАЛЫ

Редакторы изображений Tune WP | Дополнение WPSSO для повышения резкости фото WordPress

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

Вопросы и ответы по теме Woodmart (обновляется )

Тема Woodmart одна из лучших для создания интернет магазинов на Woocommerce. Однако ничто не бывает идеальным, поэтому возникают различные проблемы с ней. В этой...

TotalContest Pro – Плагин WordPress для конкурса фото, аудио и видео

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

Content-visibility: новое свойство CSS, повышающее скорость и рендеринг сайта

Поддержка новых возможностей css стилей, которые появились в Chromium 85, могут быть один из самых новых свойств впечатляющих CSS для улучшения производительности загрузки страницы....

Хак Woocommerce для отображения цену в руб и грв

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

BulletProof Security плагин WordPress: безопасность, сканер, файрвол

Защита безопасности сайта на WordPress: Сканер вредоносного кода, Файрвол, защита формы авторизации, создание резервных копий базы данных, анти-спам и многое другое. Смотрите раздел Основные...