Gutenberg

Визуальные редакторы


Содержание сайта
Визуальные редакторы
Обзор программ л.13
Gutenberg

Gutenberg

На рисунке - Gutenberg v 7.2.0 (2019 г). Интерфейс многоязычный. Совместим с версией WordPress 5.1.0 или выше..

Gutenberg — программа для редактирования пост-блоков с помощью WordPress (в декабре 2018 г).  Позднее (в 2021 г) введено  полное редактирование сайта (FSE), которое появилось в WordPress 5.9 в начале 2022 года. Цель создания Gutenberg, по словам авторов— произвести революцию в издательском деле так же, как Иоганн Гутенберг совершил революцию в печати. Проект следует четырехэтапному процессу, который затронет основные части WordPress — редактирование, настройку, совместную работу и многоязычность.

Последние версии:
 Gutenberg v 10.3.1 (2021 г).
..................................
Gutenberg v 14.9.1 (2023 г).
.........................
Gutenberg v 17.6.5 (2024 г. Февраль). Интерфейс многоязычный (есть русский язык)
Совместим с WordPress v:6.3 и новее.

В последнее время создано несколько веб-редакторов (например Mobirise, Nicepage Website Builder и другие), которые создают веб-сайты, используя блоки. Эта технология позволяет создавать сайты быстрее и зачастую более качественно, чем ранее (когда веб-страницы создавались путем вставки отдельных объектов).

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

Gutenberg - визуальный редактор, т.е. он не требует от пользователя знания HTML и CSS, чтобы разместить блоки на странице. Поэтому создание сложных макетов станет доступным для самого широкого круга пользователей. Между тем есть возможность вставить свой код  (Custom HTML).

Редактируемая страница правильно отражается в редакторе - аналогично она будет выглядеть и в браузере.
Подробнее о редакторе WordPress (WordPress Editor)

Страница Gutenberg  


 Gutenberg Blocks (Блоки для Gutenberg)

Gutenberg Blocks  v 2.3.0 (2023 г, январь)
В редакторе WordPress каждый абзац, изображение или видео представляется как отдельный «блок» контента.
Каждый блок поставляется с собственным набором элементов управления для изменения таких вещей, как цвет, ширина и выравнивание. Они будут отображаться и скрываться автоматически, когда у вас выбран блок.
Все доступные  блоки расположены в библиотеке блоков.
На сайте WordPress имеется несколько наборов блоков для применения в редакторе.Gutenberg.
Блоки помогут вам создавать сайты в кратчайшие сроки и с высоким качеством. Просто выберите ваши любимые блоки из Ultimate Addons. Все блоки настраиваемые. Не требуется никакого кодирования.
Имеется более 20 профессионально разработанных бесплатных стартовых сайтов, созданных с использованием Gutenberg, с разной тематикой (местные предприятия, рестораны, агентства, интернет-магазины, блоги и т. д.)
Вы можете просто изменить изображения и текст, чтобы сделать их ваши собственные.

Темы Astra - 100% совместимы с Gutenberg. Astra  позволяет вам создавать более быструю загрузку и более эффективные веб-сайты. Простая настройка. Astra сокращает время разработки, предоставляя вам бесплатные пиксельные готовые демо-версии готовых веб-сайтов в огромной библиотеке начальных сайтов. Astra без проблем работает со всеми основными плагинами WooCommerce, LifterLMS, LearnDash и т. д.
Ultimate Addons - это единственное расширенное дополнение, которое может понадобиться для создания полноценного веб-сайта с редактором WordPress по умолчанию и темой Astra.

Скачать Gutenberg Blocks  

Gutenberg Blocks – Ultimate Addons for Gutenberg

  • Advanced Heading    Комбинация заголовка и подзаголовка с разделителем между ними. Вы можете выбрать тег заголовка для заголовка и управлять другими настройками и настройками.
  • Advanced Columns   Этот расширенный блок столбцов предоставляет расширенные возможности для вставки ряда столбцов в одну строку.
  • Blockquote: Этот блок позволяет отображать цитируемый текст в твиттере
  • Call To Action  Этот блок поможет вам создать привлекательный призыв к действию с  заголовком, описанием и  кнопкой.
  • Contact Form 7 Styler:   Блок веб-формы контактов
  • Content Timeline  Позволяет создавать красивые временные шкалы на вашем веб-сайте.
  • Google Map:   Блок Карт Google
  • Gravity Forms Styler: Настройте гравитационную форму по умолчанию с помощью Gravity Form Styler для отображения более привлекательных форм.
  • Icon List :Позволяет разместить изображения или значки в качестве маркера для каждого элемента списка.
  • Info Box: Информационное окно: Infobox позволяет разместить изображение или значок вместе с заголовком и описанием в одном блоке.
  • Marketing Button:  Блок «Маркетинговая кнопка» содержит текст и кнопку
  • Multi Buttons:  Позволяет добавлять несколько кнопок в один блок (от 1 до 5 кнопок).
  • Post Carousel:  Слайдер, в котором ваши записи блога будут отображаться в виде карусели.
  • Post Grid:  Блок «Сетка постов» извлекает записи блога, которые вы можете иметь на своем веб-сайте, и отображает их в виде сетки.
  • Post Masonry:  Блок извлекает сообщения блога на вашем веб-сайте и отображает их в виде кладки.
  • Post Timeline:   Блок «Временная шкала публикации» позволяет отображать сообщения блога на вашем веб-сайте в упорядоченном списке в соответствии с датами их публикации.
  • Price List: Блок для создания прайс-листа для вашего сайта.
  • Section:  Блок Раздел позволяет добавлять в него другие блоки
  • Social Share:   Блок позволяет пользователям обмениваться контентом на различных сайтах социальных сетей.
  • Table Of Contents: Оглавление - отображает указатель или список заголовков, включенных в длинный пост или страницу.
  • Team: Блок "Команда" позволяет вам отображать вашу команду - добавьте свою фотографию, имя, род занятий и ссылки на социальные профили.
  • Testimonial   Блок "Отзыв"  помогает отображать отзывы клиентов на вашем веб-сайте в виде карусели.
В дальнейшем планируется добавлять новые блоки.

См. также наборы блоков для Gutenberg:

Stackable – Gutenberg Blocks
Блоки Stackable дают вам возможность создавать первые страницы и целевые страницы.
Блоки будут отлично смотреться даже на маленьких экранах.
Страница  Stackable – Gutenberg Blocks    

Kadence Blocks (демо)
Библиотека блоков Gutenberg (заголовок, кнопка, Вкладки, Аккордеон, Отзывы, Icon и др.).
Страница  Kadence Blocks   

CoBlocks

CoBlocks - это набор блоков WordPress для создания страниц для Гутенберга с более чем 10 и создания страниц со строками и столбцами. Включает в себя Аккордеон, Блок профиля автора, Блок кнопок, Карусель, Блок функций, Блок формы, Gif Block, Блок иконок, Блок карты, Блок таблицы цен и другое.
Страница CoBlocks 

Advanced Gutenberg
Advanced Gutenberg добавляет недостающие блоки и настройки, необходимые для создания веб-сайтов.
Страница Advanced Gutenberg  


Вернуться к обзору
Последнее обновление: февраль 2024 г.