Обширный обзор блоков Getwid Gutenberg

Я думаю, вы согласитесь со мной, что создание веб-сайта с помощью WordPress — непростая задача, особенно для неспециалистов. Сегодня мы познакомимся с плагином блоков Getwid Gutenberg.

Редактор Gutenberg, кодовое название новой эры в редактировании WordPress, открыл гораздо больше возможностей для настройки и в то же время поставил новые проблемы, с которыми нужно справиться .

Но нас нелегко напугать.

Проприетарные плагины Gutenberg, такие как блоки WordPress Getwid, которые мы собираемся пересмотреть в этой статье, предлагают решения для решения этих проблем и расширяют ваш опыт создания контента в WordPress.

Так что же такое Гетвид? Это библиотека дополнительных блоков Гутенберга и шаблонов дизайна, каждый из которых имеет свою собственную цепочку инструментов, чтобы помочь вам создать практически любой веб-сайт, который вы задумали.

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

Ключевые концепции и особенности блоков Getwid Gutenberg

Вот ключевые возможности и фундаментальные принципы, которые нам удалось определить:

• Самая большая коллекция бесплатных блоков для редактора блоков WordPress Gutenberg.

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

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

• Готовые проекты Getwid.

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

• Визуальный паритет с вашей темой WordPress.

Getwid, вероятно, является одним из лучших плагинов в этом аспекте, поскольку по сравнению со многими аналогичными надстройками Gutenberg; его блоки автоматически наследуют стили (визуальный дизайн) от активированной темы WordPress Gutenberg , а не добавляют свои собственные. Это поможет вам сохранить согласованность дизайна на всем веб-сайте с меньшими усилиями и настройками.

Проще говоря, блоки имеют свои собственные стили, но ваша тема добавляет или переопределяет эти стили блоков, чтобы контент выглядел более родным для вашей темы WordPress Gutenberg.

Дополнительные возможности блоков Getwid Gutenberg

• Getwid спроектирован так, чтобы соответствовать эталонным показателям производительности.

Хотя общая производительность всегда варьируется от сайта к сайту и зависит от множества факторов, сам плагин Getwid очень легкий.

Это достигается за счет интеллектуального распределения настроек (например, поскольку есть блок Advanced Heading, обеспечивающий все типографику, который можно использовать практически с любым другим блоком, Getwid не перегружает другие блоки такими же тяжелыми стилями шрифта и настройки типографики), нативные для Gutenberg интерфейсы Getwid без ненужных украшений, минимизированные встроенные файлы CSS и JS, чтобы не раздувать ваш сайт, и многое другое. Кроме того, вы можете отключить блоки, которые вам не нужны, чтобы сделать ваш сайт еще быстрее.

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

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

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

Дополнительные функции

• Простая интеграция с несколькими популярными сторонними сервисами.

Библиотека блоков Getwid уже предлагает бесшовную интеграцию с Google Maps, Instagram и Mailchimp . Вы можете реализовать их без необходимости прибегать к дополнительным плагинам (еще одна хорошая вещь, которая делает весь ваш сайт более легким!).

• Специальная коллекция блоков для веб-сайтов с богатым содержанием.

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

• Бесплатная тема WordPress Gutenberg, созданная с помощью Getwid с нуля.

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

• Масштаб разработчика: бесплатный шаблон дизайна Гутенберга.

Если вы ищете достойное дополнение Gutenberg для создания клиентских веб-сайтов, плагин Getwid предлагает еще одно преимущество для ускорения вашего рабочего процесса. На GitHub можно загрузить бесплатный набор стилей Getwid, который содержит хороший набор начальных файлов CSS и фрагментов поддержки тем для упрощения стиля блоков Getwid и Gutenberg.

• Видеоуроки.

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

Давайте теперь попробуем взглянуть на блоки Getwid, а затем перейдем к примерам.

Список бесплатных блоков Гутенберга, доступных в плагине Getwid

На данный момент плагин предлагает до 40 блоков WordPress:

• Блок раздела : контейнерный блок верхнего уровня для любого типа макетов.
• Advanced Heading Block : универсальная панель управления типографикой.
• Блок Google Maps : довольно очевидный, встраивайте Карты Google с пользовательскими маркерами.
• Блок значков : полностью настраиваемые значки.
• Блок значков : готовые макеты с контейнерами значков.
• Блок изображений : готовые макеты с контейнерами изображений.
• Блок социальных ссылок : набор иконок социальных сетей.
• Баннерный блок : решение для потрясающих рекламных баннеров.
• Блок слайдера изображения: простые слайдеры изображений.
• Блок ползунков мультимедиа и текста : расширенные ползунки.
• Блок группы кнопок: кнопки с разными стилями.
• Персональный блок : демонстрация команды и сотрудников.
• Аккордеонный блок : аккордеонные табы.
• Toggle Block : включает визуализацию данных.
• Блок вкладок : горизонтальные вкладки.
• Блок галереи стека изображений: галереи изображений с семью различными шаблонами дизайна.
• Блок отзывов : традиционный блок отзывов.
• Блок последних сообщений : макеты списка и сетки для последних сообщений.
• Advanced Spacer Block: простые настраиваемые промежутки между блоками контента.
• Блок Instagram : прямая трансляция ваших фотографий из Instagram в WordPress.

Готовы к большему?

• Блок счетчиков: анимированные счетчики.
• Блок Price Box : ценовые и сравнительные таблицы.
• Progress Bar Block : горизонтальные индикаторы выполнения.
• Блок контактной формы : простая контактная форма с reCAPTCHA.
• Блок карусели постов: слайдер карусели постов.
• Блок «Прайс-лист» : список продуктов и цен; опционально оглавление.
• Post Slider Block : автоматически генерируемые слайдеры из ваших сообщений.
• Пользовательский блок типов сообщений : сетка, список или настраиваемый макет любых настраиваемых типов сообщений, доступных на вашем веб-сайте.
• Круговой блок индикатора выполнения: отображает прогресс с помощью анимированных полос.
• Блок временной шкалы контента : сообщения размещаются в хронологическом порядке.
• Блок обратного отсчета: анимированные таймеры обратного отсчета.
• Блок горячих точек изображения : подробные и анимированные указатели, размещенные над изображениями.
• MailChimp Block : безупречная интеграция с MailChimp.
• Блокировка всплывающих окон с видео : самостоятельные и внешние видео во всплывающих окнах.
• Блок библиотеки шаблонов : до 40 готовых шаблонов (вы должны попробовать!)

Более того, поскольку команда MotoPress, стоящая за Getwid, постоянно создает новые функции, этот список, скорее всего, будет расширен в будущем.

Это был всего лишь взгляд с высоты птичьего полета, поэтому давайте углубимся в настройки конфигурации и заглянем за кулисы, чтобы проиллюстрировать возможности Getwid. Мы собираемся использовать различные бесплатные и премиальные темы WordPress с поддержкой Gutenberg.

Индивидуальные макеты любого масштаба с блоком сечений

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

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

Настройка блоков Getwid Gutenberg

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

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

• Группируйте контент для построения визуальной иерархии с помощью уникальных разделителей: настраивайте их размер и цвет.

• Создавайте причудливые офсетные макеты.

• Анимируйте блоки или целые разделы.

Дополнительные эффекты блоков Getwid Gutenberg

Есть множество анимационных эффектов, которые вы можете выбрать:

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

• Чтобы выйти за рамки простой типографики, вы можете вставить блок Advanced Heading от Getwid, который предлагает глубокие настройки типографики (он позволяет вам работать с несколькими настройками шрифта: стилями, весом, размером, семейством, интервалами, цветами и т. д.). Вы можете использовать этот блок с любым другим блоком Gutenberg или Getwid.

• Добавьте кнопки с помощью блока Button Group, который также автоматически наследует стили из вашей темы WordPress, готовой к использованию Gutenberg. Размер, ширина, направление и выравнивание кнопки могут быть изменены, поэтому вы можете создавать профессиональные призывы к действию одним щелчком мыши!

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

Продемонстрируйте услуги, идеи и функции с помощью минимальных форм

Плагин Getwid Gutenberg blocks поставляется с несколькими отличными блоками, которые позволяют выразить важные вещи о вашем проекте/бизнесе простым, читабельным и современным способом.

Например, вы можете гораздо проще передавать много информации с помощью значков, изображений + значков, графиков, счетчиков и многого другого. У Getwid есть все.

Давайте посмотрим на некоторые из этих блоков и узнаем больше об их особенностях.

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

Плагин Getwid использует значки Font Awesome, которые автоматически наследуют дизайн (размер стиля) от любой готовой к Gutenberg темы, которую вы можете использовать, и дополнительно позволяет вам выбрать предпочтительный цвет из цветовой палитры бренда темы. Это помогает значкам намного легче вписаться в общий дизайн темы.

Тем не менее, вы можете реализовать свой собственный набор иконок, если это необходимо.

Дополнительные настройки блоков Getwid Gutenberg

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

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

Анимированные блоки Getwid Gutenberg

• Визуализируйте данные с помощью анимированных блоков Progress Bar и Circular Progress Bar.

Основные параметры обеих полос полностью настраиваются.

Таблицы цен

• Продемонстрируйте сравнение и таблицы цен с помощью блока Price Box. Блок поставляется с предварительно разработанным специально созданным макетом, который вам нужно просто заполнить своими данными.

Поскольку весь контент редактируется в процессе работы (прямо в редакторе Gutenberg), вы сможете быстро обновить функции/описание, кнопки и т. д. Также поддерживаются пользовательские CSS, так что не стесняйтесь придавать таблицам более привлекательный вид.

Часто задаваемые вопросы

• Блоки Tabs, Toggle и Accordion, которые в современном веб-дизайне вносят большой вклад в улучшение общей организации контента, очень полезны для структурирования информации, такой как часто задаваемые вопросы, политика компании, удобства в отеле, архивы музыки и любая другая информация.

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

• Реализуйте значки социальных сетей с помощью блока «Социальные ссылки». Getwid позволяет вам без суеты внедрять обязательные значки, поскольку они автоматически наследуют внешний вид вашей темы. Вам просто нужно выбрать стиль, размер, выравнивание и расстояние.

• Продемонстрируйте анимированные счетчики. Например, вот верхний блок без стилей и такой же счетчик, размещенный внутри блока Section блоками Getwid Gutenberg:

Вы можете использовать минимальные или расширенные настройки:

Блок поддерживает восточно-арабские и персидские цифры.

• Демонстрирует широкий спектр тщательно продуманных и надежных макетов с изображениями с помощью блока Image Box.

• Создавайте меню ресторана с помощью специального блока «Прайс-лист». Вы можете пойти с или без изображений.

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

Создавайте потрясающие медиа-галереи и слайдеры Gutenberg

Getwid предлагает несколько простых способов представления медиаконтента:

• Добавьте слайдер с блоком Media and Text Slider, в котором вы сможете контролировать и редактировать все элементы прямо в визуальном редакторе Gutenberg.

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

Как вы думаете, вам понадобится еще один плагин слайдера WordPress с Getwid под рукой?

• С легкостью интегрируйте живую галерею Instagram, не прибегая к сторонним плагинам.

• • • Создавайте очаровательные галереи изображений с блоком Image Stack Gallery.

• Для творческих проектов вы можете использовать очень редкий блок Image Hotspot, чтобы сделать ваши изображения/фотографии/картины/планы этажей более информативными. Блок позволяет размещать анимированные всплывающие подсказки в любой пользовательской области ваших изображений, чтобы предоставить больше информации об определенных частях изображения.

• Демонстрируйте вступительные видеоролики или видеоролики о продуктах в потрясающих всплывающих окнах (вы можете использовать свои обложки, анимировать кнопки, добавлять подписи и т. д.)

Продемонстрируйте свою команду

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

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

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

Если вы хотите размещать сообщения в блогах или другие настраиваемые типы сообщений (например, услуги, продукты WooCommerce или другие типы контента, созданные с помощью используемых вами плагинов), плагин блоков Getwid Gutenberg поставляется с несколькими выделенными блоками, которые помогут вам сделать дополнительный акцент на этом контенте. .

Для этой цели вы можете использовать блоки Post Carousel, Post Slider и Custom Post Type от Getwid. Хотя они поставляются со стандартным набором настроек, Getwid сделал все возможное, предоставив вам собственный создатель шаблонов, где вы можете визуально создать макет, который будет применяться к ползунку данных динамических сообщений.

Играя с этими блоками, вы можете создать:

• Потрясающие полноразмерные ползунки постов/настраиваемых постов.

• Карусель столбцов с различными элементами дизайна.

• Ползунки сетки и списка.

Есть масса вариантов и особенностей этих блоков, которые потребуют отдельной статьи!

Используйте анимированные баннеры для продвижения предложений или событий

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

Блок позволяет вам управлять макетом, цветами, эффектами движения и множеством других настроек.

Заключительные мысли: плагин Getwid WordPress Blocks идеально подходит для блогов и сайтов малого бизнеса

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

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

• Расширенные панели конфигурации обеспечивают большую масштабируемость и гибкость для каждого блока.
• Готовые проекты Гутенберга.
• Независимо от темы WordPress, Getwid позволяет упростить редактирование и поддерживать лучшую визуальную согласованность почти автоматически.
• Бесплатный шаблон дизайна с фрагментами стилей блоков.
• Плагин обеспечивает дополнительную ценность благодаря нескольким предустановленным популярным службам, для которых обычно требуются дополнительные плагины.
• Getwid предлагает несколько действительно уникальных блоков, таких как «Точка доступа к изображению», «Всплывающее окно видео» и «Пользовательский тип публикации».
• Плагин Getwid придерживается передовых методов проектирования и разработки для Gutenberg и WordPress 5.0, что в значительной степени способствует перспективному подходу к созданию веб-сайтов.

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