Gutenberg

Gutenberg – использование, нюансы и возможности

Редактор Gutenberg стал неотъемлемой частью WordPress после обновления движка до 5 линейки версий. И это сразу-же вызвало множество ахов и охов... Мол, использовать Gutenberg неудобно и куда как уютнее было работать с привычным старым классическим редактором.

А между тем, редактор Gutenberg уже довольно продолжительное время предлагался в виде отдельного плагина для тестирования и внесения предложений по его улучшению.

Я, кстати, вносил такое предложение разработчикам. Любопытство, знаете-ли, сподвигнуло меня на тестирование нового редактора практически с момента его появления.

К редактору Gutenberg надо привыкнуть

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

Главное неудобство Gutenberg - это привычка к другому редактору, тому, которым вы пользовались раньше!

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

Я вот хоть и считаю, что уже достаточно привык, все последние статьи написаны исключительно в помощью Gutenberg, всё-же нет-нет, да и наткнусь на некоторые неудобства.

Хотя на самом-то деле, причина только в иной реализации возможностей. И по здравом размышлении, способ такой реализации, да и сами возможности,  впечатляют.

Небольшой видеообзор редактора

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

По крайней мере, призывы к созданию подобного видео я получал.

Не уверен, что оправдал чаяния друзей-блогеров, но надеюсь всё-же, что время, потраченное мной на создание ролика и вами на его просмотр - не пропало даром.

Кстати, обратите внимание, что видео вставлено в соответствии с этой статьей...

Gutenberg будет совершенствоваться

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

Ещё раз повторюсь: Gutenberg кажется неудобным только в силу вашей привычки к другому редактору.

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

Огни большого города https://obg.kz

Смотрите также

301 редирект с http на https

301 редирект с http на https, разные сервера – разные способы

Содержание301 редирект посредством .htaccess301 редирект с http на https на серверах NginxКоротко о попытке решить …

Медиафайлы wordpress

Медиафайлы wordpress-блеск и нищета библиотеки

Медиафайлы wordpress - одно из самых неудачных решений разработчиков этого, вобщем-то, замечательного движка. Хотя для …

128 комментариев

  1. Здравствуйте, Александр!

    Спасибо Вам за видеообзор!

    Все наглядно и понятно, будем привыкать потихоньку к новому редактору, хотя «привычка – вторая натура», но… надо просто отвыкнуть от старого и привыкнуть к новому:) все просто на самом деле:)

  2. Саня, привет! Супер!  Мне понравилось и видео и редактор. Нужно было сразу разработчикам написать видео про редактор, а уж потом обновлять. Следующую статью, буду пробовать писать в новом редакторе.

    • Привет, Андрей! Да, тут комбинируя различные блоки можно делать изумительные вещи в статьях…

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

      no

  3. Саша!!! Огромное тебе Спасибо за разбор редактора!!! Я немного в выходные тестировала. Да, там есть много интересного для меня, да и для всех, но верно = непривычно пока. Но это пока. Я кое какие черновики создавала, все норма. На смартфон пришла почта, я глянула – есть твоя статья.

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

    И начался йоперный театр ну вот дождалась, пока весь процесс прошел, пишу тебе Огромное Спасибо!!! Лайки везде, пусть учатся.

     

    • Да да, все в школу за парты  А потом экзамен нам сдавать будут. по блочному редактору 

      • Не, мы сначала дружно обмоем это дело, чтобы все усвоилось  А потом полетим в Алма-Ата. Главное, чтоб нас не перепутали рейсами… А то получится, как в кине… помнишь Андрей как Мягкова вместо … затолкали на ленинградский рейс.

        • Это кстати мой любимый фильм на новы год. Без него и праздника вроде как нет 

          • Точно, Андрюха, это уже на уровне инстинкта… Если "Иронию" не показывают на Новый Год, что остаётся чувство, что чего-то не хватает… Сам так-же чувствую… cheeky

          • Да по моему у всех этот фильм любимый под Новый Год, не только у тебя. Ирония судьбы или с легким паром – классикой уже стал. Вебинар пройду, забегу к тебе на блог прокомментировать.

    • Надя, привет! Ну главное, что с "йоперным театром" всё благополучно завершилось. Можно дальше спокойно работать…

      Спасибо за лайки, а мне приятно, что видео тебе показалось полезным… heart

      • что с "йоперным театром" всё благополучно завершилось

         

        И ведь эта ситуация у меня уже была не раз и не два раза, но давно. А вот забыла Саша и перешла на обычную загрузку. И получила ТО, чего не желала. Да хорошо, что минут 15 все перестраивалось. А однажды доклацалась, перенастройка шла 3 часа, выключила нахально, нажав на выход из сеанса и пришлось ехать  в район к Мише на следующий день (вечер для работы пропал тогда…) – перенастраивал и предупредил и рассказал чо по чем. Спасибо тебе за видео еще раз!

        • Это ещё хорошо, что есть куда ехать и к кому обратиться… Да и машина своя, насколько я понял… Уже проще…

          Надь, а УПС-ку поставить не думала? Тогда бы и не было таких выкрутасов…

        • УПС – это блок бесперебойного питания для компьютера. Например, когда отключают электричество, то он какое-то время позволяет работать на компьютере за счёт своей батареи. Кроме того, защищает от скачков напряжения. Они бывают разные. Надо подбирать в зависимости от блока питания компьютера.

          Вот, например, как он может выглядеть… В твоём конкретном случае, защитил бы тебя от "накрывшегося" удлинителя….

  4. Напомнило блочную систему работы с контентом в Elementor'e – плагине для создания лендингов. Лично у меня переходить на подобное новшество в обязательном порядке желания нет, поэтому пока не обновляюсь. С плиточным интерфейсом восьмёрки windows так и не подружился, вернул себе классическое меню и привычный рабочий стол. Думаю, и среди недовольных Гутенбергом вскоре найдутся умельцы, которые найдут способ вернуться к старому редактору. Я подожду )

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

      С плиточным интерфейсом восьмёрки windows…

      Восьмёрку я никогда не понимал, а вот 10-ка мне пошла сразу. И теперь, когда по работе сажусь за чей-то компьютер с 7-кой, 8-кой, то всё кажется убогим… Ну а кто-то 10-ку не воспринимает… Тут всё от личных предпочтений зависит. А их переломить трудно… 

      • Посмотреть-то посмотрел, но почему-то понял, что блочная система даже при возврате к старому интерфейсу остается. Это и напрягло. Рад, что это не так. Значит, при случае установлю на один из свободных доменов, "пощупаю". Но новшества и обновления все равно не люблю, тем более кардинальные, вынуждающие менять привычки )

        • Блочная остаётся в любом случае. Но в видео я показал, как свой привычный классический редактор сделать основным блоком, который будет вставляться по-умолчанию.

          Вот он вставился, а дальше всё как и раньше – пиши как привык… Я таким образом использую свой привычный TinyMCE Advanced… Правда не как основной, но это просто мне удобно в блочном писать. До конца если дотерпел видео, то там это есть… 

        • А вот здесь настройки поменяешь, так вообще тебе будет удобно…

          Картинка кликабельна…

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

  5. Саша, как вовремя я к тебе зашел. У меня появилось предложение воспользоваться Гутенбергом. Отнесся к нему с недоверием. Но я пишу текст в ворде. потом размещаю на сайте. Нужен он мне?  Хотя мне уже интересно. Спасибо тебе за разбор редактора. 

    • Олег, а нас никто и не спрашивал – нужен, не нужен… Его просто внедрили в WordPress и всё.

      Даже если ты изначально пишешь статью в Word, потом вставляешь всё-равно ведь используя редактор…

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

      Так, что я бы советовал потихоньку осваивать Gutenberg. Нормальный редактор. Непривычный – это другое. Есть ещё недоработки, сырые места – просто нужно некоторое время. А редактор, на мой взгляд, неплохой.

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

        • Олег, написала комментарий, а мне ответили: Обнаружен дубликат комментария. Кажется, вы уже сказали это! 

          Я сто лет не была на Вашем блоге…

          Я предполагаю какой плагин это чудит, был у меня такой плагин, пока девчонки не посоветовали в емел почту убрать, убрать, потому что комментарии не пропускает… и выдает:  Обнаружен дубликат комментария. Кажется, вы уже сказали это!

        • Появился мой комментарий…….. на блоге у Вас.

        • Олег, а я на твой сайт вообще зайти не могу… Блокируется у нас, что-ли… У нас такое бывает…

        • Олег, а я на твой сайт вообще зайти не могу… Блокируется у нас, что-ли…

          Блин, детский сад какой-то. Как будто нет способов обойти блокировку… Обошёл, на сайт зашел, написал коммент… Всё нормально… 

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

          • Надо будет найти время и плотно заняться сайтом. Ошибок в нем накопал много, а исправлять некогда. 

    • Олег, я тоже в ворде пишу тексты для подсчета символов и слов, а потом переношу в редактор блокнот, потому что если из ворда перенести сразу в редактор вордпресс, там много грязи, бывает не очень много… Перейдите в редактор HTMLпосле переноса вордовского текста и увидите все ненужные косяки.

      • Я так и делаю. В редакторе чищу тексты, убираю косяки.

        • Мне однажды дали эту подсказку, я как пошла по своим статьям…. а там символов ненужных… вау))) Пока очистила статьи и по моему даже не все пока, надо будет еще проверить. И я взяла за правило сразу в редакторе блокнот писать, а потом на Адвего и на других сервисах проверяю количество слов и символов. Век живе, век учимся.

          • Да, так это я по ходу здесь самый ленивый  Вот никогда не писал статьи в ворде, сразу на живую, а колличество символов и знаков, так это точно не про меня. У меня краткость сестра таланта   Главное дать людям то зачем они пришли, инфу, а разбавлять ее водой можно и в комментариях. ИМХО

          • Да, так это я по ходу здесь самый ленивый Вот никогда не писал статьи в ворде

            Ну почему-же ты? Я тоже не пишу в ворде, сразу на блог… no 

      • а потом переношу в редактор блокнот, потому что если из ворда перенести сразу в редактор вордпресс, там много грязи, бывает 

        Сколько лишних движений! enlightened Надя, я открою тебе великую тайну: там кнопочка есть "Вставить как текст"… Вставляется только сам текст безо всякого вордовского или иного форматирования…

        Картинка кликабельна, кстати…  

        • Вот еще одна подсказка… Спасибо Саша, буду сегодня ночью "дегустировать". Вот пожалуйста, кое в чем мне еще нужно отрабатывать ВНИМАНИЕ. Вроде небольшое окошечко, а как много оно значит. Учусь дальше 

        • Всем, привет!

          А я пишу в OpenLiveWriter. Старый, добрый Редактор блогов Windows Live Writer, только на английском языке. 

          Насчёт нового редактора – я уже говорил у Андрея на сайте, что редактор интересный. Но, при работе с картинками в нём кое-чего не хватает, поэтому приходится пользоваться кнопками старого редактора. Чтобы его можно было подключать, в плагине "TinyMCE Advanced" установлена галочка в чекбоксе "Гибридный редактор" и появляется возможность переходить из редактора в редактор кликом мыши.

          • Миша, приветствую! Я одно время пробовал и такой способ – писать в Windows Live Writer

            Но по-итогу, всё-же вернулся к тому, что пишу сразу на блог. Хотя, каждый выбирает наиболее удобный для себя способ…

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

  7. Александр, а какое вам большое мерси за это видео. Я уже давно приглядывалась к этому товарищу Гутенбергу, но как-то боялась, что, применив его, настройки классического редактора слетят и не смогу восстановить их. Короче, опасалась.  И вот посмотрела ваш обзор, подумала… И пока осталась на своём – да, тяжело менять привычки. Особенно перед Новым годом. 

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

    • Светлана, приятно, что и Вам видео пригодилось… 

       …в новых версиях WP он уже будет обязательным…

      Так вроде уже…  Главное не бояться, не зря же говорят:

      Не так страшен чёрт, как его малютка… Gutenberg…

      cheeky 

  8. Я уже второй раз слушаю видео, но мне сложно, перейти на блоки. Редактор использую старый, но возможности не те,что были раньше. Не могу вставить картинку сбоку, только посередине получается. Ну в общем мне не нравится, но меня никто не спрашивает, придётся осваивать и привыкать. Спасибо за статью, помогает. Ещё наверно зайду, так что пишите ещё подобную статью, разжёвывайте нам. 

    • Алевтина, а в видео как раз есть про то, как вставить картинку сбоку от текста…

      И не переживайте – привыкнете, на самом деле он не такой уж и сложный, тем более, что постоянно будет совершенствоваться, я надеюсь, и становиться всё лучше и лучше…

      …пишите ещё подобную статью…

      Насчёт новой статьи не уверен, а вот если что-то будет непонятно – спрашивайте. Что знаю – расскажу… 

      • Да я по Видео и разбиралась, с большим трудом вставила, блоки куда-то исчезают а потом появляются, в общем намучилась. А сейчас мне пишут, что пропали комментарии, не могут написать комментарии. Конечно буду разбираться. Наверно привыкну.

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

          • Хм… Алевтина, статьи с подробностями нет. Всегда переносил сайты самостоятельно, но в последний раз я доверил это техподдержке нового хостинга, на который переезжал…

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

    • Алевтина, вот здесь посмотрите, может Вы там случайно галочку сняли?

      Это справа, в админпанели…

  9. Пробовала новый редактор, не понравился. Пока дотыкаешься до того, что надо!… Так что вернулась к старому, привычному. Кстати в консоли вордпресса есть такая возможность.
    Единственное, что мне понравилось из его возможностей (из Вашего видео только и узнала) – это вставлять в 2 колонки картинку и поясняющий текст. В рецептах с пошаговыми фото это очень удобно. А то приходилось изгаляться с таблицами (может, кто-то другие способы знает, я только до таблиц додумалась).
    А вот чем мне новый редактор больше всего не понравился, это тем, что нельзя посмотреть html всего текста сразу (а только блока). Может, я просто не нашла этой возможности, но как только мне это понадобилось, я сразу же перешла к старому. 
    Привычка-вторая натура. Не знаю, захочу ли я колупаться в его настройках, но если захочу, то вернусь к этому видео. В любом случае, за него спасибо!

  10. Александр, подскажите как содержание вставить в новом редакторе, чтобы пункты были активными. Т.е. при нажатии вели в нужное место в тексте. Здесь это возможно?

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

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

      • Андрей, а ты видео моё смотрел? Там же я несколько вариантов показывал. И отдельное изображение вставить, и галерею, и изображение с текстом…

        Или ты не про то? Уточни, что ты подразумеваешь пот понятием "включение медиофайла"?

        • При вставке изображения если он вставляется как медиофайл, то плагин увеличения работает. А если просто фоткой, то увеличения нет. По крайней мере у меня. Может это глюк моего вордпресса? 

          Как то так. 

          • Так и не понял, что значит "просто фоткой"? Для любого медиафайла, для "просто фоток" в том числе, надо прописывать ссылку на изображение. Тогда будет увеличение.

            Вот сейчас читал твою статью про создание кнопок, там все картинки нормально увеличиваются…

            Ты можешь более подробно проблему описать?

          • Ок. На днях опишу со скриншотами и дам ссылку где читать. А может и я не прав.

            ps. В статье которая на блоге, пока вставил медиофайлом намудохался конкретно.

          • Ну давай, посмотрим. Я пока с такой проблемой не сталкивался…

          • Статья есть, заходи на чай или на что то покрепче. Новый год ведь скоро, пора готовится 

          • Вот теперь понятно… cheeky Я заходил, но ты спал наверное… Даже чаю не налил… 

            Да, в этом конкретном модуле Gutenberg-а некуда вставить ссылку на картинку… Надеюсь, исправят…

    • Нина, здравствуйте!

      А Вы содержание как-то руками вставляете в свои статьи?

      В принципе, такой элемент, как содержание статьи не зависит от редактора, в котором Вы эту статью пишите… Есть специальный плагин для этой цели: Table of Contents Plus… И хоть в репозитории WordPress висит предупреждение, что, мол, 

      Этот плагин не тестировался с последними 3 основными выпусками WordPress. Скорее всего, он уже не поддерживается и может быть несовместим с текущими версиями WordPress.

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

      Выглядит его работа примерно как в этой моей статье. Удобно, и от Вас ничего, кроме первоначальной настройки, вообще не требуется… Если будут вопросы по этому плагину – задавайте, что знаю расскажу…

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

    • …написали какой-то код, чтобы плагинами не перегружать сайт…

      Как оказывается живучи заблуждения! Нина, я думал, что подобный бред псевдо-гуру уже умер… Хм… 

      Я настоятельно советую Вам почитать вот эту статью, написанную ещё в 2014 году… И рекомендую всё-же воспользоваться плагином, а код убрать.

      Тогда никаких проблем не будет.

  12. Да, Саша, когда стало невозможно установить редактор блогов Windows Live Writer , я тоже пользовался редактором WP, но ты ведь знаешь, что у меня в постах огромное количество картинок и чтобы их все отредактировать уходит больше телодвижений, соответственно времени. Когда мне попался на глаза редактор OpenLiveWriter, я его установил и вновь начал писать в редакторе блогов. Мне сподручнее как-то в нём и привычнее, даже английский язык не мешает.

    В новом редакторе WP я не нашёл способа редактирования картинки слева в начале поста. Во-первых, омывание картинки текстом не происходит – картинка следует за текстом вниз. Во-вторых, установить отступы справа, сверху, снизу – нет возможности. В-третьих, редактор работает только с картинками из библиотеки. Картинку "с сайта" он загружает, а вот отредактировать картинку эту не представляется возможным. Поэтому и приходится пользоваться возможностями "TinyMCE Advanced".

    И ещё, указать название и настроить шрифт пока желает лучшего.

    А так, мне редактор нравится, думаю, все мелкие недочёты со временем будут устранены и в нём будет очень комфортно работать.

    • Миша, тогда может быть тебе будет интересен вот этот плагин, он вообще, судя по описанию, из любого офисного приложения позволяет вставлять материалы с картинками и всеми прочими прибамбасами. В том числе и в Gutenberg.

      По ссылке описание на русский, думаю, сможешь перевести. Довольно интересное решение, кстати…

       

  13. Спасибо большое, Саша! Плагин конечно интересный и думаю, что будет очень полезен тем, кто пишет в Word и подобных редакторах. Кстати, кто-то из девушек в комментах затрагивал эту тему. К тому же, в плагине почти нет настроек (одна), нужно лишь использовать теги. Почитал описание – впечатляет! Как он ведёт себя на деле – нужно тестить. Я с офисными давненько не имел никаких дел, даже Word не установлен.

    Установил – активировал плагин на Тестовом блоге, по свободе можно будет испробовать его возможности.

    • Я его сам не тестировал, так-как пишу сразу на блог. Но по описанию очень интересный плагин… Надо будет как-нибудь попробовать его. И что интересно – он совместим с Gutenberg-ом… Там описание есть… Как вставлять… 

      И всё-же это на любителя…

  14. Я заходил, но ты спал наверное… Даже чаю не налил… 

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

  15. Здравствуйте Александр.

    Небольшая просьба. Сделал страничку человеку и на ней ФОС. Напишите тестовую заявку из своего региона, как сработает.  Там кнопка ЗАЯВКА.

    Адрес страницы потом удалить: https://servis.kharkov.ua/narodmed/

    Спасибо.

  16. Привет!)) А я вот даже его еще и не видела)) Сайт на ВП есть, но пока не заглядывала туда…Зато отзывов о гутенберге уже кучу прочитала)) Разное пишут, кто-то доволен, а кого-то это расстроило.

    • Привет! 

      Я из тех, кто 

      ….пишут, кто-то доволен

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

  17. Я консерватор. Использую старый редактор, даже не потому, что привычный, а потому что особой нужды в переходе на новый не вижу пока. Если устраивает всё, а что-то дополнительное не требуется – зачем менять?

    • А мне нравится пробовать всё новое. Попробовал и по итогу остался на Gutenberge…  Вот глянулся он мне.

      Но это-же и хорошо, что каждый имеет возможность использовать то, что нравится ему.

  18. Редактор просто отличный! Мне он понравился. Есть конечно же, некоторые неудобства. Но в целом, очень даже хорошо! Давно пора так сделать для самой популярной CMS в мире.

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

    Александр, а как вам новая дефолтная тема Twenty Nineteen? Мне она сначала не понравилась. Но потом как немного поигрался с ней, так прям, весьма неплохо. Единственное, нужно делать поправки. Но без этого дефолтные темы wp не обходятся.))

    Еще проблема с гуттенбером у меня и смотрю, у вас тоже – это неполная совместимость темы с редактором. К примеру, для изображений или блоков с изображениями (картинка с текстом или галерея) нет возможности выводить блок на всю ширину области контента и всего экрана. Только отображаются кнопки выводить по центру, справа и слева. А этих двух нет, что я выше написал. В дефолтной теме они присутствуют. Можете посмотреть.

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

    А так вроде больше нет проблем с этим. Очень понравилось, что в WP5 наконец таки сделали полностью адаптивной галерею изображений. Теперь на маленьких экранах она может складываться в один – два ряда. В итоге картинки хорошо видны.

    А то раньше как задашь вывод 5 картинок, так на малых экранах они все 5 в одну строку и выводятся. Получается очень мелко. В новой версии cms там это исправили. Также есть различные варианты отображения фото в галереи. Это тоже хорошо!

    Единственное, у меня тема Basic тоже не совсем корректно отображает галерею с нового редактора. Иногда выводится не то число картинок, которое указывал. И изображения немного не аккуратно могут обрезаться.

    В дефолтной теме там 100% совместимость и таких проблем нет.

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

      а как вам новая дефолтная тема Twenty Nineteen

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

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

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

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

  19. Там-же есть возможность справа в свойствах задать полное изображение.

    Нет, Александр. Я немного про другое. Да, можно указать полный размер фото. Но проблема в том, что оно не будет выступать за пределы контентной части. Вот хочу я его сделать шире на всю ширину экрана монитора (шире контента), но в теме у меня нет такой возможности (кнопки в редакторе). И у вас тоже ее нет. 

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

    Попробуйте как-то на досуге поиграться с дефолтной темой на локальном сервере. Там вы заметите  все отличия. Я так использую Опен Сервер. Посмотрите. Может потом и статейку напишите если найдете что-то интересное для себя и своих читателей.))

    • А… Понял о чём Вы… Для блоков справа в настройках есть поле "Дополнительный CSS" или что-то в этом роде. Думаю, можно с этим ещё поиграть. То есть написать некий глобальный класс CSS, а там просто его указать. И блок будет растянут как кому хочется.

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

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

      На локалке у меня и Денвер стоит, и OpenServer… Разные задачи на разных локалках тестирую. Время выберу – посмотрю шаблон, который Вам так понравился… Насчёт статейки не уверен…  Но там видно будет…

  20. К сожалению, сейчас пришлось отказаться от Гутенбера в пользу классического редактора. Были проблемы с изображениями. Пропадали альты и заголовки картинки. Иногда прописывались и сохранялись, иногда пропишешь и не сохранится (не выводится).

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

    С плагином TinyMCE Advanced тоже немного помучился. В последней версии плагина он мне помог решить проблему с тайтлами картинки. Через классический редактор они сохранялись нормально.

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

    Зачем пихать эту всю лишнюю информацию! Обычный пользователь в код не полезет. А тот кто полезет, тот и так знает хотя бы общее представление о разметке страницы. Поэтому все эти комментарии – это лишняя информация, которая раздувает страницу. Мне это сильно не понравилось! 

    В общем, пришлось вернуться с классическому варианту. Еще были кое-какие проблемы с отображением блоков. К примеру, шел сплошной текст без пробелов. Но это при включенном TinyMCE Advanced. Там в настройках есть опция автоматом прописывать <p>. Включил ее – отступы стали в два раза больше. Отключил – отступы вообще, пропали и стал сплошной текст в виде полотна.

    Когда через этот плагин полностью перешел на классический редактор – все проблемы отпали.))

    Еще в новом редакторе была проблема со скоростью работы. Он подтормаживал при создании нового блока. Это немного напрягало. Особенно, когда пишешь текст с нового абзаца. 

    В общем, буду ждать, когда все допилят. Пока рано переходить на новый редактор. Он мне нравится – но работать с ним пока невозможно.(( 

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

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

      Правда тайтлы к изображениям я не прописываю, только альты…

      В исходном коде комментированные строки начала и конца блока мне напротив, нравятся. Всё наглядно. Вообще, комментирование к коду – это признак хорошего стиля программирования. И что значит "раздувают страницу"? По объёму что-ли? Браузер их не замечает в силу того, что не обрабатывает, на то и закомментированность, на скорость загрузки страницы сколько нибудь существенного влияния это не оказывает, к тому-же SEO-плагины умеют перед выдачей страницы их из кода убирать. Зато несомненное удобство, когда сам начинаешь что-то в исходном коде редактировать.

      Отступы… Ну вот в тексте статьи у меня они есть? Есть! Ничего не куда не пропало. Задал себе в CSS величину отступа первой строки и все дела…

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

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

      Понимаю, что у каждого свой опыт работы с этим редактором и своё к нему отношение. Но в целом Гутенберг мне нравится. У него много плюсов. Ну и, надеюсь, он будет совершенствоваться…

      • Комментирование полезно, но для каждого блока это как-то напрягает. У вас их нет, из-за того, что есть минификация. Я от нее отказался, поэтому они у меня выводятся. Строк стало намного больше и сама страница больше. 

        Не проверял время загрузки страницы, но логически – это ведь лишние строки (информация). Значит по идее, все же должно как-то влиять на скорость загрузки. Посмотрите, даже отступы влияют на загрузку. После минификации страница меньше весит и быстрее загружается.

        Я как-то проверял загрузку шрифтов от font awesom. В сжатом виде быстрее они загружаются. Поэтому и здесь думаю комментарии будут влиять на скорость загрузки. Да, они нужны, но не в таком количестве. Постоянно прописано где фото, где параграф и так далее – это по-мне уже перебор.

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

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

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

          Но с некоторых пор я перестал обращать внимание на такие мелочи. Всё-же главное – это контент, его ценность для пользователей.

          Кстати, плагины минификации мне тоже как-то не пошли. Один, вроде autooptimise, если не ошибаюсь, делал всё без проблем.

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

  21. Александр, спасибо за обзор Гутенберга. Кое-что для себя новое по настройкам узнала. Я поначалу после обновления немного растерялась, что куда и как. Но потом стала работать, тестировать. Мне нравится. Современно и удобно. После него на классическом когда редактируешь старые статьи, кажется, прошлый век)))

    Единственное, с чем столкнулась: вот мне надо, допустим, в тексте выделить только кусочек абзаца другим цветом. А этот редактор выделяет весь абзац. Пока приходится в таких случаях на классику переключаться…

    Интересно цитаты выводятся (такого не было в старых версиях вордпресс). Они с разными стилями. Галерея мне тоже понравилась, но.. у меня то ли конфликт с лайтбоксом, то ли что-то на сайте где-то не то, галерея в мобильной версии наползает на текст. И не работают стрелочки переключения между картинками. Пока не допёрла, что с этим делать.

    А смайлики я давно через эмодзи ставлю, с сайта специального. Удобней, чем через html. 

    • галерея в мобильной версии наползает на текст

      Елена, там в настройках галереи, справа, есть такая опция: "Размещать элементы друг под другом в мобильной версии"…

      Попробуйте… 

      А вот эмодзи мне никогда не нравились… Кажутся убогими какими-то… Но это дело вкуса, конечно…

      • Полезла смотреть. У меня справа ничего нет вообще в редакторе гелереи. Просто пустая колонка…

         

        • Ну не пустая, такого не может быть. Правда того, о чём я говорил там нет, это в другом блоке…

          Но можно сделать вот, что: Вставить после галереи блок из раздела "Элементы разметки"…

          Либо Интервал и указать там в его настройках сколько пикселей надо, либо просто разделитель…

          Елена, попробуйте – должно получиться…

          • Александр, спасибо! Вот про разделитель-то и не подумала. Попробую как доберусь до админки.

            А колонка пустая. Фиг знает почему.

            Пробовала вчера на тестовом сайте на свежеустановленном вордпресс на разных темах плагин Gutenberg Advance. С ним галерею получается переключать стрелочками (а без переключения для меня вообще не вариант), но мне не очень тот стиль. Однако картинки один фиг наползали на текст. То есть выходит баг какой-то всеобщий? 

        • Елена, ну с разделителем или интервалом что-то получилось?

  22. Мне редактор вордпресс Gutenberg совсем не понравился, что-то там не вставлялось, что-то плохо редактировалось, в общем стал искать инструкцию, но нашел другой выход, а именно плагин Classic Editor. Нет времени подстраивается, разбираться.

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

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

  23. Это самое лучшее объяснение, как пользоваться новым блочным редактором. Вот и я добралась до Gutenberg. Вы правы, Саша, минут через 20-30 мучений, понимаешь, что это совсем не плохо. Думаю впереди еще много открытий чудных. Спасибо Вам за Видео.

    • А, да, мне жалко мою буквицу. В этом редакторе она черная и огромная. Может можно с этим что-то сделать?

      • Да, буквица там не очень удачная и так просто её не изменить, тут нужны пляски с бубном…

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

        Вот как это выглядит:

    • Это самое лучшее объяснение, как пользоваться новым блочным редактором.

      Спасибо, Елена! blush 

  24. Саша, здравствуйте!

    По поводу буквицы опять. Вы говорите, что включаете классический редактор, а у Вас там все прописано. Это у Вас код стоит, вы про это писали в статье про Буквицу, я помню. Но я использую плагин  Simple Drop Cap. Мне их вид буквицы больше подходит. А как теперь этот плагин в блочный редактор этот Gutenberg втиснуть. Я поначалу просто активировала плагин и все, он отразился в редакторе, а теперь он пропал в классическом редакторе, я его не вижу. не подскажете, как сделать, чтобы плагин Simple Drop Cap работал с блочным редактором?

    • Здравствуйте, Елена! А я что-то такого плагина, Simple Drop Cap, вообще в репозитории не нашёл… Вы не могли-бы дать ссылку на него? Я на тестовом блоге смог-бы проверить…

  25. https://wordpress.org/plugins/simple-drop-cap/

    Вот, я им пользуюсь уже давно. Я посмотрела в старых записях, что прописывалось перед и после Первой буквы, чтобы получилась буквица, и в новом редакторе, в Гутенберге прописала так же в режиме html кода. Буквица появилась. А в старом редакторе у меня просто дополнительный символ появлялся после активации плагина, а в новом редакторе я этого значка нигде не вижу. 

    Вот так я дописала в режиме html кода:   Д  – и буква Д стала буквицей. 

  26. Ой, кода не видно.

  27. У меня видимо, что-то неправильно отображается. 1-я не могу ничего написать в окне коментариев, если нажимаю кнопку "ответить". 2-Я не вижу кнопки, чтобы вставить как код. Всего 15 кнопок.
    f Ну вот разве что – Источник

    • Да нет, Елена… У Вас всё правильно… Это после обновления WordPress у меня плагин стал так работать. Потом разберусь, сейчас не до этого…
      Ваш код вставить штатными средствами тоже не получится… В своём комменте – это я с бубном немного поплясал…

  28. Ну и не источник тоже.

     

  29. Этот плагин был закрыт 16 декабря 2018 года и больше не доступен для скачивания. Причина: запрос автора.

     А, поэтому редактор блочный и не видит плагин, потому что он старый? Да? А когда я код прописала, то плагин все равно сработал? 

    Это значит, что у меня скоро возникнет конфликт плагина и вордпресса?

     

     

    • у меня скоро возникнет конфликт плагина и вордпресса?

      Сказать со 100% уверенностью не могу… Многие плагины не обновляются уже много лет, заброшены авторами, но до сих-пор прекрасно работают… Но тут зависит даже не от разработчика плагина, а от того какую сторону WordPress он затрагивает. Если ту часть, которая идеологически изменена в самом движке, то такие плагины перестают корректно работать. Ведь когда обновляется WordPress, то по сути какой-то код всё-равно остаётся неизменным. Поэтому какие-то плагины и продолжают прекрасно работать, хотя и не поддерживаются уже…
      Конкретно про Ваш сложно что-либо сказать…

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

    remove_filter('the_content', 'wptexturize');
    remove_filter('the_excerpt', 'wptexturize');
    remove_filter('comment_text', 'wptexturize');
    remove_filter('the_title', 'wptexturize');

    еще не скоро уберут

    Затем обнаружил, что блок таблицы не поддерживает colspan!!! Зачем тогда мне этот блок, если приходиться в html пихать?)

    с блоком ютуба тоже я не подружился

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

      А блок ютуба меня, в принципе, устраивает, вставку видео делаю с его помощью…

  31. Спасибо за толковый разбор Гутенберга. 

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

     вот прилагаю скрин, может поможете!

    • Федор, здравствуйте! Там нет категорий, есть рубрики http://prntscr.com/o9mnon Это тоже самое.

      • Спасибо за ответ! да я в курсе что там рубрики должны быть! но и их там нет))

        Отключаю Гутенберг, все на месте))

        Плагины  уже все отключал, сайт новый голый, всего две статьи, тему на стандартную менял, результат тот же!

        • Все нашел причину. Клиенту WordPress устанавливал  Макхост, наверное какая-то кривая сборка. Скачал дистрибутив с оф. сайта залил сверху и рубрики появились.

          • Ну и хорошо. А то я уже и через телефон смотреть начал. У меня есть везде. Удачи и кривых сборок больше не ставьте 

          • Я не сталкивался с Макхост, поэтому что-либо сказать насчёт них трудно. Но WordPress всегда устанавливал сам. Хорошо, что Вы разобрались, а то бы я сейчас гадал почему Вы рубрики не видите… 

      • Андрей, спасибо за помощь… А то я пока до компьютера добрался, всё уже решилось и без меня… no

    • Здравствуйте, Фёдор. Если Вы смотрели видео в статье, то там, почти в самом конце, есть и про категории. Показано каким образом к ним перейти…

  32. Не чтобы там не говорили классический редактор номер один! 

    • Классический использую очень редко, в основном – блоковый. Привык уже, мне так удобнее. Хотя некоторые моменты, в частности автоподпись под статьёй, пока делаю в классическом редакторе. 

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

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

 Ясогласен с политикой конфиденциальности сайта и пользовательским соглашением