Выравнивание абзацев по ширине в редакторе Gutenberg

WordPress «осчастливил» новым редактором, и придётся к нему приспосабливаться, тем более, что поддержка классического редактора не будет вечной.

В принципе, пока у меня всего лишь две претензии к гутенбергу, и первая из них – это отсутствие выравнивания по ширине в блоке «абзац». Все предыдущие статьи у меня на сайте именно с таким выравниванием, и мне бы очень не хотелось менять этот стиль.

По умолчанию в блоке «абзац» гутенберга стоит выравнивание по левому краю.

Теоретически предусмотрена возможность для каждого блока дописывать свои стили на вкладке «Дополнительно-Дополнительный класс CSS»:

Однако, моя попытка добавить в это поле выравнивание по ширине, ни к каким изменениям не привела. На предварительном просмотре абзац по-прежнему был выровнен по левому краю.

В классическом блоке гутенберга по-прежнему можно выравнивать текст по ширине с помощью горячих клавиш Alt+Shift+J.


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

Так что, придётся добиваться выравнивания по ширине в блоке «абзац».

Сделать это можно, дописав свой стиль css на вкладке консоли «Внешний вид-Настроить-Дополнительные стили»:

p {

text-align: justify;

}

Этот вариант у меня сработал, теперь текст во всех гутенберговских блоках «абзац» автоматически выравнивается по ширине. Однако, я не уверена, что при очередном обновлении темы это сохранится, поэтому в итоге решила прописать выравнивание по ширине для абзацев в файле style.css своей дочерней темы:

/*Выравнивание абзацев по ширине*/

p {

text-align: justify;

}

Ну вот, теперь можно жить и с гутенбергом 🙂 .

Выравнивание абзацев по ширине в редакторе Gutenberg: 5 комментариев

  1. Огромное спасибо! Ещё сидя на 4.9., без Гуттенберга, постоянно раздражался отсутствием функции в классическом редакторе… А с переходом на 5.3. — вновь обнаружил ту же фигню уже в Гуттенберге… Решил — Гугл мне в помощь, и вот: приведенный Вами способ — наконец-то сделал все мои абзацы ровными, а не такими, словно их справа собаки грызли)))
    Пока попробовал первый способ. Второй, в-принципе, понятен, кроме одного: есть ли какие-либо указания в части места размещения указанной записи (кода) в файле («до», «после», и.т.п.) Зы: я — чайник, если что)))

    1. Здравствуйте! Я тоже «чайник» 🙂 Просто пытаюсь решать проблемы по мере поступления 🙂
      Код для выравнивания абзацев по ширине в style.css может быть в любом месте файла. Главное, чтобы это было сделано в дочерней теме, иначе при следующем обновлении темы придётся прописывать это заново.
      На всякий случай, как сделать дочернюю тему, можно посмотреть в этой статье.

  2. Большое спасибо за совет. Решила начать осваивать гутенберг, ибо поддержка классического редактора не вечна. Ваш совет буквально спас неопытного админа.
    Правда, почему-то в редакторе выравнивания не видно, оно появляется только после публикации

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *