12 вещей, которые я люблю и ненавижу в редакторе блоков WordPress

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

Начиная с WordPress 5.0, редактор блоков был объединен с ядром и является редактором по умолчанию при новой установке WordPress. Есть ли официальное название для этого? Вроде. Я решил назвать его «Редактор блоков», потому что предполагается, что Гутенберг — это весь проект, связанный с будущими изменениями. Но есть несколько интересных дискуссий о том, каким должно быть имя: #4681 и #20407.

Я подумал, что было бы интересно поделиться своими мыслями о редакторе блоков теперь, когда я использую его время от времени уже более трех лет. Несколько месяцев назад я окончательно отказался от Classic Editor. И вот почему.

• Что мне нравится в редакторе блоков WordPress
• Что я ненавижу в редакторе блоков WordPress

8 вещей, которые мне нравятся в редакторе блоков WordPress

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

Поддержка уценки лучше

Наконец, редактор WordPress поддерживает возможность вставки в Markdown . Как писатель и случайный разработчик, все остальные инструменты, которые я использую ежедневно, годами поддерживают Markdown. Это включает в себя такие вещи, как приложение Bear, Trello, Github и т. д. Поэтому было очень неприятно использовать Markdown везде, а затем не иметь возможности копировать/вставлять его в WordPress без переформатирования.

Теперь с редактором блоков WordPress я могу использовать один и тот же синтаксис по всем направлениям. Честно говоря, это почти изменило мою жизнь. Таким должен был быть редактор много лет назад.

Редактор по-прежнему не поддерживает возможность писать исключительно в Markdown из коробки, но это уже происходит. По крайней мере, до такой степени, что это больше не замедляет меня. Вы также можете использовать плагин, такой как Iceberg, чтобы добавить все свои любимые ярлыки Markdown. Я также смог подобрать свою любимую тему Ayu Mirage Bear за считанные секунды. На самом деле, я написал весь этот пост в блоге, используя Iceberg.

Другие плагины WordPress, такие как EditorsKit и JetPack, также могут добавлять поддержку Markdown.

Нет больше перезагрузок

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

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

Блоки потрясающие

Теперь я люблю блоки. Я полностью вижу видение того, куда это движется. Мне потребовалось некоторое время, так как сначала я не хотел любить блоки, но, наконец, я там.

Недавно я полностью перестроил наш веб-сайт Perfmatters из блоков и смог удалить 83 строки пользовательского кода. Все это благодаря GeneratePress, GenerateBlocks и, конечно же, редактору блоков WordPress.

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

Другие мелочи, такие как возможность набирать /image , или /code , или /quote , очень удобны!

Выделение - это то, как это всегда должно было быть

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

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

План документа умный и полезный

Функция структуры документа в редакторе блоков WordPress на самом деле очень хороша! Вы можете легко щелкнуть заголовок, чтобы сразу перейти к этому разделу сообщения. И не только это, но и некоторая логика в этом есть . В приведенном ниже примере вы можете видеть, что он сообщил мне о неправильном уровне заголовка (переход с заголовка H2 на H4). Что касается структуры, я должен сначала использовать H3.

Добавлять подписи к изображениям очень просто

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

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

Лучшие виды на выбор

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

У вас есть конкуренты, такие как Medium, которые, на мой взгляд, превосходят старый Classic Editor. К счастью, теперь Редактор блоков WordPress ведет себя намного больше, чем некоторые другие сторонние платформы для написания.

Три различных представления включают в себя:

• Верхняя панель инструментов: доступ ко всем инструментам блоков и документов в одном месте.
• Режим Spotlight: Сосредоточьтесь на одном блоке за раз.
• Полноэкранный режим: работайте, не отвлекаясь.

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

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

Наконец-то кто-то подумал об идентификаторах

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

В редакторе блоков WordPress вы, наконец, можете добавить идентификатор в том же представлении ! Плагин не нужен. Ура.

4 вещи, которые я ненавижу в редакторе блоков WordPress

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

Мой курсор здесь, и теперь он там

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

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

Я подтвердил это странное поведение с десятками людей, так что я знаю, что это не только я.

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

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

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

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

 add_filter('generate_show_block_editor_styles', '__return_false');

Ниже показано, как это выглядит до и после.

Редактор блоков до (стили переопределения темы)

Редактор блоков после (удаление стилей темы)

Грамматика работает неправильно и, вероятно, никогда не будет

Я активный пользователь Grammarly. Однако с тех пор, как вышел новый редактор блоков WordPress, Grammarly не работал должным образом . Иногда он находит что-то, а иногда нет.

Я также видел подобные жалобы от пользователей в Твиттере. Из того, что я могу сказать, я думаю, что это связано с тем, что каждый блок полностью отделен. Поэтому Grammarly не всегда может увидеть полный контекст. Я также думаю, что у него просто проблемы со сканированием редактора на основе React.js.

Я не очень надеюсь, что они исправят это, если честно. Я попытался поднять этот вопрос с их поддержкой сейчас, а также в Твиттере. Команда WordPress говорит, что это что-то на стороне Grammarly.

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

Больше не видны комментарии к отдельной записи

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

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

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

Резюме

Мне очень интересно услышать отзывы от всех вас. Вам нравится, куда движется новый редактор блоков WordPress? Что вы любите и ненавидите в этом? Оставьте свои мысли ниже в комментариях.